diff --git a/.github/skills/astro-child-config/SKILL.md b/.github/skills/astro-child-config/SKILL.md new file mode 100644 index 0000000000..ebe620d820 --- /dev/null +++ b/.github/skills/astro-child-config/SKILL.md @@ -0,0 +1,326 @@ +--- +name: astro-child-config +description: "Reference guide for creating or updating an Astro child site under `docs/{lib}/` in this monorepo. Covers `astro.config.ts` structure, `package.json` scripts (dev/build/preview × en/jp), `IGDOCS_PLATFORMS` registration in `src/platform.ts`, language-aware path selection (`DOCS_LANG` env), `tsconfig.json`, `content.config.ts`, the `createDocsSite()` integration helper, port allocation, base paths, multi-language source folder mapping (e.g. `DOCS_LANG=jp` → `ja/` folder), and per-platform conventions (jQuery vs Angular vs xplat). Use when an agent needs to add a new docs library, add a new language to an existing library, or audit a child config for missing scripts/platform entries." +user-invocable: true +--- + +# AI Agent Guide — Configuring an Astro Child Repo + +## Context + +This monorepo contains a top-level `docs-template` package and several Astro child sites under `docs/{lib}/`: + +| Library | Path | Pattern | +|---|---|---| +| jQuery | `docs/jquery/` | DocFX-imported MDX, env-driven lang switching, `DOCS_LANG=jp` → `ja/` folder | +| Angular | `docs/angular/` | Hand-authored MDX, lang folders: `en`, `jp`, `kr` (literal) | +| xplat | `docs/xplat/` | Generated MDX; **platform** + **lang** dual-axis (Angular/React/WC/Blazor × en/jp) | + +All three share the same shell: + +- Use `createDocsSite()` from `docs-template/integration` for site assembly +- Register their nav identity in `IGDOCS_PLATFORMS` (`src/platform.ts`) +- Mount their content via `source.docsDir` (env-scoped glob loader) +- Use `cross-env DOCS_ENV=...` and `DOCS_LANG=...` for build configuration + +This skill explains how to set up a new child site or add a new language to an existing one. + +--- + +## When to Use This Skill + +| Situation | Use this skill? | +|---|---| +| Creating a new `docs/{newlib}/` site | **Yes** | +| Adding `kr` (or another lang) to an existing site | **Yes** | +| Site's nav/footer is broken (missing platform entry) | **Yes** | +| Re-allocating ports because of conflicts | **Yes** | +| Renaming a published library (production base path) | **Yes** | +| Editing content of a single MDX page | No — edit the file directly | +| Configuring sidebar order | No — edit `toc.json` directly | +| Migrating new DocFX content | See `docfx-to-mdx-migration` skill first | + +--- + +## Required Files for a New Child Site + +``` +docs/{newlib}/ +├── astro.config.ts # site config (this skill) +├── package.json # dev/build/preview scripts (this skill) +├── tsconfig.json # extends astro/tsconfigs/strict +├── public/web.config # IIS routing (Infragistics CDN) +├── src/ +│ ├── content.config.ts # re-exports docs-template/content +│ ├── env.d.ts # `/// ` +│ └── content/{lang}/ +│ ├── topics/ # MDX content +│ ├── environment.json # `{environment:Foo}` token values +│ └── images/ # (optional) image assets +└── toc.json # sidebar (en) — non-en lives at src/content/toc.json +``` + +--- + +## Step 1 — Register the Library in `src/platform.ts` + +`IGDOCS_PLATFORMS` is the source of truth for nav/footer/product-links. Every (library × language) combo needs an entry. + +Open [src/platform.ts](src/platform.ts) and add entries. **Each entry needs a unique `devPort`**: + +```ts +export const IGDOCS_PLATFORMS = { + // ... existing entries ... + NewLib: { + lang: 'en', label: 'NewLib', key: 'newlib', devPort: 4336, // unique port + base: '/docs-newlib', // production URL path + title: 'Ignite UI for NewLib', + description: 'Component documentation for Ignite UI for NewLib.', + }, + NewLibJP: { // mandatory if you support jp + lang: 'jp', label: 'NewLib', key: 'newlib', devPort: 4346, // +10 from en port (convention) + base: '/docs-newlib', // same base — JP domain handles the lang prefix at infra level + title: 'Ignite UI for NewLib', + description: 'Component documentation for Ignite UI for NewLib.', + }, +}; +``` + +### Port allocation convention + +| Range | Purpose | +|---|---| +| 4321 | xplat (default Astro port; selects platform via `PLATFORM` env) | +| 4331–4335 | en sites (Angular 4331, React 4332, WC 4333, Blazor 4334, jQuery 4335) | +| 4336+ | new libraries (en) | +| 4341–4345 | jp counterparts (`+10` from en) | +| 4346+ | new libraries (jp) | + +Pick the next free port in the appropriate range. + +### `getNavConfig()` switch — also in `src/platform.ts` + +If your library needs a custom navbar (most do), find the `getNavConfig()` function and add a `case 'newlib':` arm. Without this entry the navbar/footer will render empty — a common bug that masquerades as "site is broken". + +--- + +## Step 2 — Write `docs/{newlib}/astro.config.ts` + +The minimal pattern (mirrors [docs/jquery/astro.config.ts](docs/jquery/astro.config.ts)): + +```ts +// @ts-check +import mdx from '@astrojs/mdx'; +import path from 'node:path'; +import { createDocsSite, type DocsMode } from 'docs-template/integration'; +import { IGDOCS_PLATFORMS, type NavLang } from 'docs-template/platform'; + +// ── Build mode and language ────────────────────────────────────────────────── +const docsEnv = process.env.DOCS_ENV || process.env.NODE_ENV || 'development'; +const docsLang = (process.env.DOCS_LANG || 'en') as NavLang; + +if (docsEnv !== 'development' && docsEnv !== 'staging' && docsEnv !== 'production') { + throw new Error(`[astro.config] Invalid DOCS_ENV "${docsEnv}". Expected one of: "development", "staging", "production".`); +} +const mode: DocsMode = docsEnv; + +// ── Site URL ───────────────────────────────────────────────────────────────── +const PROD_HOST = 'https://www.infragistics.com'; +const STAGING_HOST = 'https://staging.infragistics.com'; + +const platformKey = docsLang === 'jp' ? 'NewLibJP' : 'NewLib'; +const { base, devPort } = IGDOCS_PLATFORMS[platformKey]; +const site = mode === 'production' ? `${PROD_HOST}${base}` + : mode === 'staging' ? `${STAGING_HOST}${base}` + : `http://localhost:${devPort}`; + +// ── Source paths ───────────────────────────────────────────────────────────── +// If your jp source folder is named differently (e.g. 'ja' for DocFX-style imports): +const contentLangDir = docsLang === 'jp' ? 'ja' : docsLang; +const docsDir = path.resolve(`./src/content/${contentLangDir}/topics`); +const tocPath = docsLang === 'jp' + ? path.resolve('./src/content/toc.json') // non-en convention + : path.resolve('./toc.json'); // en convention + +export default createDocsSite({ + site, + base: mode !== 'development' ? base : undefined, + title: 'Ignite UI for NewLib', + description: 'Component and API reference docs for Ignite UI for NewLib.', + platform: 'newlib', + navLang: docsLang, + mode, + productLinks: Object.values(IGDOCS_PLATFORMS) + .filter(p => p.lang === docsLang) + .map(({ label, key, base: b }) => ({ + label, + href: mode === 'production' ? `${PROD_HOST}${b}` : `${STAGING_HOST}${b}`, + platform: key, + })), + source: { tocPath, docsDir }, + starlight: {}, + image: { service: { entrypoint: 'astro/assets/services/noop' } }, + integrations: [mdx()], + vite: { + resolve: { + alias: { '@': path.resolve('./src') }, + }, + }, +}); +``` + +### Variant: hand-authored content (Angular pattern) + +If your `jp` folder is literally `jp/` (not `ja/`), drop the `contentLangDir` mapping: + +```ts +const docsDir = path.resolve(`./src/content/${docsLang}`); // jp/ ja/ kr/ — folder name == DOCS_LANG +``` + +See [docs/angular/astro.config.ts](docs/angular/astro.config.ts) for the full hand-authored pattern (also runs `generateGridTopics()` as a pre-build step). + +### Variant: dual-axis platform × lang (xplat pattern) + +If your library generates output for multiple **platforms** (Angular/React/WC/Blazor) AND multiple langs, follow [docs/xplat/astro.config.ts](docs/xplat/astro.config.ts). Key differences: + +- Resolves `PLATFORM` from env or `.platform.json` +- Uses `LANG_CODE` instead of `DOCS_LANG` +- Mounts content from `./generated/{platform}/{lang}/` +- Adds a Vite plugin for `{Token}` substitution from `docConfig.json` (must run **before** MDX compile, otherwise `{Token}` is parsed as JSX expression) + +--- + +## Step 3 — Write `docs/{newlib}/package.json` + +Match the script matrix from [docs/jquery/package.json](docs/jquery/package.json). For each language, you need `dev:{lang}`, `build:{lang}`, `build-staging:{lang}`, `build-production:{lang}`, `preview:{lang}`: + +```json +{ + "name": "newlib-docs", + "type": "module", + "version": "1.0.0", + "scripts": { + "dev": "astro dev --port 4336", + "dev:en": "cross-env DOCS_ENV=development DOCS_LANG=en astro dev --port 4336", + "dev:jp": "cross-env DOCS_ENV=development DOCS_LANG=jp astro dev --port 4336", + + "build:en": "cross-env DOCS_ENV=production DOCS_LANG=en NODE_OPTIONS=--max-old-space-size=4096 astro build --outDir=../../dist/newlib", + "build:jp": "cross-env DOCS_ENV=production DOCS_LANG=jp NODE_OPTIONS=--max-old-space-size=4096 astro build --outDir=../../dist/newlib-jp", + "build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 astro build", + + "build-staging:en": "cross-env DOCS_ENV=staging NODE_ENV=production DOCS_LANG=en NODE_OPTIONS=--max-old-space-size=4096 astro build --outDir=../../dist/newlib", + "build-staging:jp": "cross-env DOCS_ENV=staging NODE_ENV=production DOCS_LANG=jp NODE_OPTIONS=--max-old-space-size=4096 astro build --outDir=../../dist/newlib-jp", + + "build-production:en": "cross-env NODE_ENV=production DOCS_LANG=en NODE_OPTIONS=--max-old-space-size=4096 astro build --outDir=../../dist/newlib", + "build-production:jp": "cross-env NODE_ENV=production DOCS_LANG=jp NODE_OPTIONS=--max-old-space-size=4096 astro build --outDir=../../dist/newlib-jp", + + "preview:en": "cross-env DOCS_LANG=en astro preview --outDir=../../dist/newlib --port 4336", + "preview:jp": "cross-env DOCS_LANG=jp astro preview --outDir=../../dist/newlib-jp --port 4336", + + "astro": "astro" + }, + "engines": { "node": ">=22.12.0" }, + "dependencies": { + "@astrojs/mdx": "^5.0.0", + "@astrojs/starlight": "^0.38.3", + "astro": "^6.1.6", + "docs-template": "file:../../", + "sharp": "^0.34.2" + }, + "devDependencies": { + "cross-env": "^7.0.3", + "js-yaml": "^4.1.1", + "sass-embedded": "^1.98.0" + } +} +``` + +### Convention rules for scripts + +- **Always `cross-env`** for env vars — works on Windows + macOS + Linux. +- **`DOCS_ENV` is the canonical mode flag**; `NODE_ENV` is only set for legacy Vite behavior. +- **Do NOT set `NODE_ENV=staging`** — Vite derives `import.meta.env.DEV` from it and sets it `false`, breaking dev features. +- **`outDir` is per-lang** — e.g. `../../dist/newlib` for en, `../../dist/newlib-jp` for jp. Otherwise the en build is overwritten. +- **`NODE_OPTIONS=--max-old-space-size=4096`** for builds. Without this, large MDX trees OOM on Windows. +- **`dev:{lang}` uses the same port** — only one lang can run at a time. + +--- + +## Step 4 — Wire Up the Top-Level `package.json` + +Add scripts that delegate to the child: + +```json +{ + "scripts": { + "newlib:dev:en": "npm run dev:en --prefix docs/newlib", + "newlib:dev:jp": "npm run dev:jp --prefix docs/newlib", + "newlib:build:en": "npm run build:en --prefix docs/newlib", + "newlib:build:jp": "npm run build:jp --prefix docs/newlib" + } +} +``` + +--- + +## Step 5 — `tsconfig.json` and `content.config.ts` + +```jsonc +// docs/newlib/tsconfig.json +{ + "extends": "astro/tsconfigs/strict", + "include": [".astro/types.d.ts", "**/*"], + "exclude": ["dist"] +} +``` + +```ts +// docs/newlib/src/content.config.ts +export { collections } from 'docs-template/content'; +``` + +The re-exported `collections` from [src/content-helper.ts](src/content-helper.ts) reads `DOCS_SOURCE_PATH` (set by `createDocsSite()`) and creates a glob loader scoped to that single language directory. **No need to exclude other languages** — they are simply never included. + +--- + +## Step 6 — Validation Checklist + +Before opening a PR for a new child site, verify: + +- [ ] Each `(lib, lang)` pair has an entry in `IGDOCS_PLATFORMS` with a unique `devPort` +- [ ] `getNavConfig()` in `src/platform.ts` has a `case '{key}':` arm +- [ ] `astro.config.ts` reads `DOCS_LANG` and selects the correct platform key +- [ ] `package.json` has all script variants (dev/build/build-staging/build-production/preview × langs) +- [ ] `dist/{lib}-{lang}` is the per-lang output (no en/jp collision) +- [ ] `cross-env` is used everywhere (Windows compatibility) +- [ ] `environment.json` exists at `src/content/{lang}/environment.json` +- [ ] `toc.json` location matches `tocPath` in astro.config (en at `./toc.json`, non-en at `./src/content/toc.json` per convention) +- [ ] Top-level `package.json` has delegating scripts + +--- + +## Common Pitfalls + +### Empty navbar / footer + +The page renders but with no nav. Cause: missing `case '{key}':` in `getNavConfig()` in [src/platform.ts](src/platform.ts). + +### Site loads but jp content shows en pages + +Cause: `astro.config.ts` is not threading `DOCS_LANG` into `docsDir`. Check that `path.resolve('./src/content/${contentLangDir}/topics')` actually swaps with the env value. + +### `EMFILE: too many open files` on Windows during dev + +Transient on Windows when many terminals/processes are open. Close other Node processes and retry. If chronic, lower the `Vite` watch concurrency or split content into smaller collections. + +### Two languages overwrite each other in `dist/` + +Cause: missing per-lang `--outDir` in build scripts. Fix: `--outDir=../../dist/{lib}-{lang}`. + +### `import.meta.env.DEV` is `false` in dev mode + +Cause: `NODE_ENV=staging` was set somewhere upstream. Use `DOCS_ENV=staging` and leave `NODE_ENV` unset (or `development`). + +### Sidebar shows raw `{environment:ProductName}` literals + +`toc.json` is JSON, not MDX — `remark-docfx` never sees it. Resolution happens at sidebar-build time inside [src/sidebar.ts](src/sidebar.ts), which reads `environment.json` (same lookup as `remark-docfx`) for the active `DOCS_ENV`. If your sidebar still shows raw `{environment:Foo}` text, check that `environment.json` exists alongside the docs dir and contains the key for your active environment. Do **not** statically rewrite tokens in `toc.json` — keep them dynamic. diff --git a/.github/skills/docfx-to-mdx-migration/SKILL.md b/.github/skills/docfx-to-mdx-migration/SKILL.md new file mode 100644 index 0000000000..e77836523d --- /dev/null +++ b/.github/skills/docfx-to-mdx-migration/SKILL.md @@ -0,0 +1,252 @@ +--- +name: docfx-to-mdx-migration +description: "Reference guide for migrating DocFX-style documentation (`.md` files with `NN_` prefixed folders, `%%Token%%` placeholders, `.html` cross-references, HTML tables, DocFX `` blocks) into Astro/Starlight-compatible MDX in this repo. Covers the 11-step pipeline (`scripts/migrate-jquery-pipeline.mjs`), individual scripts, dynamic environment.json token resolution at runtime (remark-docfx for MDX, sidebar.ts for toc.json), BOM handling for Japanese sources, git rename-detection workflow, and how to migrate a new library or new language. Use when an agent is asked to migrate a new docs source, run/extend the migration pipeline, debug pipeline output, or add a new fixer step." +user-invocable: true +--- + +# AI Agent Guide — Migrating DocFX Docs to Astro/Starlight MDX + +## Context + +This repo serves multiple Starlight sites built from MDX content. Source content originally exported from DocFX needs systematic transformation to compile under Astro v6 + `@astrojs/mdx` + Starlight. + +DocFX inputs that **cannot** be served as-is: + +| DocFX feature | MDX requirement | +|---|---| +| `NN_Topic-Name.md` (numeric prefix for ordering) | Slugified file/folder names (no leading digits) | +| `%%Token%%` placeholders | `{environment:Token}` (resolved by `remark-docfx`) | +| `` blocks | YAML frontmatter with `title:` and `slug:` | +| `.html` cross-references | Slug-based routes (no extension) | +| HTML `` (no colspan/rowspan) | Markdown pipe tables | +| Pseudo-HTML tags like ``, ``, `` | Escaped to `<color>` etc. | +| Bare `{` and `}` in prose | `{` / `}` (MDX parses `{` as JSX) | +| BOM at file start (Japanese sources) | Stripped on read, optionally re-added on write | + +Authoritative pipeline doc: [scripts/MIGRATION.md](scripts/MIGRATION.md). This skill is the **how-to-think-about-migration** companion. + +--- + +## When to Use This Skill + +| Situation | Use this skill? | +|---|---| +| Migrating a new DocFX source folder into `docs/{lib}/src/content/...` | **Yes** | +| Adding a new language (e.g. `kr`) to an already-migrated library | **Yes** | +| Debugging "Files changed: 0" output from a fixer script | **Yes** | +| Adding a new fixer step to the pipeline | **Yes** | +| Fixing a single MDX parse error in 1 file | No — edit the file directly | +| Updating sidebar order for already-migrated content | No — edit `toc.json` directly | +| Resolving `` / `` props | No — see the `api-link` skill | + +--- + +## Step 1 — Set Up Source Layout BEFORE Running the Pipeline + +Pipeline expects this layout: + +``` +docs/{lib}/src/content/{lang}/topics/ ← MDX content goes here (initially .md) +docs/{lib}/src/content/{lang}/environment.json ← token values +docs/{lib}/src/content/{lang}/images/ ← images (optional, fixer locates them) +docs/{lib}/toc.json (en) OR docs/{lib}/src/content/toc.json (non-en) +``` + +For non-English languages, the legacy DocFX folder may use a different code than `DOCS_LANG`: + +| `DOCS_LANG` env | Folder name on disk | +|---|---| +| `en` | `en/` | +| `jp` | `ja/` (ISO 639-1, matches DocFX export) | +| `kr` | `kr/` | + +The astro-child config translates `DOCS_LANG=jp` → `ja/` folder. See the `astro-child-config` skill. + +### Git rename detection (critical for non-English imports) + +If you are importing renamed `.md` → `.mdx` files into git, do it as a **2-commit sequence**: + +1. **Pure rename commit**: only path changes, no content edits. Stage as renames so git history is preserved: + ```bash + git config diff.renameLimit 3000 # default 400 is too low for >1000 files + git mv # OR git add -A after mv (git auto-detects 100% similarity) + git commit -m "Rename: → (.md → .mdx)" + ``` +2. **Pipeline commit**: run the migration pipeline, then commit the content changes on top. This way `git log --follow` works correctly. + +--- + +## Step 2 — Run the Pipeline + +The orchestrator runs all 12 steps in order: + +```bash +# Dry-run first +node scripts/migrate-jquery-pipeline.mjs --topics=docs/{lib}/src/content/{lang}/topics --toc=docs/{lib}/{toc-path} + +# Apply +node scripts/migrate-jquery-pipeline.mjs --apply --topics=... --toc=... +``` + +**Always restore the working tree to the post-rename state before re-running**, because the pipeline is **not idempotent** for all steps. If you need to re-run, restore with: + +```bash +rm -rf docs/{lib}/src/content/{lang}/topics +git checkout HEAD -- docs/{lib}/src/content/{lang}/topics +``` + +### Pipeline order and rationale + +| Step | Script | Why this order | +|---|---|---| +| 1 | `gen-jquery-toc` | Reads `NN_` prefixes for ordering — **must run before rename** | +| 2 | `convert-docfx-tokens` | `%%Token%%` → `{environment:Token}` in content; `%%Token%%` → `{environment:Token}` in `toc.json` (kept dynamic) | +| 3 | `convert-html-tables` | HTML tables → markdown pipe tables (skips colspan/rowspan; those are handled at build time) | +| 4 | `fix-html-links` | `.html` → `.mdx` using `"fileName"` from metadata blocks. **Must run before rename** (uses original filenames) | +| 5 | `rename-jquery-topics` | Strip `NN_`, slugify, update `toc.json` and inline links | +| 6 | `fix-pseudo-html` | Escape ``, curly braces. Always writes (no `--apply` flag) | +| 7 | `fix-all-mdx` | 11 fixers + per-file `compile()` validation | +| 8 | `fix-broken-images` | Locate moved/renamed images; rewrites paths | +| 9 | `fix-internal-links` | Resolve old-style flat names → slugified absolute paths; **remaps file-path slugs to frontmatter slugs** | +| 10 | `add-slugs-to-toc` | Read `slug:` from each MDX, inject into `toc.json` so sidebar resolves without per-file reads | +| 11 | `validate-mdx` | Compile every file with `@mdx-js/mdx`; report grouped errors | + +--- + +## Step 3 — Common Pitfalls + +### 3a. BOM (UTF-8 byte order mark) breaks frontmatter regexes + +Japanese DocFX exports often have BOM (`\uFEFF`) at byte 0. A regex like `/^---/` will not match because the file starts with `\uFEFF---`. + +**Fix in any new script that reads MDX files**: + +```js +const raw = fs.readFileSync(file, 'utf-8'); +const bom = raw.charCodeAt(0) === 0xFEFF ? '\uFEFF' : ''; +const text = bom ? raw.slice(1) : raw; +// ... process `text` ... +fs.writeFileSync(file, bom + result, 'utf-8'); +``` + +Files in this repo that already do this: [scripts/fix-pseudo-html.mjs](scripts/fix-pseudo-html.mjs), [scripts/fix-all-mdx.mjs](scripts/fix-all-mdx.mjs), [scripts/add-slugs-to-toc.mjs](scripts/add-slugs-to-toc.mjs), [src/sidebar.ts](src/sidebar.ts), [src/llms.ts](src/llms.ts). + +### 3b. "Files changed: 0" but the change should have applied + +Common cause: the script compares `content !== content_at_some_intermediate_step` instead of `content !== src` (original disk content). If a transform produces output identical to an intermediate snapshot, the file is **not** written even though it differs from disk. + +Always compare write-decision against the **original disk content** captured before any in-memory mutation. See [scripts/fix-all-mdx.mjs](scripts/fix-all-mdx.mjs) for the post-fix history of this exact bug. + +### 3c. Frontmatter `slug:` vs file-path slug + +Starlight routes by the **frontmatter `slug:` value**, not by file path. A file at `general-and-getting-started/deployment-guide.mdx` with `slug: deployment-guide` is served at `/deployment-guide`, not `/general-and-getting-started/deployment-guide`. + +`fix-internal-links` builds a `filePathSlug → frontmatterSlug` map and remaps every resolved link. Any new link-fixer must do the same, or links will 404 in the rendered site. + +### 3d. `{environment:Foo}` tokens — **always keep dynamic** + +Environment tokens (e.g. `{environment:demosBaseUrl}`, `{environment:sassApiUrl}`) are resolved at **build time per environment** — each of dev / staging / production gets its own value from `environment.json`. Do **not** statically rewrite them to literal strings; doing so hard-codes one environment's URL and breaks the others. + +Three resolution sites exist, all backed by the shared helper [src/env-tokens.ts](src/env-tokens.ts): + +1. **MDX body**: [src/plugins/remark-docfx.ts](src/plugins/remark-docfx.ts) — visits `text`, `link`, `image`, `code`, `html` and `mdxJsxFlowElement`/`mdxJsxTextElement` (string-literal attribute values) nodes. +2. **`toc.json`**: [src/sidebar.ts](src/sidebar.ts) — resolves on the raw TOC text before parsing, so `name`, `href`, `slug`, badge text all get values from the active `DOCS_ENV`. +3. **Frontmatter**: [src/content-helper.ts](src/content-helper.ts) — resolves `title`, `description`, `keywords` in the schema preprocessor (used for the SEO `` and breadcrumbs; the visible page H1 comes from the body `# Heading`, see below). + +**Page H1 convention — body heading is canonical:** + +This repo overrides Starlight's `PageTitle` component ([src/components/overrides/PageTitle.astro](src/components/overrides/PageTitle.astro)) to suppress the auto-generated `<h1>` from the frontmatter `title`. The visible H1 is the **body `# Heading`** in every MDX file (the convention across all child sites — angular, xplat, jquery). Migration scripts must therefore *preserve* the body H1, not strip it. Frontmatter `title` is still used by Starlight for the `<title>` tag, breadcrumb, and sidebar fallback label. + +**Form rules — body vs frontmatter vs toc.json:** + +| Location | Required form | Why | +|---|---|---| +| MDX body prose | `\{environment:Foo\}` (backslash-escaped) | MDX parses bare `{` as JSX expression; `\{` tells MDX to emit a literal `{` in the text node, which the runtime resolver then matches | +| MDX JSX attribute string-literal values (e.g. `data-src="…"`) | `{environment:Foo}` (raw braces) | Inside a quoted JSX attribute value `{` is a literal char — no escaping needed | +| YAML frontmatter (`title:`, `description:`, …) | `{environment:Foo}` (raw braces) | YAML treats `{` as a literal char; frontmatter is resolved by `src/content-helper.ts` (used by Starlight for the H1 and breadcrumbs) | +| `toc.json` | `{environment:Foo}` (raw braces) | JSON parses `{` only at the start of objects, never inside string values | + +The runtime regex in [src/env-tokens.ts](src/env-tokens.ts) (`ENV_TOKEN_RE`) matches all three forms (`{…}`, `\{…\}`, and `{…}`) for backward compatibility with legacy content. New content should use the form for its location per the table above. + +`scripts/convert-docfx-tokens.mjs` enforces this split: frontmatter gets raw braces, body gets `\{…\}`. Any new fixer that touches MDX must preserve this split — `fix-pseudo-html.mjs`, `fix-all-mdx.mjs` and `fix-internal-links.mjs` all skip both `\{environment:…\}` and the legacy `{environment:…}` forms. + +Both layers look up `environment.json` in this order: +``` +{docsDir}/en/environment.json +{docsDir}/environment.json +{docsDir}/../environment.json +{docsDir}/../en/environment.json +``` +Token values come from `data[DOCS_ENV]` (with fallback to `data.production`). + +If you ever feel tempted to write a script that resolves tokens to literals: don't. Add a runtime resolver (using `loadEnvValues()` + `resolveEnvTokens()` from `src/env-tokens.ts`) wherever the token is being rendered as a literal instead. + +### 3e. Rename-detection on subsequent commits + +Once renames are in commit 1, commit 2 (the pipeline output) will be partially detected as renames if `diff.renameLimit` is large enough AND if no files changed by >50% similarity. Some heavily-rewritten files will show as `delete`+`add`. That is acceptable — `git log --follow` still uses the rename info from commit 1. + +--- + +## Step 4 — Migrating a New Library + +```bash +# Place source files under docs/{newlib}/src/content/en/topics +# Place environment.json under docs/{newlib}/src/content/en/environment.json +# Set up astro child config (see the `astro-child-config` skill) + +TOPICS=docs/{newlib}/src/content/en/topics +TOC=docs/{newlib}/toc.json + +node scripts/migrate-jquery-pipeline.mjs --apply --topics=$TOPICS --toc=$TOC +``` + +If the new library uses a different folder layout (no `NN_` prefixes, no `%%Token%%`, etc.), specific steps become no-ops automatically — but **gen-jquery-toc** will still need adapting if your toc generation rules differ. + +--- + +## Step 5 — Migrating a New Language to an Existing Library + +```bash +# 1. Drop translated source under docs/{lib}/src/content/{ja,kr,...}/topics +# 2. Add environment.json under same parent folder +# 3. Confirm the astro child config supports the lang (see `astro-child-config` skill) + +TOPICS=docs/{lib}/src/content/{lang}/topics +TOC=docs/{lib}/src/content/toc.json # non-en uses src/content/toc.json by convention + +node scripts/migrate-jquery-pipeline.mjs --apply --topics=$TOPICS --toc=$TOC +``` + +Because Japanese sources may have BOM, watch for it in any custom fixer you add (see 3a). + +--- + +## Step 6 — Adding a New Fixer Step + +1. Create `scripts/{your-fixer}.mjs`. Follow the pattern of [scripts/fix-internal-links.mjs](scripts/fix-internal-links.mjs): + - Accept `--apply` (dry-run by default), `--topics=`, `--toc=` flags + - Walk MDX files via `fs.readdirSync(..., { withFileTypes: true })` + - Strip BOM on read; re-add on write + - Print `Results:` summary at end +2. Add to [scripts/migrate-jquery-pipeline.mjs](scripts/migrate-jquery-pipeline.mjs) at the appropriate position (note that pre-rename steps must use original filenames; post-rename steps must use slugs). +3. Document the step in [scripts/MIGRATION.md](scripts/MIGRATION.md). + +> **Do not add a runtime MDX rewriter that mutates source files at build time.** The repo previously had a `normalizeMdxDir()` call in `astro.config.ts` (and a `src/normalize-mdx.ts` module) that ran on every dev-server start and re-applied a `{` → `{` escape, repeatedly corrupting frontmatter and body env tokens. All MDX transformation belongs in the migration pipeline (one-time, idempotent) or in remark/rehype plugins (in-memory at compile time, never written to disk). + +--- + +## Quick Reference: Script Command Map + +| Goal | Script | +|---|---| +| Generate `toc.json` from file tree | `gen-jquery-toc.mjs` | +| Convert `%%Token%%` → `{environment:Token}` (MDX + toc) | `convert-docfx-tokens.mjs` | +| Convert HTML tables to pipe tables | `convert-html-tables.mjs` | +| Fix `.html` cross-references | `fix-html-links.mjs` | +| Strip `NN_` prefixes, slugify | `rename-jquery-topics.mjs` | +| Escape pseudo-HTML / curly braces | `fix-pseudo-html.mjs` | +| Fix orphaned tags, anchors, etc. + validate | `fix-all-mdx.mjs` | +| Fix broken image paths | `fix-broken-images-all.mjs` | +| Resolve old-style links → frontmatter slugs | `fix-internal-links.mjs` | +| Inject slugs into `toc.json` | `add-slugs-to-toc.mjs` | +| Compile-validate every MDX | `validate-mdx.mjs` | diff --git a/docs/jquery/astro.config.ts b/docs/jquery/astro.config.ts index 26c532a2bc..233714b2bf 100644 --- a/docs/jquery/astro.config.ts +++ b/docs/jquery/astro.config.ts @@ -3,7 +3,6 @@ import mdx from '@astrojs/mdx'; import path from 'node:path'; import { createDocsSite, type DocsMode } from 'docs-template/integration'; import { IGDOCS_PLATFORMS, type NavLang } from 'docs-template/platform'; -import { normalizeMdxDir } from 'docs-template/normalize-mdx'; // ── Build mode and language ────────────────────────────────────────────────── // DOCS_ENV: 'development' | 'staging' | 'production' (preferred, default: 'development') @@ -41,9 +40,6 @@ const tocPath = docsLang === 'jp' ? path.resolve('./src/content/toc.json') : path.resolve('./toc.json'); -// ── Pre-process: normalize legacy DocFX MDX files to Astro/Starlight format ── -normalizeMdxDir(docsDir); - // https://astro.build/config export default createDocsSite({ site, diff --git a/docs/jquery/src/content/en/topics/angularjs-directives/angularjs-directives.mdx b/docs/jquery/src/content/en/topics/angularjs-directives/angularjs-directives.mdx index 98ada355eb..f3e9e88e6a 100644 --- a/docs/jquery/src/content/en/topics/angularjs-directives/angularjs-directives.mdx +++ b/docs/jquery/src/content/en/topics/angularjs-directives/angularjs-directives.mdx @@ -4,14 +4,15 @@ slug: angularjs-directives --- # AngularJS Directives + ## In This Group of Topics ### Introduction -The {environment:ProductName}® directives for AngularJS allow you to take advantage of the data binding and declarative view programming when using {environment:ProductName}® controls in Angular apps. In the [{environment:ProductName} GitHub repository](https://github.com/IgniteUI/igniteui-angularjs) you can always find the latest source and samples. +The \{environment:ProductName\}® directives for AngularJS allow you to take advantage of the data binding and declarative view programming when using \{environment:ProductName\}® controls in Angular apps. In the [\{environment:ProductName\} GitHub repository](https://github.com/IgniteUI/igniteui-angularjs) you can always find the latest source and samples. ### Topics -- [Using {environment:ProductName} with AngularJS](/using-ignite-ui-with-angularjs.mdx) - This topic contains an overview using the {environment:ProductName} directives for AngularJS. -- [Conditional and Advanced Templating with AngularJS](/conditional-and-advanced-templating-with-angularjs.mdx) - This topic explains how to use conditional templates and use advanced templating methods to customize controls created with the {environment:ProductName} directives for AngularJS. -- [AngularJS Samples](/angularjs-samples.mdx) - This topic contains samples using the {environment:ProductName} directives for AngularJS. \ No newline at end of file +- [Using \{environment:ProductName\} with AngularJS](/using-ignite-ui-with-angularjs.mdx) - This topic contains an overview using the \{environment:ProductName\} directives for AngularJS. +- [Conditional and Advanced Templating with AngularJS](/conditional-and-advanced-templating-with-angularjs.mdx) - This topic explains how to use conditional templates and use advanced templating methods to customize controls created with the \{environment:ProductName\} directives for AngularJS. +- [AngularJS Samples](/angularjs-samples.mdx) - This topic contains samples using the \{environment:ProductName\} directives for AngularJS. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/angularjs-directives/angularjs-samples.mdx b/docs/jquery/src/content/en/topics/angularjs-directives/angularjs-samples.mdx index e15e668e21..d4ea7afbe8 100644 --- a/docs/jquery/src/content/en/topics/angularjs-directives/angularjs-samples.mdx +++ b/docs/jquery/src/content/en/topics/angularjs-directives/angularjs-samples.mdx @@ -6,7 +6,7 @@ slug: angularjs-samples # AngularJS Samples ## Topic Overview -This topic covers samples with {environment:ProductFamilyName} directives for AngularJS. +This topic covers samples with \{environment:ProductFamilyName\} directives for AngularJS. ### In this topic @@ -40,8 +40,8 @@ This topic contains the following sections: ### <a id="requirements"></a>Requirements In order to run this sample, you need to have: -- The required {environment:ProductName} JavaScript and CSS files -- The {environment:ProductFamilyName} AngularJS directives +- The required \{environment:ProductName\} JavaScript and CSS files +- The \{environment:ProductFamilyName\} AngularJS directives ### <a id="grid_sample"></a>Grid Sample​ This sample will demonstrate how we can use `igGrid` with AngularJS. @@ -50,7 +50,7 @@ This sample will demonstrate how we can use `igGrid` with AngularJS. The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/grid/angular]({environment:SamplesEmbedUrl}/grid/angular) + [\{environment:SamplesEmbedUrl\}/grid/angular](\{environment:SamplesEmbedUrl\}/grid/angular) </div> #### <a id="grid_sample_details"></a>Details @@ -63,7 +63,7 @@ This sample will demonstrate how we can use `igEditors` with AngularJS. The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/editors/angular]({environment:SamplesEmbedUrl}/editors/angular) + [\{environment:SamplesEmbedUrl\}/editors/angular](\{environment:SamplesEmbedUrl\}/editors/angular) </div> #### <a id="editors_sample_details"></a>Details @@ -76,7 +76,7 @@ This sample will demonstrate how we can use `igTileManager` with AngularJS. The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/tile-manager/angular]({environment:SamplesEmbedUrl}/tile-manager/angular) + [\{environment:SamplesEmbedUrl\}/tile-manager/angular](\{environment:SamplesEmbedUrl\}/tile-manager/angular) </div> #### <a id="tile_manager_sample_details"></a>Details @@ -89,7 +89,7 @@ This sample will demonstrate how we can use `igDialog` with AngularJS. The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/dialog-window/angular]({environment:SamplesEmbedUrl}/dialog-window/angular) + [\{environment:SamplesEmbedUrl\}/dialog-window/angular](\{environment:SamplesEmbedUrl\}/dialog-window/angular) </div> #### <a id="dialog_window_sample_details"></a>Details @@ -102,7 +102,7 @@ This sample will demonstrate how we can use `igTree` with AngularJS. The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/tree-control/angular]({environment:SamplesEmbedUrl}/tree-control/angular) + [\{environment:SamplesEmbedUrl\}/tree-control/angular](\{environment:SamplesEmbedUrl\}/tree-control/angular) </div> #### <a id="tree_sample_details"></a>Details @@ -115,7 +115,7 @@ This sample will demonstrate how we can use `igMap` with AngularJS. The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/map/angular]({environment:SamplesEmbedUrl}/map/angular) + [\{environment:SamplesEmbedUrl\}/map/angular](\{environment:SamplesEmbedUrl\}/map/angular) </div> #### <a id="map_sample_details"></a>Details @@ -128,7 +128,7 @@ This sample demonstrates how `AngularJS` directives are used to instantiate `igL The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/layout-manager/angular]({environment:SamplesEmbedUrl}/layout-manager/angular) + [\{environment:SamplesEmbedUrl\}/layout-manager/angular](\{environment:SamplesEmbedUrl\}/layout-manager/angular) </div> #### <a id="lm_details"></a>Details @@ -141,7 +141,7 @@ This sample demonstrates how `AngularJS` directives are used to instantiate `igD The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/data-chart/angular]({environment:SamplesEmbedUrl}/data-chart/angular) + [\{environment:SamplesEmbedUrl\}/data-chart/angular](\{environment:SamplesEmbedUrl\}/data-chart/angular) </div> #### <a id="dchart_details"></a>Details @@ -151,5 +151,5 @@ This sample demonstrates how to link together the Data Chart and Zoombar Control ### <a id="related_content"></a>Related Content The following topics provide additional information related to this one: -- [Using {environment:ProductFamilyName} with AngularJS](/using-ignite-ui-with-angularjs.mdx) - This topic contains an overview using the {environment:ProductFamilyName} directives for AngularJS. -- [Conditional and Advanced Templating with AngularJS](/conditional-and-advanced-templating-with-angularjs.mdx) - This topic explains how to use conditional templates and use advanced templating methods to customize controls created with the {environment:ProductFamilyName} directives for AngularJS. \ No newline at end of file +- [Using \{environment:ProductFamilyName\} with AngularJS](/using-ignite-ui-with-angularjs.mdx) - This topic contains an overview using the \{environment:ProductFamilyName\} directives for AngularJS. +- [Conditional and Advanced Templating with AngularJS](/conditional-and-advanced-templating-with-angularjs.mdx) - This topic explains how to use conditional templates and use advanced templating methods to customize controls created with the \{environment:ProductFamilyName\} directives for AngularJS. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/angularjs-directives/conditional-and-advanced-templating-with-angularjs.mdx b/docs/jquery/src/content/en/topics/angularjs-directives/conditional-and-advanced-templating-with-angularjs.mdx index 9ccc986f54..7c16e59035 100644 --- a/docs/jquery/src/content/en/topics/angularjs-directives/conditional-and-advanced-templating-with-angularjs.mdx +++ b/docs/jquery/src/content/en/topics/angularjs-directives/conditional-and-advanced-templating-with-angularjs.mdx @@ -2,20 +2,23 @@ title: "Conditional and Advanced Templating with AngularJS" slug: conditional-and-advanced-templating-with-angularjs --- + +# Conditional and Advanced Templating with AngularJS + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #Conditional and Advanced Templating with AngularJS ##Topic Overview -This topic explains how to use conditional templates and use advanced templating methods to customize controls created with the {environment:ProductName} directives for AngularJS. +This topic explains how to use conditional templates and use advanced templating methods to customize controls created with the \{environment:ProductName\} directives for AngularJS. ### Required background The following lists the concepts, topics, and articles required as a prerequisite to understanding this topic. - Topics - - [Using {environment:ProductName} with AngularJS](/using-ignite-ui-with-angularjs.mdx) + - [Using \{environment:ProductName\} with AngularJS](/using-ignite-ui-with-angularjs.mdx) - [Infragistics Templating Engine](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) - Concepts @@ -41,7 +44,7 @@ This topic contains the following sections: ## <a id="introduction"></a>Introduction -As {environment:ProductName} controls use [Infragistics Templating Engine](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) by default to handle templating, there are a few characteristics that must be taken into account when creating {environment:ProductName} controls in an Angular app, more specifically when doing so declaratively. The templating engine supports both common substitution using a `${property}` notation, as well as **conditional and iterative operations** that using double curly braces (e.g. `{{condition / loop}}` ). The latter is however in direct conflict with Angular’s [expression](https://docs.angularjs.org/guide/expression) evaluation as it uses the same syntax for bindings and therefore would recognize such templates and attempt to parse them. That is usually not a desired effect as it is likely to cause exceptions due to syntax and context differences. Even without errors, it might change the template’s markup that is otherwise intended for evaluation at within a control’s rendering process. This topic provides a few alternatives for using complex templates declaratively as well as methods to customize the entire templating handling with different engines. +As \{environment:ProductName\} controls use [Infragistics Templating Engine](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) by default to handle templating, there are a few characteristics that must be taken into account when creating \{environment:ProductName\} controls in an Angular app, more specifically when doing so declaratively. The templating engine supports both common substitution using a `${property}` notation, as well as **conditional and iterative operations** that using double curly braces (e.g. `{{condition / loop}}` ). The latter is however in direct conflict with Angular’s [expression](https://docs.angularjs.org/guide/expression) evaluation as it uses the same syntax for bindings and therefore would recognize such templates and attempt to parse them. That is usually not a desired effect as it is likely to cause exceptions due to syntax and context differences. Even without errors, it might change the template’s markup that is otherwise intended for evaluation at within a control’s rendering process. This topic provides a few alternatives for using complex templates declaratively as well as methods to customize the entire templating handling with different engines. ### <a id="context-and-scope"></a>Context and Scope @@ -105,11 +108,11 @@ The templates works as expected because nested elements under the parent are rem ### <a id="external-templates"></a>External Templates -The easiest way to avoid conflicts would be to define templates outside the `ng-app` directive but that would mean the template can no longer be part of the {environment:ProductName} directive options. Nonetheless, an external template can often have a desired effect. For example you can increase readability of your code or share templates between controls. Either way, the directives need to be able to find that template for control initialization and to do that you use a scope method. +The easiest way to avoid conflicts would be to define templates outside the `ng-app` directive but that would mean the template can no longer be part of the \{environment:ProductName\} directive options. Nonetheless, an external template can often have a desired effect. For example you can increase readability of your code or share templates between controls. Either way, the directives need to be able to find that template for control initialization and to do that you use a scope method. ### <a id="scope-method"></a>Using a Scope Method -A function defined in the angular scope can be used to provide the template value via option evaluation. It can perform both complex tasks for initialization or simply provide access to a template defined somewhere in the document. While some controls provide the choice to supply either the template itself or the id by which it can be found( e.g. the `igDataChart`), the {environment:ProductName} directives will register the `getHtml()` function in your scope for the rest: +A function defined in the angular scope can be used to provide the template value via option evaluation. It can perform both complex tasks for initialization or simply provide access to a template defined somewhere in the document. While some controls provide the choice to supply either the template itself or the id by which it can be found( e.g. the `igDataChart`), the \{environment:ProductName\} directives will register the `getHtml()` function in your scope for the rest: **In JavaScript:** ```js @@ -177,13 +180,13 @@ While the Infragistics Templating Engine is used by default, it is not by any me </ig-grid> ``` -To use this feature jsRender script must be referenced on the page. Note that this **does not affect other controls**, their templates would still be handled by the {environment:ProductName} engine by default and follow the default syntax. As jsRender uses double curly braces even more extensively, the same techniques to avoid conflicts with Angular apply as described so far. Even more so, as substitution of a single property (e.g. `template="{{>UnitPrice}}"`) without any additional markup or formatting will be recognized as an expression to evaluate even for options nested within a directive. +To use this feature jsRender script must be referenced on the page. Note that this **does not affect other controls**, their templates would still be handled by the \{environment:ProductName\} engine by default and follow the default syntax. As jsRender uses double curly braces even more extensively, the same techniques to avoid conflicts with Angular apply as described so far. Even more so, as substitution of a single property (e.g. `template="{{>UnitPrice}}"`) without any additional markup or formatting will be recognized as an expression to evaluate even for options nested within a directive. -**Related Sample:** [JsRender Integration]({environment:NewSamplesUrl}/grid/jsrender-integration) +**Related Sample:** [JsRender Integration](\{environment:NewSamplesUrl\}/grid/jsrender-integration) ### <a id="overriding-templating"></a>Overriding the Templating Function -In advanced scenarios where other customization options are exhausted it is also possible to override the main templating function with your own. This is only possible in **{environment:ProductName} version 14.1 and later**. The `tmpl` is the main function of the Infragistics Templating Engine and is defined globally under the `$.ig` namespace object. This function is called by all relevant {environment:ProductName} controls and it receives both the template and data object: +In advanced scenarios where other customization options are exhausted it is also possible to override the main templating function with your own. This is only possible in **\{environment:ProductName\} version 14.1 and later**. The `tmpl` is the main function of the Infragistics Templating Engine and is defined globally under the `$.ig` namespace object. This function is called by all relevant \{environment:ProductName\} controls and it receives both the template and data object: **In JavaScript:** ```js @@ -199,7 +202,7 @@ The templating process at this point may be handled in any number of ways – fr If you want to use Angular’s syntax there are two options that handle evaluation of expressions in html – the compile and interpolate services. The string output requirement of the templating function essentially excludes the [`$compile`](https://docs.angularjs.org/api/ng/service//$compile) service as an option for custom templating (as compiled and linked templates still won’t have the time to activate). The [`$interpolate`](https://docs.angularjs.org/api/ng/service//$interpolate) service, however, immediately evaluates any expressions in the markup and directly substitutes their values. Creating such templating solution still requires a `$scope` reference accessible from the global function and also matching the passed data item in the angular app scope so it can be evaluated, but it is possible to execute logic from scope methods on every render. ->**Note:** Keep in mind that overriding the templating function applies to every active {environment:ProductName} control in the application, so if other controls have templates the new function should be able to handle those as well. Changing templating engines also usually means templates for all controls must change to match the new syntax. +>**Note:** Keep in mind that overriding the templating function applies to every active \{environment:ProductName\} control in the application, so if other controls have templates the new function should be able to handle those as well. Changing templating engines also usually means templates for all controls must change to match the new syntax. ## <a id="related-content"></a>Related Content @@ -207,7 +210,7 @@ If you want to use Angular’s syntax there are two options that handle evaluati The following topics provide additional information related to this topic. -- [Using different template engines with {environment:ProductName} controls](http://www.infragistics.com/community/blogs/marina_stoyanova/archive/2014/05/30/using-different-template-engines-with-ignite-ui-controls.aspx) +- [Using different template engines with \{environment:ProductName\} controls](http://www.infragistics.com/community/blogs/marina_stoyanova/archive/2014/05/30/using-different-template-engines-with-ignite-ui-controls.aspx) - [jsRender Integration](/controls/iggrid/features/jsrender-integration.mdx) ### <a id="samples"></a>Samples diff --git a/docs/jquery/src/content/en/topics/angularjs-directives/using-ignite-ui-with-angularjs.mdx b/docs/jquery/src/content/en/topics/angularjs-directives/using-ignite-ui-with-angularjs.mdx index 065ccc70d5..cfb4faae00 100644 --- a/docs/jquery/src/content/en/topics/angularjs-directives/using-ignite-ui-with-angularjs.mdx +++ b/docs/jquery/src/content/en/topics/angularjs-directives/using-ignite-ui-with-angularjs.mdx @@ -1,21 +1,24 @@ --- -title: "Using {environment:ProductName} with AngularJS" +title: "Using {environment:ProductName} with AngularJS" slug: using-ignite-ui-with-angularjs --- + +# Using \{environment:ProductName\} with AngularJS + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; -#Using {environment:ProductName} with AngularJS +#Using \{environment:ProductName\} with AngularJS ##Topic Overview -This topic contains an overview using the {environment:ProductName} directives for AngularJS. +This topic contains an overview using the \{environment:ProductName\} directives for AngularJS. ### Required background The following lists the concepts, topics, and articles required as a prerequisite to understanding this topic. - Topics - - [{environment:ProductName} Overview](/igniteui-for-jquery-overview.mdx) + - [\{environment:ProductName\} Overview](/igniteui-for-jquery-overview.mdx) - Concepts - [AngularJS Conceptual Overview](https://docs.angularjs.org/guide/concepts) @@ -32,7 +35,7 @@ This topic contains the following sections: - [Scope Options](#scope-options) - [Events](#events) - [Options Evaluation](#options-evaluation) -- [**Creating Angular app with {environment:ProductName}**](#creating-angular-app) +- [**Creating Angular app with \{environment:ProductName\}**](#creating-angular-app) - [Requirements](#requirements) - [Steps](#steps) - [**Data Binding**](#data-binding) @@ -48,15 +51,15 @@ This topic contains the following sections: ## <a id="introduction"></a>Introduction -The [{environment:ProductName}® directives for AngularJS](https://github.com/IgniteUI/igniteui-angularjs) allow you to take advantage of data binding and declarative programming when using {environment:ProductName}® controls in AngularJS apps. +The [\{environment:ProductName\}® directives for AngularJS](https://github.com/IgniteUI/igniteui-angularjs) allow you to take advantage of data binding and declarative programming when using \{environment:ProductName\}® controls in AngularJS apps. -The directives are available as a separate module called `'igniteui-directives'` in the *igniteui-angular.js* file. They extend Angular with HTML markers that enable initialization and binding of {environment:ProductName} controls in the context (scope) provided by AngularJS. +The directives are available as a separate module called `'igniteui-directives'` in the *igniteui-angular.js* file. They extend Angular with HTML markers that enable initialization and binding of \{environment:ProductName\} controls in the context (scope) provided by AngularJS. ->**Note:** Directives are registered dynamically based on the loaded {environment:ProductName} widgets. Therefore, you should make sure only the proper scripts are loaded on the page (and preferably avoid loading unused widgets). +>**Note:** Directives are registered dynamically based on the loaded \{environment:ProductName\} widgets. Therefore, you should make sure only the proper scripts are loaded on the page (and preferably avoid loading unused widgets). ## <a id="directives"></a>Directives -As Angular provides a very flexible syntax for writing directives and normalizes different declarative approaches to a single behavior, there are multiple ways you can initialize a control and its options. You have a number of different options available to you to initialize an {environment:ProductName} control in an Angular application. You may use a custom tag element `<control-name>`, attributes like `<div data-control-name>` or a class name `<div class="control-name">`. Each of these approaches will match the control directive and produce the same result. Stated another way, the following definitions all work to initialize an `igRating` control: +As Angular provides a very flexible syntax for writing directives and normalizes different declarative approaches to a single behavior, there are multiple ways you can initialize a control and its options. You have a number of different options available to you to initialize an \{environment:ProductName\} control in an Angular application. You may use a custom tag element `<control-name>`, attributes like `<div data-control-name>` or a class name `<div class="control-name">`. Each of these approaches will match the control directive and produce the same result. Stated another way, the following definitions all work to initialize an `igRating` control: **In HTML:** @@ -66,12 +69,12 @@ As Angular provides a very flexible syntax for writing directives and normalizes <div class="ig-rating"></div> ``` -For readability, best practices recommend using tags and attributes over classes. Even though Angular normalizes other delimiters, it’s also recommended for {environment:ProductName} Angular directives the control names to be lower case and dash-delimited. +For readability, best practices recommend using tags and attributes over classes. Even though Angular normalizes other delimiters, it’s also recommended for \{environment:ProductName\} Angular directives the control names to be lower case and dash-delimited. ## <a id="options"></a>Options -All options provided for a directive are intended for the {environment:ProductName} widget that it will create, therefore all applicable options can be found under the [{environment:ProductName} API reference](https://www.igniteui.com/help/api/2025.1/). There are two mutually-exclusive ways to define options – declaratively in the View or as an object in the Scope. +All options provided for a directive are intended for the \{environment:ProductName\} widget that it will create, therefore all applicable options can be found under the [\{environment:ProductName\} API reference](https://www.igniteui.com/help/api/2025.1/). There are two mutually-exclusive ways to define options – declaratively in the View or as an object in the Scope. ### <a id="declarative-options"></a>Declarative Options @@ -132,11 +135,11 @@ app.controller('treeController', }; }]); ``` -These options may seem familiar to you as they are simply using the [{environment:ProductName} API](https://www.igniteui.com/help/api/2025.1/ui.igtree) in the controller as there is no need for AngularJS to normalize them from the view. +These options may seem familiar to you as they are simply using the [\{environment:ProductName\} API](https://www.igniteui.com/help/api/2025.1/ui.igtree) in the controller as there is no need for AngularJS to normalize them from the view. ### <a id="events"></a>Events -Although standard methods of [handling {environment:ProductName} events](/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) are still available, directives can also bind handlers that are defined declaratively as an attribute with `event-` prefix. The name of the event still follows the same naming convention as options - **lower case and dash-delimited**. For example, the following code listing shows how to declare the <ApiLink type="igvideoplayer" member="ended" section="events" label="ended" /> event of the `igVideoPlayer`: +Although standard methods of [handling \{environment:ProductName\} events](/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) are still available, directives can also bind handlers that are defined declaratively as an attribute with `event-` prefix. The name of the event still follows the same naming convention as options - **lower case and dash-delimited**. For example, the following code listing shows how to declare the <ApiLink type="igvideoplayer" member="ended" section="events" label="ended" /> event of the `igVideoPlayer`: **In HTML:** ```html @@ -151,7 +154,7 @@ function ($scope) { } }]); ``` ->**Note:** Keep in mind there are many user interaction-related events in the {environment:ProductName} controls are not raised when the controls are manipulated through the API. The directives use API methods to achieve data binding. For example, the <ApiLink type="igcombo" member="activeItemChanged" section="events" label="activeItemChanged" /> event of the `igCombo` control is not raised because a change was made to the `ngModel` to which it was bound. +>**Note:** Keep in mind there are many user interaction-related events in the \{environment:ProductName\} controls are not raised when the controls are manipulated through the API. The directives use API methods to achieve data binding. For example, the <ApiLink type="igcombo" member="activeItemChanged" section="events" label="activeItemChanged" /> event of the `igCombo` control is not raised because a change was made to the `ngModel` to which it was bound. ### <a id="options-evaluation"></a>Options Evaluation @@ -173,20 +176,20 @@ By dividing it by 10: ![](images/Using_Ignite_UI_with_AngularJS_1.png) -## <a id="creating-angular-app"></a>Creating Angular app with {environment:ProductName} +## <a id="creating-angular-app"></a>Creating Angular app with \{environment:ProductName\} ### <a id="requirements"></a>Requirements -When considering the required resources the same requirements and options apply as described in the [Using JavaScript Resources in {environment:ProductName}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) documentation in addition to loading the {environment:ProductName} Angular directives module afterwards. This means that along with some styles the application would also need to include: +When considering the required resources the same requirements and options apply as described in the [Using JavaScript Resources in \{environment:ProductName\}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) documentation in addition to loading the \{environment:ProductName\} Angular directives module afterwards. This means that along with some styles the application would also need to include: - [jQuery](http://www.jquery.com/) 1.7 and later - [jQuery UI](http://jqueryui.com/) 1.8 and later - [AngularJS](http://www.angularjs.org/) 1.0 and later -- [{environment:ProductName}](http://www.igniteui.com/) 13.1 and later +- [\{environment:ProductName\}](http://www.igniteui.com/) 13.1 and later ### <a id="steps"></a>Steps -1. Begin by including the [{environment:ProductName} theme and structural](/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) files: +1. Begin by including the [\{environment:ProductName\} theme and structural](/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) files: **In HTML:** ```html @@ -205,7 +208,7 @@ When considering the required resources the same requirements and options apply <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> ``` -3. Include {environment:ProductName} and the directives module. Preferably use a custom download, but you can also [include {environment:ProductName} in any available way](/general-and-getting-started/deployment-guide-javascript-resources.mdx). +3. Include \{environment:ProductName\} and the directives module. Preferably use a custom download, but you can also [include \{environment:ProductName\} in any available way](/general-and-getting-started/deployment-guide-javascript-resources.mdx). **In HTML:** ```html @@ -246,7 +249,7 @@ When considering the required resources the same requirements and options apply ## <a id="data-binding"></a>Data Binding -Besides providing initialization integration, one of the main benefits of the {environment:ProductName} directives for AngularJS is data binding support. The directives automatically assign AngularJS watchers to the sources provided at initialization, so the only requirement to enable data binding is to set the `dataSource` option or `data-source` attribute to the desired property from the scope: +Besides providing initialization integration, one of the main benefits of the \{environment:ProductName\} directives for AngularJS is data binding support. The directives automatically assign AngularJS watchers to the sources provided at initialization, so the only requirement to enable data binding is to set the `dataSource` option or `data-source` attribute to the desired property from the scope: **In HTML:** ```html @@ -285,7 +288,7 @@ The other main group are controls that cannot edit their information (mostly con ## <a id="templates"></a>Templates -Many {environment:ProductName} controls support templates that are by default handled by the [Infragistics Templating Engine](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx). The {environment:ProductName}® Templating Engine is a JavaScript library used to apply a content template to a set of HTML elements. It supports conditional logic and nested templates. The engine uses a `${property}` notation for substitution of the corresponding property values in the data provided. For example, wrapping column values in additional markup for styling and formatting: +Many \{environment:ProductName\} controls support templates that are by default handled by the [Infragistics Templating Engine](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx). The \{environment:ProductName\}® Templating Engine is a JavaScript library used to apply a content template to a set of HTML elements. It supports conditional logic and nested templates. The engine uses a `${property}` notation for substitution of the corresponding property values in the data provided. For example, wrapping column values in additional markup for styling and formatting: **In HTML:** ```html @@ -325,7 +328,7 @@ app.controller('gridController', ### <a id="setting-templates-declaratively"></a>Setting Templates Declaratively -The templating engine uses double curly braces for **conditional templates** (e.g. `{{if condition}}` ), which are also used by Angular for expression evaluation. Therefore, using such templates in declarative initialization **can cause conflicts**. For more information on how you can provide conditional templates declaratively or customize the templating process refer to the [Conditional and Advanced Templating with AngularJS](/conditional-and-advanced-templating-with-angularjs.mdx) topic. +The templating engine uses double curly braces for **conditional templates** (e.g. `{{if condition}}` ), which are also used by Angular for expression evaluation. Therefore, using such templates in declarative initialization **can cause conflicts**. For more information on how you can provide conditional templates declaratively or customize the templating process refer to the [Conditional and Advanced Templating with AngularJS](/conditional-and-advanced-templating-with-angularjs.mdx) topic. **Related:** [igGrid sample](http://igniteui.github.io/igniteui-angularjs/samples/igGrid.html) @@ -362,7 +365,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [{environment:ProductName} directives for AngularJS samples](http://igniteui.github.io/igniteui-angularjs/) -- [All {environment:ProductName} control samples]({environment:SamplesUrl}) +- [\{environment:ProductName\} directives for AngularJS samples](http://igniteui.github.io/igniteui-angularjs/) +- [All \{environment:ProductName\} control samples](\{environment:SamplesUrl\}) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/aspnet-mvc-landingpage.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/aspnet-mvc-landingpage.mdx index 59575bb4e0..aab96cbd1e 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/aspnet-mvc-landingpage.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/aspnet-mvc-landingpage.mdx @@ -1,10 +1,9 @@ --- -title: "{environment:ProductNameMVC}" +title: "{environment:ProductNameMVC}" slug: asp.net-mvc-landingpage --- -# {environment:ProductNameMVC} - +# \{environment:ProductNameMVC\} - [Infragistics Excel Engine](/excel-engine/win-infragistics-excel-engine.mdx) - [Infragistics Document Engine](/document-engine/win-infragistics-document-engine.mdx) diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/api-overview.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/api-overview.mdx index f3a5a8eb66..257387d1c7 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/api-overview.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/api-overview.mdx @@ -4,6 +4,7 @@ slug: documentengine-api-overview --- # API Overview + This section lists each namespace that is relevant to the code library. We also give you several key classes that you will be using while programming with this code library. The namespaces and classes on this page link directly into our API documentation. > **Note:** Unless otherwise noted, the unit for all properties in the Infragistics.Documents assembly is Points. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/getting-started-with-infragistics-document-engine.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/getting-started-with-infragistics-document-engine.mdx index f5eb091ec0..a9c9074f60 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/getting-started-with-infragistics-document-engine.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/getting-started-with-infragistics-document-engine.mdx @@ -6,7 +6,6 @@ slug: documentengine-getting-started-with-infragistics-document-engine # Getting Started with Infragistics Document Engine - The Infragistics Document Engine™ is a large assembly containing multiple namespaces with several interfaces in each. If you are new to the Documents assembly, we can completely understand the potential to get a little overwhelmed at the sheer size of the assembly. For this reason, we've added a quick start topic that will guide you through the shortest route that you need to take in order to understand the Infragistics Document Engine and create a simple report of your own. Since report writing is a linear process, you can use the following road map to help you understand the Document Engine's Document Object Model. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/welcome-to-infragistics-document-engine.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/welcome-to-infragistics-document-engine.mdx index a9cd95860f..1dbf79f1a6 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/welcome-to-infragistics-document-engine.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/welcome-to-infragistics-document-engine.mdx @@ -5,7 +5,6 @@ slug: documentengine-welcome-to-infragistics-document-engine # Welcome to Infragistics Document Engine - The Infragistics Document Engine™ is a complete, self-contained code library, allowing you to generate exceptional reports in both Portable Document Format (PDF) and XML Paper Specification (XPS) format. Infragistics Document Engine's Document Object Model (DOM) is simple enough to get up and running quickly, yet complex enough to give you the customizability that Infragistics products are known for. Using the DOM, you can effectively create a report, add a section, add some text, and publish the report -- all in a mere four lines of code. ## [Report Elements](DocumentEngine-Report-Elements.html "Discusses the Report elements available in the Infragistics Document Engine.") diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/win-infragistics-document-engine.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/win-infragistics-document-engine.mdx index f327262772..cd67bf6ded 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/win-infragistics-document-engine.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/win-infragistics-document-engine.mdx @@ -5,7 +5,6 @@ slug: win-infragistics-document-engine # Infragistics Document Engine - The Infragistics Document Engine is the purveyor of fine, business reports in both Portable Document Format (PDF) and XML Paper Specification (XPS) file formats. Use the complete Document Object Model (DOM) to handle any report scenario imaginable. The Infragistics Document Engine includes support for report information, preferences, and security. There is also an extensive Graphics object to add color and personality to your reports. Click the links below to access important information about the Infragistics Document Engine. @@ -14,4 +13,4 @@ Click the links below to access important information about the Infragistics Doc - [Getting Started with Infragistics Document Engine](DocumentEngine-Getting-Started-with-Infragistics-Document-Engine.html "getting started with infragistics document engine"): Once you have a basic understanding of the Infragistics Document Engine, this topic will help you start using the code library. This topic is a quick walkthrough of the objects you need to create in order to produce a full report. - [Writing Reports](DocumentEngine-Writing-Reports.html "writing reports with document engine"): This section is the meat of the Infragistics Document Engine help. You will be shown the details of each report and graphic element. These topics are in the form of conceptual walkthroughs, as most elements are quite hefty and contain many features! - [Deploying Infragistics Document Engine](DocumentEngine-Deploying-Infragistics-Document-Engine.html "deploying document engine"): If your application uses the Infragistics Document Engine, refer to this topic for a list of the Infragistics .NET assemblies that you need to redistribute as part of your application. -- [API Overview](DocumentEngine-API-Overview.html "api overview for document engine"): This topic lists the namespaces and classes that you will be working with while programming with the Infragistics Excel Engine. The namespaces and classes listed in this topic link conveniently into the "API Reference Guide" section of the {environment:ProductName} help. \ No newline at end of file +- [API Overview](DocumentEngine-API-Overview.html "api overview for document engine"): This topic lists the namespaces and classes that you will be working with while programming with the Infragistics Excel Engine. The namespaces and classes listed in this topic link conveniently into the "API Reference Guide" section of the \{environment:ProductName\} help. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/known-issues.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/known-issues.mdx index 9ea2bde5a8..8a638ffbaf 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/known-issues.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations (Infragistics Document Engine)" slug: documentengine-known-issues --- + +# Known Issues and Limitations (Infragistics Document Engine) + g # Known Issues and Limitations (Infragistics Document Engine) @@ -20,14 +23,14 @@ The following table summarizes the known issues and limitations for the Infragis ## Infragistics Document Engine Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName}™ documents’ assemblies together causes namespace conflict exceptions. | ![](../../../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\}™ documents’ assemblies together causes namespace conflict exceptions. | ![](../../../../images/images/positive.png) ## Known Issues and Limitations Details -Using the Infragistics ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. +Using the Infragistics ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. ### Workaround -Reference either the documents assemblies from Infragistics ASP.NET or the documents assemblies from {environment:ProductName} in your application. The documents’ libraries within these assemblies are the same and can be used to replace one another. +Reference either the documents assemblies from Infragistics ASP.NET or the documents assemblies from \{environment:ProductName\} in your application. The documents’ libraries within these assemblies are the same and can be used to replace one another. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/layout-elements.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/layout-elements.mdx index 0348a16b11..5db84807d8 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/layout-elements.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/layout-elements.mdx @@ -4,6 +4,7 @@ slug: documentengine-advanced-layout-elements --- # Advanced Layout Elements + Advanced layout elements are elements that you don't necessarily need in order to write a complete report. These elements will help you accomplish specific tasks related to your report's layout. Click the links below to learn more about advanced layout elements. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/rotator.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/rotator.mdx index 0ff6b2b686..bd7fe1dfd6 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/rotator.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/rotator.mdx @@ -5,7 +5,6 @@ slug: documentengine-rotator # Rotator - The Rotator element rotates its content either 90 degrees clockwise or 90 degrees counter-clockwise. Content is rotated counter-clockwise by default, but by setting the Backward property to True, you can rotate the content clockwise. The Rotator element should be used when all you need to do is simply rotate content at a 90 degree angle. If you need to rotate content at a 45 degree angle or any other angle, you need to use the Site element. For more information on the Site element, see Site. In the image to the right, you see two Text elements inside of Rotator elements. The first Rotator element rotates the text 90 degrees clockwise by setting the Backward property to True. A Stretcher element was also necessary as the text was left-aligned. The second Rotator element is the exact opposite of the first. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/site.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/site.mdx index 91c1c2e0cf..0a52a3d429 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/site.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/site.mdx @@ -4,6 +4,7 @@ slug: documentengine-site --- # Site + The Site element affords you the ultimate customizability in placing layout elements on a page. Using the Site element, you can place elements using their x- and y-coordinates, and even rotate them to any angle. The Site element doesn't have unique properties that make it different from other layout elements; instead, each method that adds content elements contains two overloads. These overloads allow you to place each layout element separately wherever you chose. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/stretcher.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/stretcher.mdx index 3334a995e7..44028a1a1f 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/stretcher.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/stretcher.mdx @@ -4,6 +4,7 @@ slug: documentengine-stretcher --- # Stretcher + The `Stretcher` element is a non-visible layout element whose only purpose is to stretch content to the end of a page. Normally, a layout element will resize to fit the content it encapsulates. This may be an undesired effect if the layout element includes a background color or image. When you call the `AddStretcher` method off a layout element, that element will stretch to the end of the page, even if its content does not. The two images below show how an element with its background color set to `LightSteelBlue` would look like without and with a Stretcher element. Without Stretcher | With Stretcher diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/report/element.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/report/element.mdx index a6a5dc18bd..83d96fa0cb 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/report/element.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/report/element.mdx @@ -6,7 +6,6 @@ slug: documentengine-report-element # Report Element - The Report element is the top-level object that defines the entire report. You must add all content to a report by way of a Section element. Most layout elements use methods to create additional and nested layout elements; this is the same for the Report element, but you can add only one layout element type, the Section element, to the Report element. An easier way to understand this concept would be to visualize it as an object model diagram. For example, a report's layout can be as simple as the following tree: - Report diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/section/section.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/section/section.mdx index c6a271f1f7..2101e3a404 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/section/section.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/section/section.mdx @@ -4,6 +4,7 @@ slug: documentengine-section --- # Section + The Section element is the only element that you can add to the Report element. Through the Section element, you can manipulate page numbering and your document's look and feel through stationery and decorations, among other things. Click the links below to find out more about the Section element. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/segment.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/segment.mdx index a35747c7ce..3ab77c06ea 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/segment.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/layout/segment.mdx @@ -6,7 +6,6 @@ slug: documentengine-segment # Segment - The Segment element is aptly named for the several complete segments (or pages) of content it can produce. Similar to the Section element, the Segment element can have different header/footer combinations for each individual page (as long as the number of pages does not exceed the number of headers/footers, see the Segment Headers and Footers section below for more information). But, unlike the Section element, you can't set a Segment's size; Segments depend on the size of their containing Section element. The Segment and Section elements both have an [AddStretcher](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Segment.ISegment~AddStretcher.html "Link to the Web API Reference Guide to the AddStretcher member.") method to stretch content on individual pages; however, the Segment element also has the [Stretch](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Segment.ISegment~Stretch.html "Link to the Web API Reference Guide to the Stretch member.") property to stretch all content on every page. The Segment element is very similar in function to the Section, Band, and Group elements. Refer to the table below for the main differences between these four elements. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/navigation/table-of-contents.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/navigation/table-of-contents.mdx index 526069486c..19dd4bcb23 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/navigation/table-of-contents.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/navigation/table-of-contents.mdx @@ -4,6 +4,7 @@ slug: documentengine-table-of-contents --- # Table of Contents + Creating a table of contents (TOC) is much simpler than most would think. If you've already been writing reports with the Infragistics Document Engine™, you may already be halfway on the way to writing a table of contents. The TOC element creates a table of contents based on the structure of your report; so it is important that you build your report properly in order to take advantage of the TOC element. The Text element exposes a [Heading](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Text.IText~Heading.html "Link to the Web API Reference Guide to the Heading member.") property, which can be set to the [TextHeading](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.TextHeading.html "Link to the Web API Reference Guide to the TextHeading member.") enumeration. Some of the values of this enumeration are H1, H2, H3, and so on. When you set the heading of a Text element, you are letting the TOC element know how to generate the table of contents. The [ITOC](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.TOC.ITOC.html "Link to the Web API Reference Guide to the ITOC interface.") interface includes an [AddLevel](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.TOC.ITOC~AddLevel.html "Link to the Web API Reference Guide to the AddLevel member.") method, which you can use in conjunction with the different headings. The first level that you add to the table of contents corresponds to the first level of headings, or H1. Adding another level to the table of contents will correspond to H2, continuing on to the final heading, H9. Therefore, if you label your headings properly, you won't have to do much extra work to generate a table of contents. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/content.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/content.mdx index 924fe76c57..0db4077e40 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/content.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/content.mdx @@ -4,6 +4,7 @@ slug: documentengine-pattern-content --- # Pattern Content + Pattern content includes elements that can all be styled through the use of patterns. These patterns apply styles to grids, tables, trees, etc. by creating pattern objects and then applying them to their associated element. These elements mostly rely on some source of data to fill them. Click the links below to learn about the pattern content that is available to you. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/text.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/text.mdx index b23f1cb86e..7a7753cec8 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/text.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/text.mdx @@ -4,6 +4,7 @@ slug: documentengine-text --- # Text + The Text element adds highly customized paragraph content to your reports. The Text element includes several text-specific properties that will make your content stand out no matter what the occasion. Several of these properties can be found in the [report graphics](DocumentEngine-Report-Graphics.html "Explains the graphic items available for reports created using document engine.") section, but there are a few properties that are specific to text: diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/trees.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/trees.mdx index 321670f88b..44e3cfb9e1 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/trees.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/pattern/trees.mdx @@ -4,6 +4,7 @@ slug: documentengine-trees --- # Trees + The Tree element is useful for displaying hierarchical relationships by showing how parent nodes, especially the root node, own their child nodes and all nodes beneath them in the hierarchy. The Tree element's object model consists of a main tree object with a [Root](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Tree.ITree~Root.html "Link to the Web API Reference Guide to the Root member.") property to identify the root node of the tree. Once you've gotten a reference to the root node (which is of type [INode](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Tree.INode.html "Link to the Web API Reference Guide to the INode interface.") ), you can call the [AddNode](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Tree.INode~AddNode.html "Link to the Web API Reference Guide to the AddNode member.") method off the INode interface to add additional nodes to the tree. You can add as many or as few nodes as you like, but there will only be one root node. As with all [pattern content](DocumentEngine-Pattern-Content.html "Explains the pattern content items available in the document engine."), you can implement style changes by adding patterns to the following tree elements: diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/content.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/content.mdx index 54c81d71fe..7294548a47 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/content.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/content.mdx @@ -4,6 +4,7 @@ slug: documentengine-quick-content --- # Quick Content + When all you need is the bare minimum. Quick content allows you to quickly add report material through method calls. For example, call the `AddQuickText` method and pass your text as the argument; that's all you need to do to add simple text to a layout element. Click the links below to learn about the light-weight, quick content elements. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/table.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/table.mdx index 3d7fbd5665..d4b6248bcf 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/table.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/table.mdx @@ -6,7 +6,6 @@ slug: documentengine-quick-table # Quick Table - The Quick Table element is definitely the heaviest of the light-weight [Quick Content](DocumentEngine-Quick-Content.html "Explains the quick content items available in the document engine.") elements only because a table naturally contains several elements. You can add the following elements to the Quick Table element: - Column diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/text.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/text.mdx index 197d9da9ac..4402cb0083 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/text.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/elements/quick/text.mdx @@ -6,7 +6,6 @@ slug: documentengine-quick-text # Quick Text - The Quick Text element is the simplest of the [Quick Content](DocumentEngine-Quick-Content.html "Explains the quick content that's available in the document engine.") elements in that you do not need to customize the element at all. The Quick Text element was designed in such a way that all you need to do is pass a string to the AddQuickText method to quickly add text to your report. Of course, you can also get a reference to the element and modify a few standard properties such as [Alignment](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.QuickText.IQuickText~Alignment.html "Link to the Web API Reference Guide to the Alignment member.") , [Brush](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.QuickText.IQuickText~Brush.html "Link to the Web API Reference Guide to the Brush member.") , and [Font](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.QuickText.IQuickText~Font.html "Link to the Web API Reference Guide to the Font member.") ; but if you need a full-fledged Text element, see [Text](DocumentEngine-Text.html "Explains the Text element available in the document engine.") for more information. The basic use-case for the Quick Text element is to add default text (Arial, 12pt) with no regard to its placement or appearance. ![Shows a PDF that demonstrates the Quick Text, and is the result of the code listed below.](images/DocumentEngine_Quick_Text_01.png) diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/graphics/shapes.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/graphics/shapes.mdx index c5572285c5..fa4e200eb8 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/graphics/shapes.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/document-engine/writing/graphics/shapes.mdx @@ -4,6 +4,7 @@ slug: documentengine-shapes --- # Shapes + The Site element is an intriguing element that can place objects anywhere in its binding rectangle as well as rotate them. Another feature that makes the Site element very useful is the [Shapes](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Shapes.IShapes.html "Link to the Web API Reference Guide to the IShapes interface.") factory. Just as the name implies, the Shapes factory allows you to produce numerous kinds of shapes and add them to the Site element. You can easily access each shape off the Shapes object by calling a method specific to that shape (e.g., to add a rectangle, call the [AddRetangle](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Shapes.IShapes~AddRectangle.html "Link to the Web API Reference Guide to the AddRectangle member.") method). The method will return a reference to the newly created shape and you can set that reference to a new shape object. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/api-overview.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/api-overview.mdx index 329b93072e..2e6cac2e57 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/api-overview.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/api-overview.mdx @@ -4,6 +4,7 @@ slug: excelengine-api-overview --- # API Overview + This section lists each namespace that is relevant to the code library. We also give you several key classes that you will be using while programming with this code library. The namespaces and classes on this page link directly into our API documentation. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/add-document-properties-to-a-workbook.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/add-document-properties-to-a-workbook.mdx index 1a2d6b7009..f022016205 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/add-document-properties-to-a-workbook.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/add-document-properties-to-a-workbook.mdx @@ -6,7 +6,6 @@ slug: excelengine-add-document-properties-to-a-workbook # Add Document Properties to a Workbook - Associated with each workbook file are various properties that provide information about its content. These properties include the following pieces of information: - Author diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/adding-shapes-to-a-worksheet.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/adding-shapes-to-a-worksheet.mdx index 1218e1ebf1..f235a43ad8 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/adding-shapes-to-a-worksheet.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/adding-shapes-to-a-worksheet.mdx @@ -6,7 +6,6 @@ slug: excelengine-adding-shapes-to-a-worksheet # Adding Shapes to a Worksheet - ## Before You Begin One of the great things about the Infragistics.Documents.Excel assembly is the ability to add images and shapes to your worksheet. As in Microsoft® Excel®, you can place an image on a worksheet, position it where you want, and even group it with other shapes on the same worksheet. Using a shape is a simple process of creating the shape, setting anchors which determine where it will be positioned on the worksheet, and adding it to the worksheet. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/list-of-supported-built-in-functions.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/list-of-supported-built-in-functions.mdx index b1e130307d..0fd102a19f 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/list-of-supported-built-in-functions.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/list-of-supported-built-in-functions.mdx @@ -3,7 +3,6 @@ title: "List of Supported Built-in Functions" slug: excelengine-list-of-supported-built-in-functions --- - # List of Supported Built-in Functions ## Introduction diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/merge-cells.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/merge-cells.mdx index 4954f9ca3b..1002acf664 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/merge-cells.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/merge-cells.mdx @@ -4,6 +4,7 @@ slug: excelengine-merge-cells --- # Merge Cells + Aside from setting the value or format of cells, you can also merge cells to make two or more cells appear as one. If you merge cells, they must be in a rectangular region. When part of a merged region, each cell in the region will have the same value and cell format; also, they will all be associated with the same [`WorksheetMergedCellsRegion`](Infragistics.Web.Documents.Excel~Infragistics.Documents.Excel.WorksheetMergedCellsRegion.html "Link to the Web API Reference Guide to the WorksheetMergedCellsRegion member.") object, accessible from their [`AssociatedMergedCellsRegion`](Infragistics.Web.Documents.Excel~Infragistics.Documents.Excel.WorksheetCell~AssociatedMergedCellsRegion.html "Link to the Web API Reference Guide to the WorksheetMergedCellsRegion member.") property. The `WorksheetMergedCellsRegion` object will also have the same value and cell format as the cells. Setting the value (or cell format) of the region or any cell in the region will change the value of all cells and the region. If you unmerge cells, because the merged region was removed from the worksheet, all of the previously merged cells will retain the shared cell format they had before they were unmerged. However, only the top-left cell of the region will retain the shared value. The following code demonstrates how to merge some cells and set the value and format of the merged cells region. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/moving-a-worksheet-within-an-excel-workbook.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/moving-a-worksheet-within-an-excel-workbook.mdx index f859bd74f0..edaca1c40c 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/moving-a-worksheet-within-an-excel-workbook.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/using/moving-a-worksheet-within-an-excel-workbook.mdx @@ -4,6 +4,7 @@ slug: excelengine-moving-a-worksheet-within-an-excel-workbook --- # Moving a Worksheet within an Excel Workbook + In certain cases you might need to move a worksheet to a particular index position in the owning Excel® workbook’s worksheets collection. Considering, you have three worksheets in an Excel Workbook, you can place worksheet3 in the first position, using the [`MoveToIndex`](Infragistics.Web.Documents.Excel~Infragistics.Documents.Excel.Worksheet~MoveToIndex.html "Link to the Web API Reference Guide to the MoveToIndex method.") method of the [`Worksheet`](Infragistics.Web.Documents.Excel~Infragistics.Documents.Excel.Worksheet.html "Link to the Web API Reference Guide to the Worksheet class.") class. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/win-infragistics-excel-engine.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/win-infragistics-excel-engine.mdx index 02414e2ba6..7bcd75d447 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/win-infragistics-excel-engine.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/excel-engine/win-infragistics-excel-engine.mdx @@ -15,7 +15,7 @@ Click the links below to access important information about the Infragistics Exc - [Deploying the Infragistics Excel Engine](ExcelEngine-Deploying-the-Infragistics-Excel-Engine.html "deploying the infragistics excel engine"): If your application uses the Infragistics Excel Engine, refer to this topic for a list of the Infragistics .NET assemblies that you need to redistribute as part of your application. -- [API Overview](ExcelEngine-API-Overview.html "api overview for excel engine"): This topic lists the namespaces and classes that you will be working with while programming with the Infragistics Excel Engine. The namespaces and classes listed in this topic link conveniently into the "API Reference Guide" section of the {environment:ProductName} help. +- [API Overview](ExcelEngine-API-Overview.html "api overview for excel engine"): This topic lists the namespaces and classes that you will be working with while programming with the Infragistics Excel Engine. The namespaces and classes listed in this topic link conveniently into the "API Reference Guide" section of the \{environment:ProductName\} help. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx index 48485b16eb..9c27277b82 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx @@ -1,14 +1,13 @@ --- -title: "Wrappers Known Issues and Limitations ({environment:ProductNameMVC})" +title: "Wrappers Known Issues and Limitations ({environment:ProductNameMVC})" slug: aspnet-mvc-wrappers-known-issues --- -# Wrappers Known Issues and Limitations ({environment:ProductNameMVC}) - +# Wrappers Known Issues and Limitations (\{environment:ProductNameMVC\}) ## Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductNameMVC}. Detailed explanations of some of the issues and the existing workarounds are provided after the summary table. +The following table summarizes the known issues and limitations of the \{environment:ProductNameMVC\}. Detailed explanations of some of the issues and the existing workarounds are provided after the summary table. Legend: | @@ -17,7 +16,7 @@ Legend: | ![](../images/images/negative.png) | No known workaround ![](../images/images/plannedFix.png) | No known workaround, fix planned -### {environment:ProductNameMVC} +### \{environment:ProductNameMVC\} Issue | Description | Status @@ -59,9 +58,9 @@ When [`AutoGenerateLayouts`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel ### <a id="loader-layout-view"></a> MVC Loader not functioning correctly in an MVC Razor Layout View -The {environment:ProductNameMVC} Loader cannot initialize before the controls in an actual View when it is included in an ASP.NET MVC Razor Layout View. +The \{environment:ProductNameMVC\} Loader cannot initialize before the controls in an actual View when it is included in an ASP.NET MVC Razor Layout View. -{environment:ProductNameMVC} do not produce the proper Loader code when the Loader is included in a layout page in an ASP.NET MVC Razor application. They use the regular jQuery `$(function() { })` (document.ready) syntax. This happens only for ASP.NET MVC Razor applications. In MVC ASPX Views with master pages this problem does not occur. +\{environment:ProductNameMVC\} do not produce the proper Loader code when the Loader is included in a layout page in an ASP.NET MVC Razor application. They use the regular jQuery `$(function() { })` (document.ready) syntax. This happens only for ASP.NET MVC Razor applications. In MVC ASPX Views with master pages this problem does not occur. The reason for this is that layout Views are processed and executed after the particular View is rendered and the Loader has no chance to initialize prior to View rendering. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx index bc4371647a..d712c466ee 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx @@ -1,14 +1,13 @@ --- -title: "Mobile Wrappers Known Issues and Limitations ({environment:ProductNameMVC})" +title: "Mobile Wrappers Known Issues and Limitations ({environment:ProductNameMVC})" slug: aspnet-mvc-mobile-wrappers-known-issues --- -# Mobile Wrappers Known Issues and Limitations ({environment:ProductNameMVC}) - +# Mobile Wrappers Known Issues and Limitations (\{environment:ProductNameMVC\}) ## Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductNameMVC} mobile. +The following table summarizes the known issues and limitations of the \{environment:ProductNameMVC\} mobile. Legend: | --------|--------- @@ -17,7 +16,7 @@ Legend: | ![](../images/images/plannedFix.png) | No known workaround, fix planned -### {environment:ProductName} ASP.NET MVC Mobile Wrappers (mobile) +### \{environment:ProductName\} ASP.NET MVC Mobile Wrappers (mobile) Issue | Description | Status ------|-------------|-------- diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx index 7a73f5f478..a2691eeefe 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx @@ -1,14 +1,14 @@ --- -title: "{environment:ProductNameMVC} Scaffolder Visual Studio extension" +title: "{environment:ProductNameMVC} Scaffolder Visual Studio extension" slug: mvc-scaffolding --- -# {environment:ProductNameMVC} Scaffolder Visual Studio extension +# \{environment:ProductNameMVC\} Scaffolder Visual Studio extension ### Introduction -With the 2015.2 Release, we introduce the **{environment:ProductNameMVC}** Scaffolder Extension. +With the 2015.2 Release, we introduce the **\{environment:ProductNameMVC\}** Scaffolder Extension. It allows the developer to easily generate MVC wrapper widget declarations, as well as related Controller action methods. This saves a lot of time for manual setup, referencing and coding. @@ -28,7 +28,7 @@ In order to take advantage of the Scaffolding mechanism, just follow the steps o 3. Click on the "Add" menu item and then on "New Scaffolder Item..." option. This set of steps is demonstrated in the screenshot below: ![](images/Step1.png) -4. Next, you will be prompted to choose the type of Scaffolding item you want - this can be an "{environment:ProductName} View" or an "{environment:ProductName} Controller with View". +4. Next, you will be prompted to choose the type of Scaffolding item you want - this can be an "\{environment:ProductName\} View" or an "\{environment:ProductName\} Controller with View". These selection options are demonstrated in the screenshot below: ![](images/Step2.png) The difference between these two options is that one adds a simple View, whereas the other one creates a View, along with a controller. @@ -38,7 +38,7 @@ In the second and last tab, you can choose which properties to enable in the com This is demonstrated in the screenshot below: ![](images/Step3.png) 6. Once we are done with the settings for the component that we are adding, we click on the "Add" button. This automatically adds a view, containing the widget wrapper definition, along with all the settings that we have enabled. -You can further customize it, add or remove properties and methods, as you would normally do in a standard view, containing an {environment:ProductName} widget wrapper. +You can further customize it, add or remove properties and methods, as you would normally do in a standard view, containing an \{environment:ProductName\} widget wrapper. ###Prerequisites diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx index 79e4a15a80..ea487478c7 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx @@ -1,13 +1,13 @@ --- -title: "Using {environment:ProductNameASPNETCore} Tag Helpers" +title: "Using {environment:ProductNameASPNETCore} Tag Helpers" slug: tag-helpers --- -# Using {environment:ProductNameASPNETCore} Tag Helpers +# Using \{environment:ProductNameASPNETCore\} Tag Helpers ## Topic Overview -This topic demonstrates how to configure {environment:ProductNameASPNETCore}™ components by using the Tag Helpers syntax introduced in the new ASP.NET Core 1.0 +This topic demonstrates how to configure \{environment:ProductNameASPNETCore\}™ components by using the Tag Helpers syntax introduced in the new ASP.NET Core 1.0 ### In this topic @@ -19,7 +19,7 @@ This topic contains the following sections: ## <a id="addtaghelper"></a> Adding Tag Helpers to scope of the view -To add all {environment:ProductName} Tag Helpers to the current view scope, the @addTagHelper directive is used: +To add all \{environment:ProductName\} Tag Helpers to the current view scope, the @addTagHelper directive is used: ```csharp @using Infragistics.Web.Mvc @@ -143,5 +143,5 @@ and by using Tag Helpers: ``` ## <a id="related"></a> Related Content -- [Using {environment:ProductNameASPNETCore}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) +- [Using \{environment:ProductNameASPNETCore\}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) - [Adding Controls to an MVC Project](../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx index 410a09c9cd..a58a999a9f 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx @@ -1,13 +1,13 @@ --- -title: "Using {environment:ProductNameASPNETCore}" +title: "Using {environment:ProductNameASPNETCore}" slug: mvc-aspnet-core3 --- -# Using {environment:ProductNameASPNETCore} +# Using \{environment:ProductNameASPNETCore\} ## Topic Overview -This topic explains how to get started with {environment:ProductNameASPNETCore}™ components in an ASP.NET Core Web Application built for .NET 7. +This topic explains how to get started with \{environment:ProductNameASPNETCore\}™ components in an ASP.NET Core Web Application built for .NET 7. ### In this topic @@ -23,19 +23,19 @@ This topic contains the following sections: With the ASP.NET Core most modules are now wrapped as NuGet packages. This allows you to retrieve and use only the specific modules you need for your application, without having to depend on a common assembly. All dependencies of the specific module will be restored out of the box. -As such our new {environment:ProductNameASPNETCore} built on top of ASP.NET Core will also ship as a NuGet package. When you are installing the product make sure to include the NuGet packages module that will create a local feed for you to install the required packages from. For more information, please refer to the topic: [Using {environment:ProductName} NuGet packages](/general-and-getting-started/using-ignite-ui-nuget-packages.mdx). +As such our new \{environment:ProductNameASPNETCore\} built on top of ASP.NET Core will also ship as a NuGet package. When you are installing the product make sure to include the NuGet packages module that will create a local feed for you to install the required packages from. For more information, please refer to the topic: [Using \{environment:ProductName\} NuGet packages](/general-and-getting-started/using-ignite-ui-nuget-packages.mdx). Control's declaration follows the same syntax as the previous MVC versions. You can refer to the following topic for more information and examples: [Adding Controls to an MVC Project](../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx) ### <a id="nuget-licensed"></a> Using online private feed -You can also install Infragistics Web MVC NuGet package using the Infragistics hosted NuGet server. Checkout [Installing {environment:ProductNameMVC} packages from the online private feed](../01_General-and-Getting-Started/18_Using_Ignite_UI_NuGet_Packages.mdx#privateFeedInstallation) topic for more information. +You can also install Infragistics Web MVC NuGet package using the Infragistics hosted NuGet server. Checkout [Installing \{environment:ProductNameMVC\} packages from the online private feed](../01_General-and-Getting-Started/18_Using_Ignite_UI_NuGet_Packages.mdx#privateFeedInstallation) topic for more information. ## <a id="middleware"></a> Configuring the igUpload Middleware for file upload handling In the old ASP.NET in order to handle more robust file uploading capabilities as multiple file uploads, large file uploads and reporting of the progress of an upload you would have to implement an HttpModule and/or HttpHandler in order to plug into the HTTP Request process. ASP.NET Core introduces a new request pipeline built around a new middleware definition. -The {environment:ProductNameASPNETCore} file upload fully utilizes the new middleware definition model and can be directly plugged into the pipeline. +The \{environment:ProductNameASPNETCore\} file upload fully utilizes the new middleware definition model and can be directly plugged into the pipeline. There are two middleware modules - one for handling uploads and one for receiving commands from the client and returning status feedback to the client. In order to add them to the pipeline they need to be include in the Configure method of the Startup.cs class before the MVC module. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-understanding-infragistics-word-library.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-understanding-infragistics-word-library.mdx index 599003fb0f..c8aa873375 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-understanding-infragistics-word-library.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-understanding-infragistics-word-library.mdx @@ -4,6 +4,7 @@ slug: word-understanding-infragistics-word-library --- # Understanding Infragistics Word Library + The topics in this section will give you a better idea of why you would want to use Word Library in your applications. Click the links below to gain an overview of the Word Library. diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-headers-footers-and-page-numbers.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-headers-footers-and-page-numbers.mdx index 27ca572ebd..c7b15bcf1b 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-headers-footers-and-page-numbers.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-headers-footers-and-page-numbers.mdx @@ -4,6 +4,7 @@ slug: word-headers-footers-and-page-numbers --- # Headers Footers and Page Numbers + Using the Infragistics® Word library you can create headers and footers that may be as simple as a document title and a page number to images, multiple paragraphs, tables and hyperlinks. The following screenshots depicts a Word document created with text and image in the `Header`: diff --git a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/word-infragistics-word-library.mdx b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/word-infragistics-word-library.mdx index 178968e93d..87c4a2a377 100644 --- a/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/word-infragistics-word-library.mdx +++ b/docs/jquery/src/content/en/topics/asp-net-mvc/word-library/word-infragistics-word-library.mdx @@ -4,6 +4,7 @@ slug: word-infragistics-word-library --- # Infragistics Word Library + This section contains valuable information about Word Library, ranging from what the Word Library does and why you would want to use it in your application, to step-by-step procedures on how to accomplish a common task. Click the links below to access important information about the Word Library. @@ -15,7 +16,7 @@ In this section you'll find any information that will help you to better underst In this section, you'll find short, useful topics with sample code snippets that demonstrate how to perform specific tasks with the Word Library. ## [Word API Overview](Word-API-Overview.html "api overview for Word Library") -This topic lists the namespaces and classes that you will be working with while programming with the Word Library. The namespaces and classes listed in this topic link conveniently into the "API Reference Guide" section of the {environment:ProductName} help. +This topic lists the namespaces and classes that you will be working with while programming with the Word Library. The namespaces and classes listed in this topic link conveniently into the "API Reference Guide" section of the \{environment:ProductName\} help. diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/accessibility-compliance.mdx index 4375146d46..aad91610cb 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/accessibility-compliance.mdx @@ -5,7 +5,6 @@ slug: igbulletgraph-accessibility-compliance # Accessibility Compliance (igBulletGraph) - ## Topic Overview #### Purpose @@ -25,7 +24,7 @@ The following topics are prerequisites to understanding this topic: #### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the igBulletGraph control complies with each of these rules. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the igBulletGraph control complies with each of these rules. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -47,7 +46,7 @@ Rules | Rule text | How we comply The following topic provides additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for the accessibility compliance of all controls in the {environment:ProductName} product. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for the accessibility compliance of all controls in the \{environment:ProductName\} product. diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/to-an-html-page.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/to-an-html-page.mdx index 224ea9a6b8..85ae9387ec 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/to-an-html-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/to-an-html-page.mdx @@ -2,6 +2,9 @@ title: "Adding igBulletGraph to an HTML Page" slug: igbulletgraph-adding-to-an-html-page --- + +# Adding igBulletGraph to an HTML Page + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igBulletGraph to an HTML Page @@ -49,11 +52,11 @@ The following table summarizes the requirements for using the `igBulletGraph` co | | | | | --- | --- | --- | | Required Resources | Description | What you need to do… | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. | -| General *igBulletGraph* JavaScript Resources | The *igBulletGraph* control depends on functionality distributed across several files in the {environment:ProductName} Library. You can load the required resources in one of the following ways: Use the Infragistics® Loader (*igLoader*™). You only need to include a script reference to *igLoader* on your page. Load the required resources manually. You need to use the dependencies listed in the table below. Load the two combined files, containing the logic for all data visualization controls from the {environment:ProductName} package - *infragistics.core.js*, *infragistics.dv.js* and *infragistics.encoding.js* (optional). The following table lists the {environment:ProductName} library dependencies related to the *igBulletGraph* control. These resources need to be referred to explicitly if you chose not to use *igLoader* or the combined files. JS Resource | Description | -| *infragistics.util.js*, *infragistics.util.jquery.js* | {environment:ProductName} utilities | | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. | +| General *igBulletGraph* JavaScript Resources | The *igBulletGraph* control depends on functionality distributed across several files in the \{environment:ProductName\} Library. You can load the required resources in one of the following ways: Use the Infragistics® Loader (*igLoader*™). You only need to include a script reference to *igLoader* on your page. Load the required resources manually. You need to use the dependencies listed in the table below. Load the two combined files, containing the logic for all data visualization controls from the \{environment:ProductName\} package - *infragistics.core.js*, *infragistics.dv.js* and *infragistics.encoding.js* (optional). The following table lists the \{environment:ProductName\} library dependencies related to the *igBulletGraph* control. These resources need to be referred to explicitly if you chose not to use *igLoader* or the combined files. JS Resource | Description | +| *infragistics.util.js*, *infragistics.util.jquery.js* | \{environment:ProductName\} utilities | | | *infragistics.ext_core.js*, *infragistics.ext_collections.js*, *infragistics.ext_ui.js*, *infragistics.dv_jquerydom.js*, *infragistics.dv_core.js*, *infragistics.dv_geometry.js* A shared library for data visualization components | | | -| *infragistics.ui.widget.js* | Base igWidget for all {environment:ProductName} widgets. | | +| *infragistics.ui.widget.js* | Base igWidget for all \{environment:ProductName\} widgets. | | | *infragistics.bulletgraph.js* | The *igBulletGraph* control | | | *infragistics.ui.bulletgraph.js* | The *igBulletGraph* widget | | @@ -335,4 +338,4 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Basic Configuration]({environment:SamplesUrl}/bullet-graph/basic-configuration): This sample demonstrates a simple configuration of the `igBulletGraph` control. \ No newline at end of file +- [Basic Configuration](\{environment:SamplesUrl\}/bullet-graph/basic-configuration): This sample demonstrates a simple configuration of the `igBulletGraph` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/using-the-mvc-helper.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/using-the-mvc-helper.mdx index 8fed8bd5cd..5494280611 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/adding/using-the-mvc-helper.mdx @@ -2,6 +2,9 @@ title: "Adding igBulletGraph to an ASP.NET MVC application" slug: igbulletgraph-adding-using-the-mvc-helper --- + +# Adding igBulletGraph to an ASP.NET MVC application + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igBulletGraph to an ASP.NET MVC application @@ -24,7 +27,7 @@ The following table lists the concepts and topics required as a prerequisite to - ASP.NET MVC HTML Helpers - Topics - - [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with {environment:ProductName}™ components in an ASP.NET MVC application. + - [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with \{environment:ProductName\}™ components in an ASP.NET MVC application. - [*igBulletGraph* Overview](/igbulletgraph-overview.mdx): This topic provides conceptual information about the `igBulletGraph` control including its main features, minimum requirements, and user functionality. @@ -149,7 +152,7 @@ Add the ASP.NET MVC helper to the body of your ASP.NET page. ​**2. Instantiate the *igBulletGraph* control** configuring its basic rendering options. -Instantiate the `igBulletGraph` control. As with all {environment:ProductNameMVC} controls, you must call the Render method to render the HTML and JavaScript to the View. +Instantiate the `igBulletGraph` control. As with all \{environment:ProductNameMVC\} controls, you must call the Render method to render the HTML and JavaScript to the View. **In ASPX:** @@ -287,7 +290,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [MVC Initialization]({environment:SamplesUrl}/bullet-graph/mvc-initialization): This sample demonstrates how to use the ASP.NET MVC helper for the bullet graph. +- [MVC Initialization](\{environment:SamplesUrl\}/bullet-graph/mvc-initialization): This sample demonstrates how to use the ASP.NET MVC helper for the bullet graph. diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/api-links.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/api-links.mdx index 8bcb6aa0d1..df6a36c7c0 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igBulletGraph)" slug: igbulletgraph-api-links --- + +# jQuery and MVC API Links (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #jQuery and MVC API Links (igBulletGraph) diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/comparative-ranges.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/comparative-ranges.mdx index 66bfedf1e0..d1aae03fa3 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/comparative-ranges.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/comparative-ranges.mdx @@ -2,6 +2,9 @@ title: "Configuring Comparative Ranges (igBulletGraph)" slug: igbulletgraph-configuring-comparative-ranges --- + +# Configuring Comparative Ranges (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Comparative Ranges (igBulletGraph) @@ -262,7 +265,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Range Settings]({environment:SamplesUrl}/bullet-graph/range-settings): This sample demonstrates setting comparative ranges in the `igBulletGraph` control. +- [Range Settings](\{environment:SamplesUrl\}/bullet-graph/range-settings): This sample demonstrates setting comparative ranges in the `igBulletGraph` control. diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/scale/the-scale.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/scale/the-scale.mdx index 536c7ba8f3..329f87b31c 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/scale/the-scale.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/scale/the-scale.mdx @@ -2,6 +2,9 @@ title: "Configuring the Scale (igBulletGraph)" slug: igbulletgraph-configuring-the-scale --- + +# Configuring the Scale (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Scale (igBulletGraph) @@ -271,7 +274,7 @@ Setting the minimum and maximum values implicitly defines all values within the ![](images/igBulletGraph_Configuring_the_Scale_3.png) -Having the scales’ range defined also enables the positioning of the other value-based visual elements on the scale, namely the performance bar, comparative ranges, comparative marker, and the performance bar. Note that because these elements are value-based, when the scale’s range changes (i.e. when either its minimum or maximum value (or both) changes), these visual elements are re-positioned spatially together with the scale’s values keeping their position on the scale. (To see this effect in action, refer to the [Range Settings]({environment:SamplesUrl}/bullet-graph/range-settings) sample.) +Having the scales’ range defined also enables the positioning of the other value-based visual elements on the scale, namely the performance bar, comparative ranges, comparative marker, and the performance bar. Note that because these elements are value-based, when the scale’s range changes (i.e. when either its minimum or maximum value (or both) changes), these visual elements are re-positioned spatially together with the scale’s values keeping their position on the scale. (To see this effect in action, refer to the [Range Settings](\{environment:SamplesUrl\}/bullet-graph/range-settings) sample.) ### <a id="range-properties"></a> Property settings @@ -750,9 +753,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Tick Marks Settings]({environment:SamplesUrl}/bullet-graph/tick-marks-settings) This sample demonstrates the supported tickmarks configuration of the `igBulletGraph` control. +- [Tick Marks Settings](\{environment:SamplesUrl\}/bullet-graph/tick-marks-settings) This sample demonstrates the supported tickmarks configuration of the `igBulletGraph` control. -- [Scale Labeling Settings]({environment:SamplesUrl}/bullet-graph/scale-labeling-settings): This sample demonstrates the supported scale labeling configurations of the `igBulletGraph` control. +- [Scale Labeling Settings](\{environment:SamplesUrl\}/bullet-graph/scale-labeling-settings): This sample demonstrates the supported scale labeling configurations of the `igBulletGraph` control. diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-background.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-background.mdx index e6f5afb5ba..615a24ee5b 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-background.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-background.mdx @@ -2,6 +2,9 @@ title: "Configuring the Background (igBulletGraph)" slug: igbulletgraph-configuring-the-background --- + +# Configuring the Background (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Background (igBulletGraph) diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-comparative-marker.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-comparative-marker.mdx index ab57520e97..dad9ffc95b 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-comparative-marker.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-comparative-marker.mdx @@ -2,6 +2,9 @@ title: "Configuring the Comparative Marker (igBulletGraph)" slug: igbulletgraph-configuring-the-comparative-marker --- + +# Configuring the Comparative Marker (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Comparative Marker (igBulletGraph) @@ -241,9 +244,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Performance Bar Settings]({environment:SamplesUrl}/bullet-graph/performance-bar-settings): This sample demonstrates configuring the performance (actual value) bar, the comparative measure (target value) marker, and the dimension of the scale of the `igBulletGraph` control. +- [Performance Bar Settings](\{environment:SamplesUrl\}/bullet-graph/performance-bar-settings): This sample demonstrates configuring the performance (actual value) bar, the comparative measure (target value) marker, and the dimension of the scale of the `igBulletGraph` control. -- [Basic Configuration]({environment:SamplesUrl}/bullet-graph/basic-configuration): This sample demonstrates a simple configuration of the `igBulletGraph` control. +- [Basic Configuration](\{environment:SamplesUrl\}/bullet-graph/basic-configuration): This sample demonstrates a simple configuration of the `igBulletGraph` control. diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-performance-bar.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-performance-bar.mdx index 6940de5d6f..ef82fcd1b1 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-performance-bar.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-performance-bar.mdx @@ -2,6 +2,9 @@ title: "Configuring the Performance Bar (igBulletGraph)" slug: igbulletgraph-configuring-the-performance-bar --- + +# Configuring the Performance Bar (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Performance Bar (igBulletGraph) @@ -233,7 +236,7 @@ This topic explains, with code examples, how to configure the comparative measur The following samples provide additional information related to this topic. -- [Performance Bar Settings]({environment:SamplesUrl}/bullet-graph/performance-bar-settings): This sample demonstrates configuring the performance (actual value) bar, the comparative measure (target value) marker, and the dimension of the scale of the `igBulletGraph` control. +- [Performance Bar Settings](\{environment:SamplesUrl\}/bullet-graph/performance-bar-settings): This sample demonstrates configuring the performance (actual value) bar, the comparative measure (target value) marker, and the dimension of the scale of the `igBulletGraph` control. diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-tooltips.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-tooltips.mdx index 31f137fcb5..22992804b9 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-tooltips.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-tooltips.mdx @@ -2,6 +2,9 @@ title: "Configuring the Tooltips (igBulletGraph)" slug: igbulletgraph-configuring-the-tooltips --- + +# Configuring the Tooltips (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Tooltips (igBulletGraph) @@ -372,7 +375,7 @@ While the first `igBulletGraph` used for visualizing the Development Task and ha In the sample's context, even though these tasks are executed simultaneously at the course of three weeks, initially more time has been spent on development. This is demonstrated by the progress bars’ placement amongst the three different ranges (“Low, “Medium” and “High”), that represent the level of confidence for delivering the needed results. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/bullet-graph/tooltip-settings]({environment:SamplesEmbedUrl}/bullet-graph/tooltip-settings) + [\{environment:SamplesEmbedUrl\}/bullet-graph/tooltip-settings](\{environment:SamplesEmbedUrl\}/bullet-graph/tooltip-settings) </div> ## <a id="related-content"></a> Related Content diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-visual-elements.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-visual-elements.mdx index 0c645e976d..d701d48cac 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-visual-elements.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/elements/the-visual-elements.mdx @@ -6,7 +6,6 @@ slug: igbulletgraph-configuring-the-visual-elements # Configuring the Visual Elements (igBulletGraph) - ## In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/the-orientation-and-direction.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/the-orientation-and-direction.mdx index d0b603a413..afba1bae0d 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/the-orientation-and-direction.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/configuring/the-orientation-and-direction.mdx @@ -2,6 +2,9 @@ title: "Configuring the Orientation and Direction (igBulletGraph)" slug: igbulletgraph-configuring-the-orientation-and-direction --- + +# Configuring the Orientation and Direction (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Orientation and Direction (igBulletGraph) @@ -198,7 +201,7 @@ $('#igBulletGraph').igBulletGraph({ The following samples provide additional information related to this topic. -- [Vertical Orientation]({environment:SamplesUrl}/bullet-graph/vertical-orientation): This sample demonstrates how to change the orientation of the bullet graph and how to invert the scale. +- [Vertical Orientation](\{environment:SamplesUrl\}/bullet-graph/vertical-orientation): This sample demonstrates how to change the orientation of the bullet graph and how to invert the scale. diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/igbulletgraph.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/igbulletgraph.mdx index a3737e6caa..da3017b809 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/igbulletgraph.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/igbulletgraph.mdx @@ -9,7 +9,7 @@ slug: igbulletgraph The topics in this group cover the `igBulletGraph`™ control and its use. -The `igBulletGraph` control is an {environment:ProductName}™ control which allows for visualizing data in the form of a bullet graph. Linear by design, it provides a simple and concise view of a primary measure or measures compared against a scale and, optionally, some other measure. +The `igBulletGraph` control is an \{environment:ProductName\}™ control which allows for visualizing data in the form of a bullet graph. Linear by design, it provides a simple and concise view of a primary measure or measures compared against a scale and, optionally, some other measure. ![](images/igBulletGraph.png) diff --git a/docs/jquery/src/content/en/topics/controls/igbulletgraph/overview.mdx b/docs/jquery/src/content/en/topics/controls/igbulletgraph/overview.mdx index 8bcd8e35b4..66caa5c135 100644 --- a/docs/jquery/src/content/en/topics/controls/igbulletgraph/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igbulletgraph/overview.mdx @@ -2,6 +2,9 @@ title: "igBulletGraph Overview" slug: igbulletgraph-overview --- + +# igBulletGraph Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igBulletGraph Overview @@ -50,7 +53,7 @@ This topic contains the following sections: #### <a id="summary"></a>igBulletGraph summary -The `igBulletGraph` control is an **{environment:ProductName}**™ control which allows for visualizing data in the form of a bullet graph. Linear by design, it provides a simple and concise view of a primary measure or measures compared against a scale and, optionally, some other measure. +The `igBulletGraph` control is an **\{environment:ProductName\}**™ control which allows for visualizing data in the form of a bullet graph. Linear by design, it provides a simple and concise view of a primary measure or measures compared against a scale and, optionally, some other measure. ![](images/igBulletGraph.png) @@ -71,7 +74,7 @@ Each of the [visual elements](./00_igBulletGraph_Overview.mdx#configurable-visua ### Animated transitions -The igBulletGraph control provides built-in support for animation by its <ApiLink type="igBulletGraph" label="transitionDuration" /> property. The animation effect occurs on loading the control as well as when the value of any of its properties is changed. By default, animated transitions are disabled. Providing a value in milliseconds for the transitionDuration property of the control determines the timeframe for swiping the control into view by smoothly visualizing all its visual elements through a slide effect (from bottom-left to top-right). Setting the value to 0 disables the animated transition. For a sample, demonstrating the animation transition effect, see the [Animated Transitions]({environment:SamplesUrl}/bullet-graph/animated-transitions) sample. +The igBulletGraph control provides built-in support for animation by its <ApiLink type="igBulletGraph" label="transitionDuration" /> property. The animation effect occurs on loading the control as well as when the value of any of its properties is changed. By default, animated transitions are disabled. Providing a value in milliseconds for the transitionDuration property of the control determines the timeframe for swiping the control into view by smoothly visualizing all its visual elements through a slide effect (from bottom-left to top-right). Setting the value to 0 disables the animated transition. For a sample, demonstrating the animation transition effect, see the [Animated Transitions](\{environment:SamplesUrl\}/bullet-graph/animated-transitions) sample. ### Support for tooltips @@ -589,7 +592,7 @@ The following picture demonstrates a `igBulletGraph` displayed with default sett ## <a id="requirements"></a>Requirements -The `igBulletGraph` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. References to these resources are needed nevertheless, in spite of the use of pure jQuery or {environment:ProductNameMVC}. The *Infragistics.Web.Mvc* assembly is required when the control is used in the context of ASP.NET MVC. +The `igBulletGraph` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. References to these resources are needed nevertheless, in spite of the use of pure jQuery or \{environment:ProductNameMVC\}. The *Infragistics.Web.Mvc* assembly is required when the control is used in the context of ASP.NET MVC. In order for the bullet graph to display the performance value(s), the <ApiLink type="igBulletGraph" member="targetValue" section="options" label="targetValue" /> property has to be set. @@ -616,9 +619,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Configuration]({environment:SamplesUrl}/bullet-graph/basic-configuration): This sample demonstrates a simple configuration of the igBulletGraph control. +- [Basic Configuration](\{environment:SamplesUrl\}/bullet-graph/basic-configuration): This sample demonstrates a simple configuration of the igBulletGraph control. -- [Animated Transitions]({environment:SamplesUrl}/bullet-graph/animated-transitions): This sample demonstrates animated transitions between different sets of settings in the igBulletGraph control. +- [Animated Transitions](\{environment:SamplesUrl\}/bullet-graph/animated-transitions): This sample demonstrates animated transitions between different sets of settings in the igBulletGraph control. ### <a id="related-resource"></a>Resource diff --git a/docs/jquery/src/content/en/topics/controls/igcategorychart/annotations-and-interactions/datatooltip.mdx b/docs/jquery/src/content/en/topics/controls/igcategorychart/annotations-and-interactions/datatooltip.mdx index 6ac20acf7c..9f8d970bbd 100644 --- a/docs/jquery/src/content/en/topics/controls/igcategorychart/annotations-and-interactions/datatooltip.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcategorychart/annotations-and-interactions/datatooltip.mdx @@ -1,6 +1,7 @@ --- title: "Chart Data Tooltip" --- + # Chart Data Tooltip In {ProductName}, the data tooltip of the `igCategoryChart` displays values and titles of series as well as legend badges of series in a tooltip. In addition, it provides many configuration properties of the `igDataLegend` for filtering series rows and values columns, styling, and formatting values. This tooltip type updates while moving the mouse inside of the plot area of the `igCategoryChart`. diff --git a/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/axis-labels.mdx b/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/axis-labels.mdx index baaeaebf5a..1732a941c0 100644 --- a/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/axis-labels.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/axis-labels.mdx @@ -3,7 +3,7 @@ title: "Configuring Axis Label" slug: igcategorychart-axis-label --- -# Configuring Axis Label +# Configuring Axis Label The igCategoryChart control allows you full control over configuring, formatting and styling the labels displayed on your chart. By default, you do not need to explicitly set the labels. The Category Chart will use the first appropriate string property that it finds within the data you provided and will use that for the labels. diff --git a/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/categorychart-axes.mdx b/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/categorychart-axes.mdx index ad7d5c4beb..26b399d2e9 100644 --- a/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/categorychart-axes.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/categorychart-axes.mdx @@ -5,7 +5,6 @@ slug: categorychart-axes # Axes - In the igCategoryChart control, an Axis provides base properties for specifying appearance of axis main lines, gridlines, tickmarks, titles, stripes, and axis labels. diff --git a/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/categorychart-configuring-axis-titles.mdx b/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/categorychart-configuring-axis-titles.mdx index f5aef96088..3de4ced8be 100644 --- a/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/categorychart-configuring-axis-titles.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcategorychart/axes/categorychart-configuring-axis-titles.mdx @@ -4,6 +4,7 @@ slug: categorychart-configuring-axis-titles --- # Axis Titles + The axis title feature of the igCategoryChart control allows you to add contextual information to the x and y axes of the chart. ### In this topic diff --git a/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-accessibility-compliance.mdx index 65235cada9..497d51b524 100644 --- a/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-accessibility-compliance.mdx @@ -5,7 +5,6 @@ slug: igcategorychart-accessibility-compliance # Accessibility Compliance (igCategoryChart) - ##Topic Overview @@ -28,7 +27,7 @@ The following topics are prerequisite to understanding this topic: ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igCategoryChart` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igCategoryChart` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. @@ -55,4 +54,4 @@ The following table summarizes the accessibility compliance features of the igCa The following topic provide additional information related to this topic. -- [**Accessibility Compliance**](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all {environment:ProductName} controls. \ No newline at end of file +- [**Accessibility Compliance**](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all \{environment:ProductName\} controls. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-api-overivew.mdx b/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-api-overivew.mdx index 9642549d01..be3710db41 100644 --- a/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-api-overivew.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-api-overivew.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Reference Links (igCategoryChart)" slug: categorychart-api-overview --- + +# jQuery and MVC API Reference Links (igCategoryChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Reference Links (igCategoryChart) @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## Topic Overview ### Purpose -This topic provides links to the API documentation for jQuery and {environment:ProductNameMVC} class for `igCategoryChart`™ control. +This topic provides links to the API documentation for jQuery and \{environment:ProductNameMVC\} class for `igCategoryChart`™ control. ### Required Background @@ -25,7 +28,7 @@ The following topics are prerequisite to understanding this topic: ### Introduction -The `igCategoryChart` is built as a jQuery UI widget with an accompanying {environment:ProductNameMVC}. For more information about each API, follow the links to the API documentation given below. +The `igCategoryChart` is built as a jQuery UI widget with an accompanying \{environment:ProductNameMVC\}. For more information about each API, follow the links to the API documentation given below. ### API documents reference summary diff --git a/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-datalegend.mdx b/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-datalegend.mdx index d0343d9991..dfa92d4064 100644 --- a/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-datalegend.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-datalegend.mdx @@ -1,6 +1,7 @@ --- title: "Data Legend" --- + # Data Legend The `igDataLegend` is a component that works much like the `Legend`, but it shows values of series and provides many configuration properties for filtering series rows and values columns, styling and formatting values. This legend updates when moving the mouse inside of the plot area of the `igCategoryChart` and has a persistent state that remembers the last hovered point when the user's mouse pointer exits the plot area. It displays this content using a set of three type of rows and four types of columns. diff --git a/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-overview.mdx b/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-overview.mdx index 14b01537fa..11231a6889 100644 --- a/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-overview.mdx @@ -3,7 +3,7 @@ title: "Overview" slug: categorychart-overview --- -# Overview +# Overview ### About igCategoryChart diff --git a/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-styling.mdx b/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-styling.mdx index b2b783cf52..296f0dcee2 100644 --- a/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-styling.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcategorychart/categorychart-styling.mdx @@ -5,7 +5,6 @@ slug: categorychart-styling # Styling igCategoryChart - ## Topic Overview @@ -22,7 +21,7 @@ This topic demonstrates how to apply styles and themes to the `igCategoryChart` **Topics** -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): General information and a procedure for updating styles and themes in {environment:ProductName}™ library. +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): General information and a procedure for updating styles and themes in \{environment:ProductName\}™ library. **External Resources** @@ -62,9 +61,9 @@ The `igCategoryChart` uses the jQuery UI CSS Framework for the purposes of apply To customize a theme, you can use the ThemeRoller tool. This jQuery UI tool facilitates the creation of custom themes that are compatible with the jQuery UI widgets. Many prebuilt themes are available for download and use in your website. The `igCategoryChart` control supports the use of ThemeRoller themes. -Detailed information for using themes with {environment:ProductName} library is available in the [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. +Detailed information for using themes with \{environment:ProductName\} library is available in the [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. -Note: The base theme of {environment:ProductName} is not necessary for charts and you may safely omit it on pages only containing charts. +Note: The base theme of \{environment:ProductName\} is not necessary for charts and you may safely omit it on pages only containing charts. ## <a id="themes-summary"></a>Themes Summary @@ -81,7 +80,7 @@ A summary of the `igCategoryChart` control’s available themes. <tr> <td>IG Theme</td> <td><p>Path: `{IG CSS root}/themes/Infragistics/`</p> <p>File: `infragistics.theme.css`</p></td> - <td>This theme defines general visual features for all {environment:ProductName} controls. Detailed information for using the IG theme is available in the <a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">Styling and Theming in {environment:ProductName}</a> topic.</td> + <td>This theme defines general visual features for all \{environment:ProductName\} controls. Detailed information for using the IG theme is available in the <a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">Styling and Theming in \{environment:ProductName\}</a> topic.</td> </tr> <tr> @@ -179,7 +178,7 @@ Demonstrate how to modify the default IG Chart styles with your preferred settin 1. <a id="copy-default-css"></a>Copy the default chart CSS file. - **Copy the CSS file, with the default chart styles (`infragistics.ui.chart.css`), from the {environment:ProductName} installation folder to the themes folder of your web site or application.** + **Copy the CSS file, with the default chart styles (`infragistics.ui.chart.css`), from the \{environment:ProductName\} installation folder to the themes folder of your web site or application.** For instance, if you have a folder `Content/themes` in your web site or application where keep the CSS files used by the application, then make a copy of the default chart CSS file mentioned above in `Content/themes/MyChartTheme/ig.ui.chart.custom.css`. diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/accessibility-compliance.mdx index 04b7a271ea..fe2734e039 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/accessibility-compliance.mdx @@ -5,14 +5,13 @@ slug: igcombo-accessibility-compliance # Accessibility Compliance (igCombo) - ##igCombo Accessibility Compliance ###Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/binding/cascading.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/binding/cascading.mdx index 1184dc8a69..f1a52daa7a 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/binding/cascading.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/binding/cascading.mdx @@ -5,7 +5,6 @@ slug: igcombo-cascading # Creating Cascading igCombos - ##Topic Overview @@ -225,7 +224,7 @@ The following is the full code that was created for this sample to demonstrate w The following samples provide additional information related to this topic. -- [Cascading Combo]({environment:SamplesUrl}/combo/cascading-combos): This sample demonstrates three cascading `igCombo` controls. +- [Cascading Combo](\{environment:SamplesUrl\}/combo/cascading-combos): This sample demonstrates three cascading `igCombo` controls. diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/binding/data-binding.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/binding/data-binding.mdx index 6bb2f2fe27..fd1623d3c2 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/binding/data-binding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/binding/data-binding.mdx @@ -5,7 +5,6 @@ slug: igcombo-data-binding # Binding igCombo to Data Overview - ## Topic Overview @@ -79,7 +78,7 @@ The following lists the supported data sources and some basic specifics for thei ## <a id="binding-to-data-sources"></a>Binding to data sources to overview -In most cases, you will use the `dataSource` or `dataSourceUrl` options of the `igCombo` to bind to data. This option provides your data to the `igDataSource` which can handle the various supported data formats. The one main exception to using this option is when the `igCombo` is instantiated using a SELECT element. The `igCombo` will inherit the data and options of its base SELECT element in this case. In ASP.NET MVC, supplying an `IQueryable<T>` to the {environment:ProductNameMVC} facilitates the serialization of the data from the server and passes it to the client with the View. Once the page is received by the browser, the `dataSource` option of the `igCombo` is set for client-side operation. +In most cases, you will use the `dataSource` or `dataSourceUrl` options of the `igCombo` to bind to data. This option provides your data to the `igDataSource` which can handle the various supported data formats. The one main exception to using this option is when the `igCombo` is instantiated using a SELECT element. The `igCombo` will inherit the data and options of its base SELECT element in this case. In ASP.NET MVC, supplying an `IQueryable<T>` to the \{environment:ProductNameMVC\} facilitates the serialization of the data from the server and passes it to the client with the View. Once the page is received by the browser, the `dataSource` option of the `igCombo` is set for client-side operation. ### Class diagram for binding to data sources @@ -249,7 +248,7 @@ Following is a conceptual overview of the process: **d. (ASP.NET MVC) Call DataBind() and Render().** - When instantiating the {environment:ProductNameMVC} `Combo`, call the DataBind method to bind to the data and call the Render method last after all other options have been configured. This is the method that renders the HTML and JavaScript necessary to instantiate the `igCombo` on the client + When instantiating the \{environment:ProductNameMVC\} `Combo`, call the DataBind method to bind to the data and call the Render method last after all other options have been configured. This is the method that renders the HTML and JavaScript necessary to instantiate the `igCombo` on the client **In ASPX:** @@ -272,7 +271,7 @@ Online Combo binding examples The combo easily binds to a JavaScript array or JSON data. This sample contains a basic example of client-side binding. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/combo/json-binding]({environment:SamplesEmbedUrl}/combo/json-binding) + [\{environment:SamplesEmbedUrl\}/combo/json-binding](\{environment:SamplesEmbedUrl\}/combo/json-binding) </div> ### <a id="html-binding"></a>HTML Binding @@ -280,14 +279,14 @@ The combo easily binds to a JavaScript array or JSON data. This sample contains igCombo can bind directly to an HTML SELECT element. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/combo/html-binding]({environment:SamplesEmbedUrl}/combo/html-binding) + [\{environment:SamplesEmbedUrl\}/combo/html-binding](\{environment:SamplesEmbedUrl\}/combo/html-binding) </div> ### <a id="xml-binding"></a>XML Binding igCombo supports binding to XML data. This sample shows a basic example of binding to an XML string. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/combo/xml-binding]({environment:SamplesEmbedUrl}/combo/xml-binding) + [\{environment:SamplesEmbedUrl\}/combo/xml-binding](\{environment:SamplesEmbedUrl\}/combo/xml-binding) </div> ## <a id="related-topics"></a>Related Topics diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/binding/to-data.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/binding/to-data.mdx index 570d01fa19..217f61ab15 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/binding/to-data.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/binding/to-data.mdx @@ -5,20 +5,19 @@ slug: igcombo-binding-to-data # Binding igCombo to Data - ##In This Group of Topics ### Introduction -The topics in this group explain how to bind {environment:ProductName}® combo control to data. +The topics in this group explain how to bind \{environment:ProductName\}® combo control to data. ### Topics - [Binding igCombo to Data Overview](/igcombo-data-binding.mdx): This topic discusses the different ways to data bind the `igCombo` control as well as other details related to data binding. -- [Binding Cascading igCombo Controls to Data](/igcombo-cascading.mdx): The topics in this group explain how to bind cascading {environment:ProductName} combo control to data. +- [Binding Cascading igCombo Controls to Data](/igcombo-cascading.mdx): The topics in this group explain how to bind cascading \{environment:ProductName\} combo control to data. diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/angularjs-support.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/angularjs-support.mdx index 6f33ab6fd1..d4e8f20520 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/angularjs-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/angularjs-support.mdx @@ -21,18 +21,18 @@ This topic contains the following sections: The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/combo/angular]({environment:SamplesEmbedUrl}/combo/angular) + [\{environment:SamplesEmbedUrl\}/combo/angular](\{environment:SamplesEmbedUrl\}/combo/angular) </div> ### <a id="Requirements"></a>Requirements In order to run this sample, you need to have: -- The required {environment:ProductName} JavaScript and CSS files -- The {environment:ProductFamilyName} AngularJS directives +- The required \{environment:ProductName\} JavaScript and CSS files +- The \{environment:ProductFamilyName\} AngularJS directives ### <a id="Details"></a>Details In the sample we have listed 20 products. Using the AngularJS ng-repeat we loop through the data source records and for each of these products we create an input and bind it to the ProductName. In this way when we edit something in the input, the change is immediately reflected in the data source. Above the product names there are two `igCombo` controls with similar options. They are bound to the data source with the products. Also they are bound to a value from the controller (combo.value1) which stores the selected product id. On the left side of the `igCombo` controls we have an input which is bound to the same value (combo.value1). We can edit the inputs holding the product names, select a value from any `igCombo` or edit the selected product id - the two-way binding will update the `igCombo` controls and the input with the corresponding values instantly. ### <a id="Related_Content"></a>Related Content The following topics provide additional information related to this topic: -- [Using {environment:ProductFamilyName} with AngularJS](../../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx) - This topic contains an overview using the {environment:ProductFamilyName} directives for AngularJS. -- [Conditional and Advanced Templating with AngularJS](../../../10_AngularJS Directives/01_Conditional_and_Advanced_Templating_with_AngularJS.mdx) - This topic explains how to use conditional templates and use advanced templating methods to customize controls created with the {environment:ProductFamilyName} directives for AngularJS. \ No newline at end of file +- [Using \{environment:ProductFamilyName\} with AngularJS](../../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx) - This topic contains an overview using the \{environment:ProductFamilyName\} directives for AngularJS. +- [Conditional and Advanced Templating with AngularJS](../../../10_AngularJS Directives/01_Conditional_and_Advanced_Templating_with_AngularJS.mdx) - This topic explains how to use conditional templates and use advanced templating methods to customize controls created with the \{environment:ProductFamilyName\} directives for AngularJS. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/asp-net-mvc.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/asp-net-mvc.mdx index 54e22e045d..d89d616f12 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/asp-net-mvc.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/asp-net-mvc.mdx @@ -10,11 +10,11 @@ This topic shows how to use the igCombo in a basic ASP.NET MVC scenario. ### Purpose -The {environment:ProductNameMVC} Combo is instantiated in a View. In addition, the `ComboDataSourceAction` attribute is used to process the remote request for the collection of employees as well as process the remote filtering parameters. Finally, you can see how the combo is used in a form to update a field in the model. +The \{environment:ProductNameMVC\} Combo is instantiated in a View. In addition, the `ComboDataSourceAction` attribute is used to process the remote request for the collection of employees as well as process the remote filtering parameters. Finally, you can see how the combo is used in a form to update a field in the model. #### Concepts -- Using {environment:ProductNameMVC} Combo +- Using \{environment:ProductNameMVC\} Combo ### In this topic @@ -41,7 +41,7 @@ The following screenshot is a preview of the final result. To complete the procedure, you need an ASP.NET MVC Project with the following: -- The required {environment:ProductName} JavaScript and CSS files +- The required \{environment:ProductName\} JavaScript and CSS files - The Infragistics.Web.Mvc.dll assembly referenced ### <a id="_Requirements_Overview"></a> Overview diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-auto-suggest.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-auto-suggest.mdx index 23235e2f2e..375365919e 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-auto-suggest.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-auto-suggest.mdx @@ -2,6 +2,9 @@ title: "Configuring Auto-Suggest (igCombo)" slug: igcombo-configure-auto-suggest --- + +# Configuring Auto-Suggest (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Auto-Suggest (igCombo) diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-remote-filtering.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-remote-filtering.mdx index b4d04d9d79..9a54cc45dc 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-remote-filtering.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-remote-filtering.mdx @@ -2,6 +2,9 @@ title: "Configuring Remote Filtering (igCombo)" slug: igcombo-configure-remote-filtering --- + +# Configuring Remote Filtering (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Remote Filtering (igCombo) @@ -63,7 +66,7 @@ The table below lists the configurable behaviors of the `igCombo` control. | Configurable behavior | Behavior details | Configuration properties | | --- | --- | --- | | Remote filtering with OData | OData provides a way to filter the combo when the data source has a very large amount of records. The igCombo control internally handles sending the proper requests for filtered results from the service. | <ApiLink type="igCombo" member="filteringType" section="options" label="filteringType" /><ApiLink type="igCombo" member="responseDataKey" section="options" label="responseDataKey" /> | -| Remote filtering with the ASP.NET MVC | The {environment:ProductNameMVC} Combo provides the API to setup server-side filtering when binding to collections of business objects. | <ApiLink type="igCombo" member="filteringType" section="options" label="filteringType" />ComboDataSourceAction<ApiLink type="igCombo" member="filterExprUrlKey" section="options" label="filterExprUrlKey" /> | +| Remote filtering with the ASP.NET MVC | The \{environment:ProductNameMVC\} Combo provides the API to setup server-side filtering when binding to collections of business objects. | <ApiLink type="igCombo" member="filteringType" section="options" label="filteringType" />ComboDataSourceAction<ApiLink type="igCombo" member="filterExprUrlKey" section="options" label="filterExprUrlKey" /> | ##<a id="odata_filtering"></a>Configure OData list filtering @@ -132,7 +135,7 @@ Following is a conceptual overview of the process: 2. Configure the data source - Set the dataSource option to the URL of the OData service. In the case of the {environment:ProductName} OData service, JSONP is used to avoid cross-domain restrictions of the browser. This is format is requested by passing a callback parameter in the OData request URI. + Set the dataSource option to the URL of the OData service. In the case of the \{environment:ProductName\} OData service, JSONP is used to avoid cross-domain restrictions of the browser. This is format is requested by passing a callback parameter in the OData request URI. **In HTML:** @@ -148,7 +151,7 @@ Following is a conceptual overview of the process: 3. Configure the response data key - The data is returned from OData in a specific schema. If you are accessing an OData v1 service, this key is typically ‘d’. The {environment:ProductName} service is OData v2 and the response key is ‘d.results’. + The data is returned from OData in a specific schema. If you are accessing an OData v1 service, this key is typically ‘d’. The \{environment:ProductName\} service is OData v2 and the response key is ‘d.results’. **In HTML:** @@ -232,9 +235,9 @@ $("#comboTarget").igCombo({ ###<a id="asp_details"></a>ASP.NET MVC list filtering configuration details -The {environment:ProductNameMVC} `Combo` primarily functions to render the necessary jQuery and HTML on the client while being able to configure the behaviors in C# or Visual Basic.NET. +The \{environment:ProductNameMVC\} `Combo` primarily functions to render the necessary jQuery and HTML on the client while being able to configure the behaviors in C# or Visual Basic.NET. -The other part of the {environment:ProductNameMVC} is to facilitate remote operations to the server. This is the case with `igCombo` control where you can decorate an `ActionResult` method with the `ComboDataSourceAction` attribute and the helper can facilitate the server-side querying of the data source and return the appropriate data to the client. +The other part of the \{environment:ProductNameMVC\} is to facilitate remote operations to the server. This is the case with `igCombo` control where you can decorate an `ActionResult` method with the `ComboDataSourceAction` attribute and the helper can facilitate the server-side querying of the data source and return the appropriate data to the client. ###<a id="asp_settings"></a>ASP.NET MVC list filtering configuration property settings @@ -244,7 +247,7 @@ The table below maps the desired configuration to property settings. The propert | In order to… | Use this property: | And set it to… | | --- | --- | --- | -| Configure remote filtering with the {environment:ProductNameMVC} helper | <ApiLink type="igCombo" member="dataSource" section="options" label="DataSource" />, <ApiLink type="igCombo" member="dataSourceUrl" section="options" label="DataSourceUrl" />, <ApiLink type="igCombo" member="filteringType" section="options" label="FilteringType" />, <ApiLink type="igCombo" member="filterExprUrlKey" section="options" label="FilterExprUrlKey" />, ComboDataSourceAction | IQueryable object, string URL to ComboDataSourceAction, remote, filter, Attribute used to decorate filtering request ActionResult method | +| Configure remote filtering with the \{environment:ProductNameMVC\} helper | <ApiLink type="igCombo" member="dataSource" section="options" label="DataSource" />, <ApiLink type="igCombo" member="dataSourceUrl" section="options" label="DataSourceUrl" />, <ApiLink type="igCombo" member="filteringType" section="options" label="FilteringType" />, <ApiLink type="igCombo" member="filterExprUrlKey" section="options" label="FilterExprUrlKey" />, ComboDataSourceAction | IQueryable object, string URL to ComboDataSourceAction, remote, filter, Attribute used to decorate filtering request ActionResult method | For detailed information about these properties, refer to their listing @@ -258,7 +261,7 @@ in the property reference section: #### Introduction -This example shows how to enable remote filtering with the {environment:ProductNameMVC}. In this configuration, and action method is defined for data filtering operations. The `igCombo` control is bound to data on the server and when a filtering operation occurs on the client, the request for filtered data is sent to the action method. +This example shows how to enable remote filtering with the \{environment:ProductNameMVC\}. In this configuration, and action method is defined for data filtering operations. The `igCombo` control is bound to data on the server and when a filtering operation occurs on the client, the request for filtered data is sent to the action method. #### Requirements @@ -266,7 +269,7 @@ To complete the procedure, you need the following: - an ASP.NET MVC application - `Infragistics.Web.Mvc.dll` assembly referenced in your project -- A `Combo` control bound to data through the {environment:ProductNameMVC} +- A `Combo` control bound to data through the \{environment:ProductNameMVC\} #### Overview diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-selection.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-selection.mdx index b6f81912d1..a9ed0f5953 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-selection.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configure-selection.mdx @@ -2,6 +2,9 @@ title: "Configuring Selection (igCombo)" slug: igcombo-configure-selection --- + +# Configuring Selection (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Selection (igCombo) diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configuring.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configuring.mdx index 860e0dd57b..f44c2d723e 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/configuring.mdx @@ -5,13 +5,12 @@ slug: igcombo-configuring # Configuring igCombo - ##In This Group of Topics ### Introduction -The topics in this group explain how to configure {environment:ProductName}® combo control. +The topics in this group explain how to configure \{environment:ProductName\}® combo control. ### Topics diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/grouping.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/grouping.mdx index 4efc2de5d4..8051d6432b 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/grouping.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/grouping.mdx @@ -2,6 +2,9 @@ title: "Configuring Grouping (igCombo)" slug: igCombo-grouping --- + +# Configuring Grouping (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Grouping (igCombo) @@ -72,4 +75,4 @@ $(".selector").igCombo({ ### Samples The following samples provide additional information related to this topic. -- [Grouping with header and footer templates]({environment:SamplesUrl}/combo/grouping):This sample demonstrates how grouping can be used with Header and Footer templates efficiently. +- [Grouping with header and footer templates](\{environment:SamplesUrl\}/combo/grouping):This sample demonstrates how grouping can be used with Header and Footer templates efficiently. diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/knockoutjs-support.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/knockoutjs-support.mdx index 0177b9a40b..101629e298 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/knockoutjs-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/knockoutjs-support.mdx @@ -2,6 +2,9 @@ title: "Configuring Knockout Support (igCombo)" slug: igcombo-knockoutjs-support --- + +# Configuring Knockout Support (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Knockout Support (igCombo) @@ -206,7 +209,7 @@ Using the Knockout [`disabled`](http://knockoutjs.com/documentation/disable-bind The following topics provide additional information related to this topic. -- [Knockout Support (Editors)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure {environment:ProductName} editor controls to bind to View-Model objects managed by the [Knockout library](http://knockoutjs.com/). +- [Knockout Support (Editors)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure \{environment:ProductName\} editor controls to bind to View-Model objects managed by the [Knockout library](http://knockoutjs.com/). - [Migrating to the New Combo](../02_igCombo_Migrating_To_The_New_Combo.mdx#ko_changes): This topic aims to help with migration from old combo to the new one. The document includes the changes in the Knockout integration of the igCombo. @@ -218,10 +221,10 @@ The following samples provide additional information related to this topic. - The sample below demonstrates how to bind igCombo to data managed by KO data bindings. Binding an array to combo's drop-down and model property to the combo selected items is implemented. <div class="embed-sample"> -   [{environment:SamplesEmbedUrl}/combo/bind-combo-with-ko]({environment:SamplesEmbedUrl}/combo/bind-combo-with-ko) +   [\{environment:SamplesEmbedUrl\}/combo/bind-combo-with-ko](\{environment:SamplesEmbedUrl\}/combo/bind-combo-with-ko) </div> ->**Note:** The Knockout extensions do not work with the {environment:ProductNameMVC}. +>**Note:** The Knockout extensions do not work with the \{environment:ProductNameMVC\}. ### <a id="resources"></a> Resources diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/load-on-demand.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/load-on-demand.mdx index a243c56efe..a5531a44f1 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/load-on-demand.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/load-on-demand.mdx @@ -2,6 +2,9 @@ title: "Configuring Load-on-Demand (igCombo)" slug: igcombo-load-on-demand --- + +# Configuring Load-on-Demand (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Load-on-Demand (igCombo) @@ -175,11 +178,11 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Load-on-Demand]({environment:SamplesUrl}/combo/load-on-demand):This sample demonstrates how to use the combo box load-on-demand and paging functionality using a remote OData data source. +- [Load-on-Demand](\{environment:SamplesUrl\}/combo/load-on-demand):This sample demonstrates how to use the combo box load-on-demand and paging functionality using a remote OData data source. -- [Virtualization]({environment:SamplesUrl}/combo/virtualization):This sample demonstrates how enabling UI virtualization allows the `igCombo` control to quickly and efficiently render large amounts of data in the combo. +- [Virtualization](\{environment:SamplesUrl\}/combo/virtualization):This sample demonstrates how enabling UI virtualization allows the `igCombo` control to quickly and efficiently render large amounts of data in the combo. -- [Filtering]({environment:SamplesUrl}/combo/filtering):This sample demonstrates how the dropdown list of the `igCombo` control can be filtered based off of the input value. The auto-suggest and auto-complete functionalities are also supported. +- [Filtering](\{environment:SamplesUrl\}/combo/filtering):This sample demonstrates how the dropdown list of the `igCombo` control can be filtered based off of the input value. The auto-suggest and auto-complete functionalities are also supported. diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/optimize-performance.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/optimize-performance.mdx index 9cfaf5fea8..95095d654b 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/optimize-performance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/optimize-performance.mdx @@ -2,6 +2,9 @@ title: "Optimizing Performance (igCombo)" slug: igcombo-optimize-performance --- + +# Optimizing Performance (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Optimizing Performance (igCombo) diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/typescript-support.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/typescript-support.mdx index f940c198ac..e4a03da8e0 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/configuring/typescript-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/configuring/typescript-support.mdx @@ -29,8 +29,8 @@ The following screenshot is a preview of the final result. ### <a id="Requirements"></a>Requirements In order to run this sample, you need to have: -- The required {environment:ProductName} JavaScript and CSS files -- The required {environment:ProductName} TypeScript definitions +- The required \{environment:ProductName\} JavaScript and CSS files +- The required \{environment:ProductName\} TypeScript definitions ### <a id="Overview"></a>Overview This topic takes you step-by-step toward creating a TypeScript class, data source and `igCombo`. @@ -138,4 +138,4 @@ $(function () { ### <a id="Related_Content"></a>Related Content The following topic provides additional information related to this topic: -- [Using {environment:ProductName} with TypeScript](Using-Ignite-UI-with-TypeScript.html) - This topic contains an overview for using the {environment:ProductName} type definitions for TypeScript. \ No newline at end of file +- [Using \{environment:ProductName\} with TypeScript](Using-Ignite-UI-with-TypeScript.html) - This topic contains an overview for using the \{environment:ProductName\} type definitions for TypeScript. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/getting-started.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/getting-started.mdx index 6ea1f2acf8..35407850c2 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/getting-started.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/getting-started.mdx @@ -5,7 +5,6 @@ slug: igcombo-getting-started # Adding igCombo - ##Topic Overview @@ -19,8 +18,8 @@ The `igCombo`™ can be configured to run using jQuery or ASP.NET MVC. This help You need to first read the following topics: -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) ##Create a basic igCombo implementation @@ -70,7 +69,7 @@ Following is a conceptual overview of the process: <div id="comboTarget"></div> ``` - Instantiate the `igCombo`. In jQuery, you can use the document ready JavaScript event to instantiate the combo. In ASP.NET MVC, use the {environment:ProductNameMVC} to bind to an `IQueryable` datasource. + Instantiate the `igCombo`. In jQuery, you can use the document ready JavaScript event to instantiate the combo. In ASP.NET MVC, use the \{environment:ProductNameMVC\} to bind to an `IQueryable` datasource. **In HTML:** @@ -165,7 +164,7 @@ Following is a conceptual overview of the process: **d. (ASP.NET MVC) Call Render().** - When instantiating the {environment:ProductNameMVC} `Combo`, call the Render method last after all other options have been configured. This is the method that renders the HTML and JavaScript necessary to instantiate the `igCombo` on the client + When instantiating the \{environment:ProductNameMVC\} `Combo`, call the Render method last after all other options have been configured. This is the method that renders the HTML and JavaScript necessary to instantiate the `igCombo` on the client **In ASPX:** @@ -218,7 +217,7 @@ The following table lists the code examples provided below. | --- | --- | | Example | Description | | Basic jQuery Implementation | Shows how to bind to data and set basic options in jQuery | -| Basic ASP.NET MVC Implementation | Shows how to bind to data and set basic options using the {environment:ProductNameMVC} | +| Basic ASP.NET MVC Implementation | Shows how to bind to data and set basic options using the \{environment:ProductNameMVC\} | ###Code Example: Basic jQuery implementation @@ -262,7 +261,7 @@ The code below demonstrates how to create and configure the `igCombo` control us ###Code Example: Basic ASP.NET MVC implementation -The code below demonstrates how to create and configure the {environment:ProductNameMVC} `Combo` control with the following parameters: +The code below demonstrates how to create and configure the \{environment:ProductNameMVC\} `Combo` control with the following parameters: | Property | Value | @@ -311,8 +310,8 @@ public class DefaultController : Controller{ Following are some other topics you may find useful. -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/igcombo.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/igcombo.mdx index 67cf83f166..6d28702d35 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/igcombo.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/igcombo.mdx @@ -5,7 +5,6 @@ slug: igcombo-igcombo # igCombo - ##Introduction diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/jquery-and-asp-net-mvc-helper-api-links.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/jquery-and-asp-net-mvc-helper-api-links.mdx index 7f7d8abfb5..6e1433f9d5 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/jquery-and-asp-net-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/jquery-and-asp-net-mvc-helper-api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igCombo)" slug: igcombo-jquery-and-asp-net-mvc-helper-api-links --- + +# jQuery and MVC API Links (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igCombo) diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/keyboard-navigation.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/keyboard-navigation.mdx index 55cadccdb3..a24b19562c 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/keyboard-navigation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "Keyboard Navigation (igCombo)" slug: igCombo-keyboard-navigation --- +# Keyboard Navigation (igCombo) + #Keyboard Navigation (igCombo) ##Topic overview diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/known-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/known-limitations.mdx index 15efb19d07..6890ca53bb 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/known-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/known-limitations.mdx @@ -6,7 +6,6 @@ slug: igcombo-known-limitations # Known Issues and Limitations (igCombo) - ##Known Issues and Limitations Summary diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/migrating-to-the-new-combo.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/migrating-to-the-new-combo.mdx index 2e02dd6e15..5089e806b6 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/migrating-to-the-new-combo.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/migrating-to-the-new-combo.mdx @@ -2,6 +2,9 @@ title: "Migrating to the new combo" slug: igcombo-migrating-to-the-new-combo --- + +# Migrating to the new combo + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating to the new combo @@ -56,7 +59,7 @@ dataBindOnOpen|Used to delay data binding to when the drop down is opened.|This text|Used to set custom text in combo input on initialization|This option is not supported. To set initial selection use option [initialSelectedItems](#initialSelectedItems). clearSelectionOnBlur|Used to preserve selected items on blur when the text input didn't match the selected items text.| This option is not supported. valueKeyType textKeyType|Used to specify the data type behind the value/text data|These options are not supported. The type of value and text fields from the data source will be used. -parentCombo cascadingDataSources parentComboKey|Used to setup cascading functionality|These options are not supported. Internal cascading functionality is no longer supported. It can be achieved through changing related combo data sources on current combo's selection changed event. [See sample]({environment:SamplesUrl}/combo/cascading-combos) +parentCombo cascadingDataSources parentComboKey|Used to setup cascading functionality|These options are not supported. Internal cascading functionality is no longer supported. It can be achieved through changing related combo data sources on current combo's selection changed event. [See sample](\{environment:SamplesUrl\}/combo/cascading-combos) *We tried hard to ensure behavioral parity between the old and new combo, but some things we could not complete for 15.1. If these behaviors are crucial to your solution, and you want to upgrade to 15.1, please contact us. diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/overview.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/overview.mdx index e26467eadd..ff166b314b 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/overview.mdx @@ -5,7 +5,6 @@ slug: igcombo-overview # igCombo Overview - ##Topic Overview @@ -36,11 +35,11 @@ The table below lists the required background you need for fully understanding t You need to first read the following topics: -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) - [igGrid/igDataSource Architecture Overview](/iggrid/igdatasource-architecture-overview.mdx), The Data Source Control section @@ -67,7 +66,7 @@ The table below briefly explains the main features of the `igCombo`. | Keyboard navigation | Users can easily and quickly navigate through items or change the selected/highlighted items thanks to the rich keyboard navigation that igCombo supports. | | Load-on-Demand | The igCombo control supports Load-on-Demand feature. Enabling Load-on-Demand significantly reduces the bandwidth and processing overhead on both the server and the client. | | Highlighting | When a user type a text in igCombo input the matching results in the dropdown items are displayed with a visual highlighting of the matching text. | -| {environment:ProductNameMVC} | You can use managed .NET code to configure the {environment:ProductNameMVC} Combo control. | +| \{environment:ProductNameMVC\} | You can use managed .NET code to configure the \{environment:ProductNameMVC\} Combo control. | ### Virtualization @@ -82,7 +81,7 @@ Virtualization allows the `igCombo` control to bind to hundreds of items while k #### Related Sample -- [igCombo Virtualization]({environment:SamplesUrl}/combo/virtualization) +- [igCombo Virtualization](\{environment:SamplesUrl\}/combo/virtualization) ### Auto-Complete @@ -120,7 +119,7 @@ The `igCombo` control supports single and multiple selection. With multiple sele #### Related Sample -- [igCombo Multiple selection]({environment:SamplesUrl}/combo/selection-and-checkboxes) +- [igCombo Multiple selection](\{environment:SamplesUrl\}/combo/selection-and-checkboxes) ### Load-on-Demand @@ -131,7 +130,7 @@ If Load-on-Demand is enabled, the user should first be able to see a scrollbar i #### Related Sample -- [Load-On-Demand]({environment:SamplesUrl}/combo/load-on-demand) +- [Load-On-Demand](\{environment:SamplesUrl\}/combo/load-on-demand) ### Keyboard navigation @@ -143,12 +142,12 @@ Experience by saving time and allowing the end-user to easily and quickly naviga #### Related Sample -- [Keyboard navigation]({environment:SamplesUrl}/combo/keyboard-navigation) +- [Keyboard navigation](\{environment:SamplesUrl\}/combo/keyboard-navigation) -### {environment:ProductNameMVC} +### \{environment:ProductNameMVC\} -You can use the ASP.NET MVC Helper to use managed code languages to configure the {environment:ProductNameMVC} `Combo` control. You can create re-usable Views or ViewModels in your ASP.NET MVC applications to interface with the combo. You can also bind to an IQueryable object in ASP.NET and the helper will generate the JSON data for the `igCombo` control to use on the client. +You can use the ASP.NET MVC Helper to use managed code languages to configure the \{environment:ProductNameMVC\} `Combo` control. You can create re-usable Views or ViewModels in your ASP.NET MVC applications to interface with the combo. You can also bind to an IQueryable object in ASP.NET and the helper will generate the JSON data for the `igCombo` control to use on the client. ### Related Topics @@ -159,7 +158,7 @@ You can use the ASP.NET MVC Helper to use managed code languages to configure th #### Related Sample -- [{environment:ProductNameMVC} Combo]({environment:SamplesUrl}/combo/aspnet-mvc-helper) +- [\{environment:ProductNameMVC\} Combo](\{environment:SamplesUrl\}/combo/aspnet-mvc-helper) ##<a id="minimum-requirements"></a>Minimum Requirements @@ -168,7 +167,7 @@ You can use the ASP.NET MVC Helper to use managed code languages to configure th ###Introduction -The `igCombo` control is a jQuery UI Widget and therefore is dependent upon the jQuery core and jQuery UI JavaScript libraries. In addition, there are several {environment:ProductName}™ JavaScript resources that the `igCombo` control uses for shared functionality and data binding. These JavaScript references are required whether the `igCombo` control is used in a pure JavaScript context or in ASP.NET MVC. When using the `igCombo` in ASP.NET MVC, the Infragistics.Web.Mvc assembly is required to configure the `igCombo` with .NET languages. +The `igCombo` control is a jQuery UI Widget and therefore is dependent upon the jQuery core and jQuery UI JavaScript libraries. In addition, there are several \{environment:ProductName\}™ JavaScript resources that the `igCombo` control uses for shared functionality and data binding. These JavaScript references are required whether the `igCombo` control is used in a pure JavaScript context or in ASP.NET MVC. When using the `igCombo` in ASP.NET MVC, the Infragistics.Web.Mvc assembly is required to configure the `igCombo` with .NET languages. ###Requirements @@ -178,12 +177,12 @@ The table below lists the requirements for the `igCombo` control. | Requirement | Description | | --- | --- | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName} is built on top of these frameworks: [jQuery](http://jquery.com) (The required jQuery version for igCombo is 1.8.3) [jQuery UI](http://jqueryui.com/) (The required jQuery UI version for igCombo is 1.9.2) | -| Shared {environment:ProductName} JavaScript resources | There are several shared JavaScript resources in {environment:ProductName} that most widgets use: infragistics.util.js infragistics.util.jquery.js | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\} is built on top of these frameworks: [jQuery](http://jquery.com) (The required jQuery version for igCombo is 1.8.3) [jQuery UI](http://jqueryui.com/) (The required jQuery UI version for igCombo is 1.9.2) | +| Shared \{environment:ProductName\} JavaScript resources | There are several shared JavaScript resources in \{environment:ProductName\} that most widgets use: infragistics.util.js infragistics.util.jquery.js | | igDataSource JavaScript Resources | The igCombo uses the igDataSource internally for data operations: infragistics.dataSource.js | | igTemplating JavaScript Resources | The igCombo uses the igTemplating internally for the rendering of items. infragistics.templating.js | | igCombo JavaScript resources | The JavaScript file for the igCombo widget: infragistics.ui.combo.js | -| IG Theme | This theme contains custom visual styles created especially for {environment:ProductName} | +| IG Theme | This theme contains custom visual styles created especially for \{environment:ProductName\} | | Base Theme | The base theme contains styles that primarily define the form and function for each widget. | @@ -217,7 +216,7 @@ The following table lists the supported data sources and some basic specifics fo ### Binding to data sources overview -In most cases, you will use the `dataSource` or `dataSourceUrl` options of the `igCombo` to bind to data. This option provides your data to the `igDataSource` which can handle the various data formats that are supported. The one main exception to using this option is when the `igCombo` is instantiated using a SELECT element. The `igCombo` inherits the data and options of its base SELECT element in this case. In ASP.NET MVC, supplying an IQueryable to the {environment:ProductNameMVC} Helper facilitates the serialization of the data from the server and passes it to the client with the View. Once the page is received by the browser, the `dataSource` option of the `igCombo` is set for client-side operation. +In most cases, you will use the `dataSource` or `dataSourceUrl` options of the `igCombo` to bind to data. This option provides your data to the `igDataSource` which can handle the various data formats that are supported. The one main exception to using this option is when the `igCombo` is instantiated using a SELECT element. The `igCombo` inherits the data and options of its base SELECT element in this case. In ASP.NET MVC, supplying an IQueryable to the \{environment:ProductNameMVC\} Helper facilitates the serialization of the data from the server and passes it to the client with the View. Once the page is received by the browser, the `dataSource` option of the `igCombo` is set for client-side operation. ##<a id="template-use-and-selection"></a>Template Use and Selection @@ -258,11 +257,11 @@ The table below maps some of your possible needs to the appropriate templates. Following are some other topics you may find useful. -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) - [igGrid/igDataSource Architecture Overview](/iggrid/igdatasource-architecture-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igcombo/using-themes.mdx b/docs/jquery/src/content/en/topics/controls/igcombo/using-themes.mdx index 215cc0866c..44c9df1c2f 100644 --- a/docs/jquery/src/content/en/topics/controls/igcombo/using-themes.mdx +++ b/docs/jquery/src/content/en/topics/controls/igcombo/using-themes.mdx @@ -5,7 +5,6 @@ slug: igcombo-using-themes # Styling igCombo - ##Using Themes @@ -20,7 +19,7 @@ To customize a theme, you can use ThemeRoller. ThemeRoller is a tool provided by The information you need to customize the jQuery UI theme for the `igCombo` is covered in the following topics: -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) ##Related Topics diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/accessibility-compliance.mdx index 71ffc5034a..e127897753 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/accessibility-compliance.mdx @@ -5,7 +5,6 @@ slug: igdatachart-accessibility-compliance # Accessibility Compliance (igDataChart) - ##Topic Overview @@ -28,7 +27,7 @@ The following topics are prerequisite to understanding this topic: ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igDataChart` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igDataChart` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. @@ -57,7 +56,7 @@ The following table summarizes the accessibility compliance features of the igDa The following topics provide additional information related to this topic. -- [**Accessibility Compliance**](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all {environment:ProductName} controls. +- [**Accessibility Compliance**](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all \{environment:ProductName\} controls. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/adding.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/adding.mdx index cc2e6f2da7..73be5a9ef3 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/adding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/adding.mdx @@ -5,7 +5,6 @@ slug: igdatachart-adding # Adding igDataChart - ## Topic Overview ### Purpose @@ -23,9 +22,9 @@ The following table lists the materials required as a prerequisite to understand **Topics** -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx): General information on the {environment:ProductName}™ library. +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx): General information on the \{environment:ProductName\}™ library. -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the {environment:ProductName} library. +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the \{environment:ProductName\} library. - [igDataChart Overview](/overview/igdatachart-overview.mdx): This topic provides conceptual information about the `igDataChart`™ control including its main features, minimum requirements for using charts and user functionality. @@ -90,13 +89,13 @@ The following steps demonstrate how to add an `igDataChart` control to a web pag Add the jQuery, jQueryUI and Modernizr JavaScript resources to a folder named `Scripts` in your web site or web application. - Add the {environment:ProductName} CSS files to a folder named `Content/ig` in your web site or web application (see the [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic for details). + Add the \{environment:ProductName\} CSS files to a folder named `Content/ig` in your web site or web application (see the [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic for details). - Add the {environment:ProductName} JavaScript files to a folder named `Scripts/ig` in your web site or web application (see the [Using JavaScript Resouces in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic for details). + Add the \{environment:ProductName\} JavaScript files to a folder named `Scripts/ig` in your web site or web application (see the [Using JavaScript Resouces in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic for details). <a id="use-igLoader-in-js"></a>**Use igLoader in JavaScript** - The `igLoader`™ control is the recommended way to load JavaScript and CSS resources required by the {environment:ProductName} library controls. First the `igLoader` script must be included in the page: + The `igLoader`™ control is the recommended way to load JavaScript and CSS resources required by the \{environment:ProductName\} library controls. First the `igLoader` script must be included in the page: **In HTML:** @@ -122,7 +121,7 @@ The following steps demonstrate how to add an `igDataChart` control to a web pag <a id="use-mvc-loader"></a>**Use MVC Loader** - The `Infragistics.Web.Mvc` assembly must be referenced in your ASP.NET MVC project and the corresponding namespace must be referenced in your view. For details, see [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) but for clarity the code to reference the namespace is given here. + The `Infragistics.Web.Mvc` assembly must be referenced in your ASP.NET MVC project and the corresponding namespace must be referenced in your view. For details, see [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) but for clarity the code to reference the namespace is given here. **In ASPX:** @@ -156,7 +155,7 @@ The following steps demonstrate how to add an `igDataChart` control to a web pag **ASP.NET Example** - For ASP.NET MVC no container elements are needed because {environment:ProductNameMVC} adds the required markup automatically. + For ASP.NET MVC no container elements are needed because \{environment:ProductNameMVC\} adds the required markup automatically. 3. Add data source. <a id="add-data-array"></a> @@ -252,7 +251,7 @@ The following steps demonstrate how to add an `igDataChart` control to a web pag **ASP.NET example** - The code below instantiates and sets the main features of the `igDataChart` using the {environment:ProductNameMVC} DataChart provided in the `Infragistics.Web.Mvc` assembly. The data model is associated with the control with the DataChart(Model) call and the rest of the calls act similarly to the HTML example. + The code below instantiates and sets the main features of the `igDataChart` using the \{environment:ProductNameMVC\} DataChart provided in the `Infragistics.Web.Mvc` assembly. The data model is associated with the control with the DataChart(Model) call and the rest of the calls act similarly to the HTML example. **In ASPX:** @@ -469,7 +468,7 @@ The following topics provide additional information related to this topic. - [Binding igDataChart to Data](/igdatachart-databinding.mdx): Shows how to bind data from various data sources to a chart control. This includes JavaScript arrays, JSON, WCF service. Shows how a big volume of data can be data bound to a chart control. -- [jQuery and MVC API Reference Links (igDataChart)](/igdatachart-api-links.mdx): References to the jQuery API reference of `igDataChart` and contains a reference table with all {environment:ProductNameMVC} properties with code snippets. +- [jQuery and MVC API Reference Links (igDataChart)](/igdatachart-api-links.mdx): References to the jQuery API reference of `igDataChart` and contains a reference table with all \{environment:ProductNameMVC\} properties with code snippets. - [Styling igDataChart](/styling/igdatachart-styling-themes.mdx): Demonstrates how to use the `igDataChart`™ control to apply styles and themes. @@ -479,9 +478,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Bar and Column Series]({environment:SamplesUrl}/data-chart/bar-and-column-series): Demonstrates how bar and column charts can be implemented using the `igDataChart` control. +- [Bar and Column Series](\{environment:SamplesUrl\}/data-chart/bar-and-column-series): Demonstrates how bar and column charts can be implemented using the `igDataChart` control. -- [Composite Chart]({environment:SamplesUrl}/data-chart/composite-chart): This sample demonstrates how to configure a composite chart with two Y-axes with different range and two different data series types: column and line series. +- [Composite Chart](\{environment:SamplesUrl\}/data-chart/composite-chart): This sample demonstrates how to configure a composite chart with two Y-axes with different range and two different data series types: column and line series. ###<a id="resources"></a> Resources diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/api-links.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/api-links.mdx index 7fb27e94f7..b37c1657a2 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Reference Links (igDataChart)" slug: igdatachart-api-links --- + +# jQuery and MVC API Reference Links (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Reference Links (igDataChart) @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ##Topic Overview ### Purpose -This topic provides links to the API documentation for jQuery and {environment:ProductNameMVC} class for `igDataChart`™ control. +This topic provides links to the API documentation for jQuery and \{environment:ProductNameMVC\} class for `igDataChart`™ control. ### Required Background @@ -25,7 +28,7 @@ The following topics are prerequisite to understanding this topic: ### Introduction -The `igDataChart` is built as a jQuery UI widget with an accompanying {environment:ProductNameMVC}. For more information about each API, follow the links to the API documentation given below. +The `igDataChart` is built as a jQuery UI widget with an accompanying \{environment:ProductNameMVC\}. For more information about each API, follow the links to the API documentation given below. ### API documents reference summary diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/charts-in-aspnet-mvc.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/charts-in-aspnet-mvc.mdx index 1306748706..39b80512a0 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/charts-in-aspnet-mvc.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/charts-in-aspnet-mvc.mdx @@ -5,7 +5,6 @@ slug: animating-charts-in-asp.net-mvc # Animating Charts in ASP.NET MVC(igDataChart) - ##Topic Overview @@ -298,7 +297,7 @@ Step-by-step instructions for creating a simple web page with an animated column The following topics provide additional information related to this topic. -- [Animating Charts in HTML and JavaScript](/igdatachart-animating-html.mdx) : Demonstrates how to: create an HTML view; use JavaScript to add data dynamically to a column chart; and animate data changes using the Motion Framework for charts in the {environment:ProductName} library. +- [Animating Charts in HTML and JavaScript](/igdatachart-animating-html.mdx) : Demonstrates how to: create an HTML view; use JavaScript to add data dynamically to a column chart; and animate data changes using the Motion Framework for charts in the \{environment:ProductName\} library. ###<a id="samples"></a> Samples diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/charts.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/charts.mdx index 24157471d8..1d84e6ecde 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/charts.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/charts.mdx @@ -5,11 +5,10 @@ slug: igdatachart-animating-charts # Animating Charts (Motion Framework for Charts) - ##Topic overview ### Introduction -The Infragistics® Motion Framework™ is a framework for animating data changes in {environment:ProductName}™ chart controls. +The Infragistics® Motion Framework™ is a framework for animating data changes in \{environment:ProductName\}™ chart controls. ### Topics diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/html.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/html.mdx index 026f99d23c..639b5cd176 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/html.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/html.mdx @@ -5,13 +5,12 @@ slug: igdatachart-animating-html # Animating Charts in HTML and JavaScript (igDataChart) - ##Topic Overview ### Purpose -This topic explains how to create an HTML view and use JavaScript to add data dynamically to a column chart and use the Motion Framework for charts in the {environment:ProductName} library to animate data changes. +This topic explains how to create an HTML view and use JavaScript to add data dynamically to a column chart and use the Motion Framework for charts in the \{environment:ProductName\} library to animate data changes. ### Required background @@ -239,7 +238,7 @@ You can experiment by creating a different kind of change in the data source lik The following topics provide additional information related to this topic. -- [Animating Charts in ASP.NET MVC(igDataChart)](./02_Animating Charts in ASP.NET MVC.mdx): This topic explains how to create an MVC view and use jQuery to add data dynamically to a column chart by an AJAX POST request and use the Motion Framework for charts in the {environment:ProductName} library to animate data changes. +- [Animating Charts in ASP.NET MVC(igDataChart)](./02_Animating Charts in ASP.NET MVC.mdx): This topic explains how to create an MVC view and use jQuery to add data dynamically to a column chart by an AJAX POST request and use the Motion Framework for charts in the \{environment:ProductName\} library to animate data changes. ###<a id="samples"></a> Samples diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/motion-framework.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/motion-framework.mdx index 39cd8bdf16..45b1ac3e38 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/motion-framework.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/animating/motion-framework.mdx @@ -2,6 +2,9 @@ title: "Infragistics Motion Framework for Charts Overview (igDataChart)" slug: igdatachart-motion-framework --- + +# Infragistics Motion Framework for Charts Overview (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Infragistics Motion Framework for Charts Overview (igDataChart) @@ -33,7 +36,7 @@ The Infragistics Motion Framework tells the story of your data in a way that all Motion Framework works on the principle that data is being fed, either continually or in batches, to a chart control that invokes the appropriate API method whenever data changes to render a fully customizable animated visual representation of your data. -The Motion Framework allows developers using the {environment:ProductName} chart controls, to increase the visual appeal of, and imply trends or other meaning behind the data. +The Motion Framework allows developers using the \{environment:ProductName\} chart controls, to increase the visual appeal of, and imply trends or other meaning behind the data. ##Chart Animation Configuration Summary @@ -62,7 +65,7 @@ A catalog of the Infragistics Motion Network supported configurable chart animat The following sample demonstrates how to use the Motion Framework™ with igDataChart to build highly engaging visualizations and provide smooth playback of changes in data over time. <div class="embed-sample"> - [Motion Framework]({environment:SamplesEmbedUrl}/data-chart/motion-framework) + [Motion Framework](\{environment:SamplesEmbedUrl\}/data-chart/motion-framework) </div> diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/axis-intervals.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/axis-intervals.mdx index 10ed68d9e1..d7786eac98 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/axis-intervals.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/axis-intervals.mdx @@ -5,7 +5,6 @@ slug: igdatachart-configuring-axis-intervals # Configuring Axis Intervals (igDataChart) - ##Topic Overview @@ -47,7 +46,7 @@ The Major and Minor intervals feature of the `igDataChart` control allows you to The following example is configurable `igDataChart` control, using NumericX and Y axes, where the following options can be set - Interval, MinorInterval, MajorStroke and MinorStroke. <div class="embed-sample"> - [NumericXAxis Intervals]({environment:SamplesEmbedUrl}/data-chart/numeric-xaxis-intervals) + [NumericXAxis Intervals](\{environment:SamplesEmbedUrl\}/data-chart/numeric-xaxis-intervals) ![](images/jQuery_AxisIntervals_NumericXY_01.png) </div> @@ -145,7 +144,7 @@ This sample illustrates how the `igDataChart` control, with the axis major and m will be displayed as a result of the usage of the following settings - MinorInterval, MinorStroke, MinorStrokeThickness, Interval, MajorStroke and MajorStrokeThickness. <div class="embed-sample"> - [CategoryXAxis Intervals]({environment:SamplesEmbedUrl}/data-chart/category-xaxis-intervals) + [CategoryXAxis Intervals](\{environment:SamplesEmbedUrl\}/data-chart/category-xaxis-intervals) ![](images/jquery_axisintervals_categoryx_01.png) </div> diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/axis-title.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/axis-title.mdx index 3cad12eb58..1d557794e8 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/axis-title.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/axis-title.mdx @@ -5,7 +5,6 @@ slug: igdatachart-axis-title # Configuring the Axis Title (igDataChart) - ##Topic Overview @@ -116,7 +115,7 @@ The following topic provides additional information related to this topic: The following sample provides additional information related to this topic. -- [Axis Title]({environment:SamplesUrl}/data-chart/axis-title) : The axis title feature of the `igDataChart` control allows you to add information about the chart’s axis. +- [Axis Title](\{environment:SamplesUrl\}/data-chart/axis-title) : The axis title feature of the `igDataChart` control allows you to add information about the chart’s axis. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/chart-titles-and-subtitles.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/chart-titles-and-subtitles.mdx index 031851be9e..b5cc5ee551 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/chart-titles-and-subtitles.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/chart-titles-and-subtitles.mdx @@ -5,7 +5,6 @@ slug: igdatachart-chart-titles-and-subtitles # Configuring the Chart Title and Subtitle (igDataChart) - ##Topic Overview @@ -90,7 +89,7 @@ Following are a chart title settings' table and an example that implements this <div class="embed-sample"> - [Chart Title and Subtitle]({environment:SamplesEmbedUrl}/data-chart/chart-title) + [Chart Title and Subtitle](\{environment:SamplesEmbedUrl\}/data-chart/chart-title) ![](images/igDataChart_Chart_Title_02.png) </div> diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/configuring.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/configuring.mdx index 850bbe83b4..10d6a34e31 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/configuring.mdx @@ -5,7 +5,6 @@ slug: igdatachart-configuring # Configuring igDataChart - ##In This Group of Topics @@ -16,7 +15,7 @@ This is a group of topics explaining how to configure the various aspects of the ### Topics -- [Animating Charts (Motion Framework for Charts)](/animating/igdatachart-animating-charts.mdx): The Infragistics® Motion Framework™ is a framework for animating data changes in {environment:ProductName}™ chart controls. +- [Animating Charts (Motion Framework for Charts)](/animating/igdatachart-animating-charts.mdx): The Infragistics® Motion Framework™ is a framework for animating data changes in \{environment:ProductName\}™ chart controls. - [Configuring the Navigation Features (igDataChart)](/igdatachart-configuring-navigation-features.mdx): This topic explains, with code examples, how to configure navigation features of the `igDataChart`™ control and how to use its API to define the position and size of the visible portion of the chart. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/datalegend.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/datalegend.mdx index 7227d53b54..cad12ae5bf 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/datalegend.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/datalegend.mdx @@ -1,6 +1,7 @@ --- title: "Chart Data Legend" --- + # Chart Data Legend The `igDataLegend` is a component that works much like the `Legend`, but it shows values of series and provides many configuration properties for filtering series rows and values columns, styling and formatting values. This legend updates when moving the mouse inside of the plot area of the `igDataChart` and has a persistent state that remembers the last hovered point when the user's mouse pointer exits the plot area. It displays this content using a set of three type of rows and four types of columns. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/datatooltip.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/datatooltip.mdx index d0d7cf09d4..583508b550 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/datatooltip.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/datatooltip.mdx @@ -1,6 +1,7 @@ --- title: "Chart Data Tooltip" --- + # Chart Data Tooltip The `DataToolTipLayer` displays values and titles of series as well as legend badges of series in a tooltip. In addition, it provides many configuration properties of the `igDataLegend` for filtering series rows and values columns, styling, and formatting values. This tooltip type updates while moving the mouse inside of the plot area of the `igCategoryChart`, `igFinancialChart`, and `igDataChart` components. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/callout-layer.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/callout-layer.mdx index e0157c65de..f1c51a4e77 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/callout-layer.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/callout-layer.mdx @@ -5,7 +5,6 @@ slug: hoverinteractions-callout-layer # Configuring the Callout Layer (igDataChart) - ## Topic Overview ### Purpose @@ -106,4 +105,4 @@ $(function () { The following samples provide additional information related to this topic. -- [Callouts Layers]({environment:SamplesUrl}/data-chart/callout-layer): This sample demonstrates using the Callout annotation layer in the `igDataChart` +- [Callouts Layers](\{environment:SamplesUrl\}/data-chart/callout-layer): This sample demonstrates using the Callout annotation layer in the `igDataChart` diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-highlight-layer.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-highlight-layer.mdx index cba038bb3a..7e75a7b1a4 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-highlight-layer.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-highlight-layer.mdx @@ -69,7 +69,7 @@ This sample demonstrates the Category Highlight Layer that targets a category ax The sample options pane allows you to edit the properties of the Category Highlight Layer, such as changing the color of the highlight, outline, thickness and more. <div class="embed-sample"> - [Category Highlight Layer]({environment:SamplesEmbedUrl}/data-chart/category-highlight-layer) + [Category Highlight Layer](\{environment:SamplesEmbedUrl\}/data-chart/category-highlight-layer) ![](images/jQuery_Category_Highlight_Layer_01.png) </div> @@ -101,7 +101,7 @@ The following samples provide additional information related to this topic. - [Hover Interactions – Crosshair Layer](./03_HoverInteractions_Crosshair_Layer.mdx#example): This sample demonstrates the Crosshair Layer that provides crossing lines that meet at the actual value of every series that they are targeting. The sample options pane allows you to edit the properties of the layer, such as changing the thickness of the crosshair. -- [Hover Interactions – Multiple Layers]({environment:SamplesUrl}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. +- [Hover Interactions – Multiple Layers](\{environment:SamplesUrl\}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-item-highlight-layer.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-item-highlight-layer.mdx index 94021b867b..26c93abb2d 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-item-highlight-layer.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-item-highlight-layer.mdx @@ -66,7 +66,7 @@ useInterpolation | bool | This property specifies if the highlight band should s This sample demonstrates the Category Item Highlight Layer that highlights items in a series that use a category axis either by drawing a banded shape at their position or by rendering a marker at their position.The sample options pane allows you to edit the properties of the Category Item Highlight Layer, such as changing the color of the highlight, outline, thickness and more. <div class="embed-sample"> - [Category Item Highlight Layer]({environment:SamplesEmbedUrl}/data-chart/category-item-highlight-layer) + [Category Item Highlight Layer](\{environment:SamplesEmbedUrl\}/data-chart/category-item-highlight-layer) ![](images/jQuery_Item_Highlight_Layer_01.png) </div> @@ -101,7 +101,7 @@ The following samples provide additional information related to this topic. - [Hover Interactions – Crosshair Layer](./03_HoverInteractions_Crosshair_Layer.mdx#example): This sample demonstrates the Crosshair Layer that provides crossing lines that meet at the actual value of every series that they are targeting. The sample options pane allows you to edit the properties of the layer, such as changing the thickness of the crosshair. -- [Hover Interactions – Multiple Layers]({environment:SamplesUrl}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. +- [Hover Interactions – Multiple Layers](\{environment:SamplesUrl\}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-tooltip-layer.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-tooltip-layer.mdx index 9dbf9dfc79..6a1ca26e88 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-tooltip-layer.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/category-tooltip-layer.mdx @@ -70,7 +70,7 @@ This sample demonstrates the Category Tooltip Layer that displays grouped toolti The sample options pane allows you to edit the properties of the layer, such as changing the position of the tooltip. <div class="embed-sample"> - [Category Tooltip Layer]({environment:SamplesEmbedUrl}/data-chart/category-tooltip-layer) + [Category Tooltip Layer](\{environment:SamplesEmbedUrl\}/data-chart/category-tooltip-layer) ![](images/jQuery_Category_Tooltip_Layer_01.png) </div> @@ -104,7 +104,7 @@ The following samples provide additional information related to this topic. - [Hover Interactions – Crosshair Layer](./03_HoverInteractions_Crosshair_Layer.mdx#example): This sample demonstrates the Crosshair Layer that provides crossing lines that meet at the actual value of every series that they are targeting. The sample options pane allows you to edit the properties of the layer, such as changing the thickness of the crosshair. -- [Hover Interactions – Multiple Layers]({environment:SamplesUrl}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. +- [Hover Interactions – Multiple Layers](\{environment:SamplesUrl\}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/common-properties.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/common-properties.mdx index ee2ee7eb55..75d6099b57 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/common-properties.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/common-properties.mdx @@ -137,14 +137,14 @@ Following is the code used in this implementation The following samples provide additional information related to this topic. -- [Hover Interactions – Category Highlight Layer]({environment:SamplesUrl}/data-chart/category-highlight-layer): This sample demonstrates the Category Highlight Layer that targets a category axis, or all category axes in the `igDataChart`™ control. The sample options pane allows you to edit the properties of the Category Highlight Layer, such as changing the color of the highlight, outline, thickness and more. +- [Hover Interactions – Category Highlight Layer](\{environment:SamplesUrl\}/data-chart/category-highlight-layer): This sample demonstrates the Category Highlight Layer that targets a category axis, or all category axes in the `igDataChart`™ control. The sample options pane allows you to edit the properties of the Category Highlight Layer, such as changing the color of the highlight, outline, thickness and more. -- [Hover Interactions – Category Item Highlight Layer]({environment:SamplesUrl}/data-chart/category-item-highlight-layer): This sample demonstrates the Category Item Highlight Layer that highlights items in a series that use a category axis either by drawing a banded shape at their position or by rendering a marker at their position.The sample options pane allows you to edit the properties of the Category Item Highlight Layer, such as changing the color of the highlight, outline, thickness and more. +- [Hover Interactions – Category Item Highlight Layer](\{environment:SamplesUrl\}/data-chart/category-item-highlight-layer): This sample demonstrates the Category Item Highlight Layer that highlights items in a series that use a category axis either by drawing a banded shape at their position or by rendering a marker at their position.The sample options pane allows you to edit the properties of the Category Item Highlight Layer, such as changing the color of the highlight, outline, thickness and more. -- [Hover Interactions – Category Tooltip Layer]({environment:SamplesUrl}/data-chart/category-tooltip-layer): This sample demonstrates the Category Tooltip Layer that displays grouped tooltips for series that use a category axis. The sample options pane allows you to edit the properties of the layer, such as changing the position of the tooltip. +- [Hover Interactions – Category Tooltip Layer](\{environment:SamplesUrl\}/data-chart/category-tooltip-layer): This sample demonstrates the Category Tooltip Layer that displays grouped tooltips for series that use a category axis. The sample options pane allows you to edit the properties of the layer, such as changing the position of the tooltip. -- [Hover Interactions – Crosshair Layer]({environment:SamplesUrl}/data-chart/crosshair-layer): This sample demonstrates the Crosshair Layer that provides crossing lines that meet at the actual value of every series that they are targeting. The sample options pane allows you to edit the properties of the layer, such as changing the thickness of the crosshair. +- [Hover Interactions – Crosshair Layer](\{environment:SamplesUrl\}/data-chart/crosshair-layer): This sample demonstrates the Crosshair Layer that provides crossing lines that meet at the actual value of every series that they are targeting. The sample options pane allows you to edit the properties of the layer, such as changing the thickness of the crosshair. -- [Hover Interactions – Item Tooltip Layer]({environment:SamplesUrl}/data-chart/item-tooltip-layer): This sample demonstrates the Item Tooltip Layer that displays tooltips for all target series individually. The sample options pane allows you to edit the properties of the layer, such as changing the transition duration. +- [Hover Interactions – Item Tooltip Layer](\{environment:SamplesUrl\}/data-chart/item-tooltip-layer): This sample demonstrates the Item Tooltip Layer that displays tooltips for all target series individually. The sample options pane allows you to edit the properties of the layer, such as changing the transition duration. -- [Hover Interactions – Multiple Layers]({environment:SamplesUrl}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. +- [Hover Interactions – Multiple Layers](\{environment:SamplesUrl\}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/crosshair-layer.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/crosshair-layer.mdx index 66ff2a4b0c..6091f4f35b 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/crosshair-layer.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/crosshair-layer.mdx @@ -5,7 +5,6 @@ slug: hoverinteractions-crosshair-layer # Configuring the Crosshair Layer (igDataChart) - ## Topic Overview ### Purpose @@ -88,7 +87,7 @@ This sample demonstrates the Crosshair Layer that provides crossing lines that m The sample options pane allows you to edit the properties of the layer, such as changing the thickness of the crosshair. <div class="embed-sample"> - [Crosshair Layer]({environment:SamplesEmbedUrl}/data-chart/crosshair-layer) + [Crosshair Layer](\{environment:SamplesEmbedUrl\}/data-chart/crosshair-layer) ![](images/jQuery_Crosshair_Layer_01.png) </div> @@ -122,7 +121,7 @@ The following samples provide additional information related to this topic. - [Hover Interactions – Item Tooltip Layer](./04_HoverInteractions_Item_Tooltip_Layer.mdx#example): This sample demonstrates the Item Tooltip Layer that displays tooltips for all target series individually. The sample options pane allows you to edit the properties of the layer, such as changing the transition duration. -- [Hover Interactions – Multiple Layers]({environment:SamplesUrl}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. +- [Hover Interactions – Multiple Layers](\{environment:SamplesUrl\}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/final-value-layer.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/final-value-layer.mdx index 4ce6a1f1c4..36d5328a6c 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/final-value-layer.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/final-value-layer.mdx @@ -5,7 +5,6 @@ slug: hoverinteractions-final-value-layer # Configuring the Final Value Layer (igDataChart) - ## Topic Overview ### Purpose @@ -87,4 +86,4 @@ $(function () { The following samples provide additional information related to this topic. -- [Hover Interactions – Multiple Layers]({environment:SamplesUrl}/data-chart/final-value-layer): This sample demonstrates using the Final Value annotation layer in the `igDataChart`. +- [Hover Interactions – Multiple Layers](\{environment:SamplesUrl\}/data-chart/final-value-layer): This sample demonstrates using the Final Value annotation layer in the `igDataChart`. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/item-tooltip-layer.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/item-tooltip-layer.mdx index 0c843c56e2..4b336b3157 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/item-tooltip-layer.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/hover-interactions/item-tooltip-layer.mdx @@ -5,7 +5,6 @@ slug: hoverinteractions-item-tooltip-layer # Configuring the Item Tooltip Layer (igDataChart) - ## Topic Overview ### Purpose @@ -70,7 +69,7 @@ This sample demonstrates the Item Tooltip Layer that displays tooltips for all t The sample options pane allows you to edit the properties of the layer, such as changing the transition duration. <div class="embed-sample"> - [Item Tooltip Layer]({environment:SamplesEmbedUrl}/data-chart/item-tooltip-layer) + [Item Tooltip Layer](\{environment:SamplesEmbedUrl\}/data-chart/item-tooltip-layer) ![](images/jQuery_Item_Tooltip_Layer_01.png) </div> @@ -104,4 +103,4 @@ The following samples provide additional information related to this topic. - [Hover Interactions – Crosshair Layer](./03_HoverInteractions_Crosshair_Layer.mdx#example): This sample demonstrates the Crosshair Layer that provides crossing lines that meet at the actual value of every series that they are targeting. The sample options pane allows you to edit the properties of the layer, such as changing the thickness of the crosshair. -- [Hover Interactions – Multiple Layers]({environment:SamplesUrl}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. \ No newline at end of file +- [Hover Interactions – Multiple Layers](\{environment:SamplesUrl\}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/igchart-transitions-in-animations.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/igchart-transitions-in-animations.mdx index 7dd4164248..58c5aa0c68 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/igchart-transitions-in-animations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/igchart-transitions-in-animations.mdx @@ -5,7 +5,6 @@ slug: igchart-transitions-in-animations # Transitions In Animations - ##Topic Overview @@ -45,7 +44,7 @@ This topic contains the following sections: ###<a id="overview"></a> Overview -This feature allows you to animate the series as it loads a new data source. The available animation differs depending on the type of series involved. For example, the `columnSeries` animates by rising from the x-axis, a `lineSeries` animates by drawing from the y-axis. Refer to the following sample to see how the different series animate visually, [Transition Animation]({environment:SamplesUrl}/data-chart/transition-animation) and [Transition Animation (Financial)](./08_igChart_Transitions_In_Animations.mdx#transition-example). +This feature allows you to animate the series as it loads a new data source. The available animation differs depending on the type of series involved. For example, the `columnSeries` animates by rising from the x-axis, a `lineSeries` animates by drawing from the y-axis. Refer to the following sample to see how the different series animate visually, [Transition Animation](\{environment:SamplesUrl\}/data-chart/transition-animation) and [Transition Animation (Financial)](./08_igChart_Transitions_In_Animations.mdx#transition-example). Enable animated transitions by setting the `isTransitionInEnabled` property to “`true`”. @@ -119,7 +118,7 @@ The transition type is configured by setting the `transitionInMode` property to The following example demonstrates how to enable and change transition in animations for the financial chart: <div class="embed-sample"> - [Transition Animation (Financial)]({environment:SamplesEmbedUrl}/data-chart/transition-animation-financial) + [Transition Animation (Financial)](\{environment:SamplesEmbedUrl\}/data-chart/transition-animation-financial) </div> ##<a id="related-content"></a>Related Content @@ -139,4 +138,4 @@ and bind it to data. The following samples provide additional information related to this topic. -- [Transition Animation]({environment:SamplesUrl}/data-chart/transition-animation): This sample demonstrates the animation feature that is displayed at the chart initialization. \ No newline at end of file +- [Transition Animation](\{environment:SamplesUrl\}/data-chart/transition-animation): This sample demonstrates the animation feature that is displayed at the chart initialization. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/knockoutjs-support.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/knockoutjs-support.mdx index c9974d07fb..72f041d584 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/knockoutjs-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/knockoutjs-support.mdx @@ -2,6 +2,9 @@ title: "Configuring Knockout Support (igDataChart)" slug: igdatachart-knockoutjs-support --- + +# Configuring Knockout Support (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Knockout Support (igDataChart) @@ -159,10 +162,10 @@ The control can be bound to a non-observable array and object fields, but doing This example demonstrates the igDataChart control reacting to changes in the data source by the Knockout View-Model. Note that the chart is updated without having to re-bind the control. By default, the sample shows the market revenue and expenses for the first 10 days of the month. You can add/remove days and move items along the chart and observe money flow on the market changing accordingly. ->**Note:** The Knockout extensions do not work with the {environment:ProductNameMVC}. +>**Note:** The Knockout extensions do not work with the \{environment:ProductNameMVC\}. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/data-chart/edit-chart-items-with-knockout]({environment:SamplesEmbedUrl}/data-chart/edit-chart-items-with-knockout) + [\{environment:SamplesEmbedUrl\}/data-chart/edit-chart-items-with-knockout](\{environment:SamplesEmbedUrl\}/data-chart/edit-chart-items-with-knockout) </div> ##Related Content @@ -180,7 +183,7 @@ The following topics provide additional information related to this topic. - [Configuring Knockout Support (igCombo)](//igcombo/configuring/configuring.mdx): This topic explains how to configure the `igCombo` control to bind to View-Model objects managed by the Knockout library. -- [Configuring Knockout Support (igEditors)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure {environment:ProductName} editor controls to bind to View-Model objects using the Knockout library. +- [Configuring Knockout Support (igEditors)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure \{environment:ProductName\} editor controls to bind to View-Model objects using the Knockout library. - [Configuring Knockout Support (igTree)](//igtree/knockoutjs-support.mdx): This topic explains how to configure the `igTree` control to bind to View-Model objects managed by the Knockout library. @@ -189,7 +192,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Bind igDataChart with KnockoutJS]({environment:SamplesUrl}/data-chart/bind-data-chart-with-ko): The sample demonstrates binding `igDataChart` with Knockout View-Model, using Infragistics Knockout extension for the control. +- [Bind igDataChart with KnockoutJS](\{environment:SamplesUrl\}/data-chart/bind-data-chart-with-ko): The sample demonstrates binding `igDataChart` with Knockout View-Model, using Infragistics Knockout extension for the control. ### Resources diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/navigation-features.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/navigation-features.mdx index 5c05b4a2df..63e22ff588 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/navigation-features.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/navigation-features.mdx @@ -2,6 +2,9 @@ title: "Configuring the Navigation Features (igDataChart)" slug: igdatachart-configuring-navigation-features --- + +# Configuring the Navigation Features (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Navigation Features (igDataChart) @@ -70,7 +73,7 @@ Setting the visible portion of the chart|Set the coordinates and size of the vis This sample demonstrates various navigation methods available in the jQuery chart. Panning and zooming through the control’s content can be performed using built-in keyboard navigation (Arrows, Page Up/Down, Home key), built-in mouse navigation (Shift + mouse drag, mouse scroll, mouse down + mouse drag), and the overview plus detail pane, as well as from code-behind using the control's window position and scale properties. <div class="embed-sample"> - [Chart Navigation]({environment:SamplesEmbedUrl}/data-chart/chart-navigation) + [Chart Navigation](\{environment:SamplesEmbedUrl\}/data-chart/chart-navigation) </div> diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/series-highlighting.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/series-highlighting.mdx index e2404c3b13..5b04500135 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/series-highlighting.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/series-highlighting.mdx @@ -5,7 +5,6 @@ slug: igdatachart-series-highlighting # Configuring the Series Highlighting (igDataChart) - ##Topic Overview @@ -77,13 +76,13 @@ The following table summarizes the properties used for series highlighting. Thes This sample demonstrates the series highlighting feature on different series types by configuring the `isHighlightingEnabled` and `highlightingTransitionDuration` series properties. <div class="embed-sample"> - [Series Highlighting]({environment:SamplesEmbedUrl}/data-chart/series-highlighting) + [Series Highlighting](\{environment:SamplesEmbedUrl\}/data-chart/series-highlighting) ![](images/jQuery_Series_Highlighting_01.png) </div> The following example shows the same functionality, applied to a financial chart. <div class="embed-sample"> - [Series Highlighting (Financial)]({environment:SamplesEmbedUrl}/data-chart/series-highlighting-financial) + [Series Highlighting (Financial)](\{environment:SamplesEmbedUrl\}/data-chart/series-highlighting-financial) </div> ## <a id="events"></a>Events @@ -144,7 +143,7 @@ The following table summarizes the properties of the `assigningCategoryMarke The following example shows the usage of the `assigningCategoryStyle` event to change the highlighting feature to fade non highlighting columns instead of changing the highlighting column. <div class="embed-sample"> - [Custom Series Highlighting]({environment:SamplesEmbedUrl}/data-chart/custom-series-highlighting) + [Custom Series Highlighting](\{environment:SamplesEmbedUrl\}/data-chart/custom-series-highlighting) ![](images/jQuery_Series_Highlighting_02.png) </div> diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/shape-series/polygon-series.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/shape-series/polygon-series.mdx index 3e3e2c1196..d3d4e5cfd4 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/shape-series/polygon-series.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/shape-series/polygon-series.mdx @@ -99,4 +99,4 @@ With the above data and chart, the following result is generated: ### <a id="samples"></a>Samples -- [Scatter Polygon Series]({environment:SamplesUrl}/data-chart/polygon): This sample demonstrates how you can display polygonal data in the `igDataChart` control. \ No newline at end of file +- [Scatter Polygon Series](\{environment:SamplesUrl\}/data-chart/polygon): This sample demonstrates how you can display polygonal data in the `igDataChart` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/shape-series/polyline-series.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/shape-series/polyline-series.mdx index e506154bb8..64ce05ea76 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/shape-series/polyline-series.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/shape-series/polyline-series.mdx @@ -100,4 +100,4 @@ With the above data and chart, the following result is generated: ### <a id="samples"></a>Samples -- [Scatter Polyline Series]({environment:SamplesUrl}/data-chart/polyline): This sample demonstrates how you can display polyline data in the `igDataChart` control. \ No newline at end of file +- [Scatter Polyline Series](\{environment:SamplesUrl\}/data-chart/polyline): This sample demonstrates how you can display polyline data in the `igDataChart` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/timexaxis.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/timexaxis.mdx index 8cb61674fd..6844bbb8cf 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/timexaxis.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/configuring/timexaxis.mdx @@ -208,4 +208,4 @@ The following topic provides additional information related to this topic: ### Samples The following sample provides additional information related to this topic. -- [Data Chart - Time X-Axis with Axis Breaks]({environment:SamplesUrl}/data-chart/time-x-axis): This sample demonstrates the Time X-Axis with axis breaks in the `igDataChart` control. \ No newline at end of file +- [Data Chart - Time X-Axis with Axis Breaks](\{environment:SamplesUrl\}/data-chart/time-x-axis): This sample demonstrates the Time X-Axis with axis breaks in the `igDataChart` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/databinding.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/databinding.mdx index 4bddf72518..571bdd3a75 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/databinding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/databinding.mdx @@ -5,7 +5,6 @@ slug: igdatachart-databinding # Binding igDataChart to Data - ##Topic Overview @@ -96,7 +95,7 @@ Each data source has different requirements for data binding to the `igDataSourc ###<a id="data-sources-summary"></a> Data sources summary -The data binding of the `igDataChart` control is identical to that of the other controls in the {environment:ProductName}™ library. The way to bind data is by either by assigning a data source to the `dataSource` option or by providing a URL in the `dataSourceUrl` if data is provided by a web or WCF service. +The data binding of the `igDataChart` control is identical to that of the other controls in the \{environment:ProductName\}™ library. The way to bind data is by either by assigning a data source to the `dataSource` option or by providing a URL in the `dataSourceUrl` if data is provided by a web or WCF service. ##<a id="bind-to-js-array"></a>Binding to a JavaScript Array @@ -195,7 +194,7 @@ The following steps demonstrate how to bind the `igDataChart` control to a JavaS This is a basic example of the data chart bound to JSON data: <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/data-chart/json-binding]({environment:SamplesEmbedUrl}/data-chart/json-binding) + [\{environment:SamplesEmbedUrl\}/data-chart/json-binding](\{environment:SamplesEmbedUrl\}/data-chart/json-binding) </div> ###<a id="binding-to-xml"></a>Binding to to an XML string @@ -207,7 +206,7 @@ This example demonstrates how to bind the `igDataChart` control to an XML string ###<a id="xml-example"></a> Example <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/data-chart/xml-binding]({environment:SamplesEmbedUrl}/data-chart/xml-binding) + [\{environment:SamplesEmbedUrl\}/data-chart/xml-binding](\{environment:SamplesEmbedUrl\}/data-chart/xml-binding) </div> ##<a id="binding-to-iqueryable"></a>Binding to an IQueryable<T> in ASP.NET MVC @@ -215,7 +214,7 @@ This example demonstrates how to bind the `igDataChart` control to an XML string ###<a id="mvc-introduction"></a> Introduction -This procedure demonstrates how to bind a list of data objects from a backend controller method to a data chart using the ASP.NET helper provided in the {environment:ProductName} library. +This procedure demonstrates how to bind a list of data objects from a backend controller method to a data chart using the ASP.NET helper provided in the \{environment:ProductName\} library. ###<a id="mvc_prerequisites"></a> Prerequisites @@ -234,7 +233,7 @@ to that array. ###<a id="mvc_steps"></a> Steps -The following steps demonstrate how to instantiate and bind an `igDataChart` control in ASP.NET MVC by providing a list of data objects to a strongly typed view and use {environment:ProductNameMVC} DataChart. +The following steps demonstrate how to instantiate and bind an `igDataChart` control in ASP.NET MVC by providing a list of data objects to a strongly typed view and use \{environment:ProductNameMVC\} DataChart. 1. Define the data model. @@ -259,7 +258,7 @@ The following steps demonstrate how to instantiate and bind an `igDataChart` con Add the logic to a controller method in order to instantiate an array of `StockMarketDataPoint` objects. This place to add custom logic that gets data from the data base. - Note that the list of `StockMarketDataPoint` objects is converted to an IQueryable<StockMarketDataPoint> before submitting to the view. This can alternatively be done in the {environment:ProductNameMVC} call in the view, but the implementation provided here is cleaner. + Note that the list of `StockMarketDataPoint` objects is converted to an IQueryable<StockMarketDataPoint> before submitting to the view. This can alternatively be done in the \{environment:ProductNameMVC\} call in the view, but the implementation provided here is cleaner. **In C#:** @@ -457,7 +456,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding High Volume Data]({environment:SamplesUrl}/data-chart/binding-high-volume-data): This sample demonstrates a large number of records bound to an `igDataChart`. +- [Binding High Volume Data](\{environment:SamplesUrl\}/data-chart/binding-high-volume-data): This sample demonstrates a large number of records bound to an `igDataChart`. ###<a id="resources"></a> Resources diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/known-issues.mdx index c349e71345..2d6dfd2c84 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/known-issues.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations (igDataChart)" slug: igdatachart-known-issues --- + +# Known Issues and Limitations (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations (igDataChart) diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/landing-page.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/landing-page.mdx index 05389b4fd1..310cb2e551 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/landing-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/landing-page.mdx @@ -5,7 +5,6 @@ slug: igdatachart-landing-page # igDataChart - ##In This Group of Topics @@ -46,7 +45,7 @@ The topics in this section provide detailed information regarding the `igDataCha - [Accessibility Compliance (igDataChart)](/igdatachart-accessibility-compliance.mdx): This topic explains `igDataChart` accessibility features and provides advice how to achieve accessibility compliance for pages containing charts. -- [jQuery and MVC API Reference Links (igDataChart)](/igdatachart-api-links.mdx): This topic provides links to the API documentation for jQuery and {environment:ProductNameMVC} class for `igDataChart` control. +- [jQuery and MVC API Reference Links (igDataChart)](/igdatachart-api-links.mdx): This topic provides links to the API documentation for jQuery and \{environment:ProductNameMVC\} class for `igDataChart` control. - [Known Issues and Limitations (igDataChart)](/igdatachart-known-issues.mdx): This topic lists all known issues and limitations in the `igDataChart` control. @@ -59,6 +58,6 @@ The topics in this section provide detailed information regarding the `igDataCha The following topics provide additional information related to this topic. -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx): This topic provides general information about the {environment:ProductName}™ library. +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx): This topic provides general information about the \{environment:ProductName\}™ library. - [igPieChart Overview](/igpiechart/overview.mdx): This topic provides conceptual information about the `igPieChart`™ control including its main features, minimum requirements, and user functionality. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/overview/hoverinteractions-hover-interactions-overview.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/overview/hoverinteractions-hover-interactions-overview.mdx index 4412887455..02d67984bb 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/overview/hoverinteractions-hover-interactions-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/overview/hoverinteractions-hover-interactions-overview.mdx @@ -157,7 +157,7 @@ The following samples provide additional information related to this topic. - [Hover Interactions – Item Tooltip Layer](../04_Configuring/04_Hover Interactions/04_HoverInteractions_Item_Tooltip_Layer.mdx#example): This sample demonstrates the Item Tooltip Layer that displays tooltips for all target series individually. The sample options pane allows you to edit the properties of the layer, such as changing the transition duration. -- [Hover Interactions – Multiple Layers]({environment:SamplesUrl}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. +- [Hover Interactions – Multiple Layers](\{environment:SamplesUrl\}/data-chart/multiple-layers): This sample demonstrates how multiple layers interact within the `igDataChart` control. This sample displays the Item Tooltip Layer, the Crosshair layer and the Category Highlight Layer. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/overview/overview.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/overview/overview.mdx index f1dd437ada..fa1d0c5d4c 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/overview/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/overview/overview.mdx @@ -2,6 +2,9 @@ title: "Overview (igDataChart)" slug: igdatachart-overview --- + +# Overview (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Overview (igDataChart) @@ -25,9 +28,9 @@ The following table lists the materials required as a prerequisite to understand **Topics** -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) -General information on the {environment:ProductName}™ library. +General information on the \{environment:ProductName\}™ library. ### In This Topic @@ -109,7 +112,7 @@ The following table displays the supported chart types. ### Minimum requirements summary -The `igDataChart` control is a jQuery UI widget and therefore depends on the jQuery and jQuery UI libraries. The Modernzr library is also used internally for detecting browser and device capabilities. The control uses several {environment:ProductName}™ shared resources for functionality and data binding. References to these resources are needed nevertheless, in spite of pure jQuery or {environment:ProductNameMVC} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. +The `igDataChart` control is a jQuery UI widget and therefore depends on the jQuery and jQuery UI libraries. The Modernzr library is also used internally for detecting browser and device capabilities. The control uses several \{environment:ProductName\}™ shared resources for functionality and data binding. References to these resources are needed nevertheless, in spite of pure jQuery or \{environment:ProductNameMVC\} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. ### Minimum requirements summary chart @@ -119,17 +122,17 @@ The following table summarizes the requirements for using the `igDataChart` cont | Requirement | Description | | --- | --- | | HTML5 canvas API | The functionality of the charting library is based on the HTML5 Canvas tag and its related API. Any web browser that supports these will be able to render and display charts generated by the igDataChart control. No other HTML5 features are required for the operation of the igDataChart control. The topic [Canvas Element: Support](http://en.wikipedia.org/wiki/Canvas_element#Support) from [Wikipedia™](http://en.wikipedia.org/wiki/Main_Page) details which versions of the most popular desktop and mobile web browsers support the HTML5 Canvas API. | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName} is built on top of these frameworks: [jQuery](http://docs.jquery.com/Main_Page) [jQuery UI](http://jqueryui.com/) | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\} is built on top of these frameworks: [jQuery](http://docs.jquery.com/Main_Page) [jQuery UI](http://jqueryui.com/) | | Modernizr | The Modernizr library is used by the igDataChart to detect browser and device capabilities. It is not mandatory and if not included the control will behave as if it works in a normal desktop environment with HTML5 compatible browser. [Modernizr](http://modernizr.com/docs/) | -| General charting JavaScript resources | The charting functionality of the {environment:ProductName} library is distributed across several files depending on the series type. In case you wish to include resources manually, you need to use the dependencies listed in the following tables. JS Resource | -| infragistics.util.js, infragistics.util.jquery.js | {environment:ProductName} utilities | +| General charting JavaScript resources | The charting functionality of the \{environment:ProductName\} library is distributed across several files depending on the series type. In case you wish to include resources manually, you need to use the dependencies listed in the following tables. JS Resource | +| infragistics.util.js, infragistics.util.jquery.js | \{environment:ProductName\} utilities | | infragistics.datasource.js | The igDataSource control. | | infragistics.ext_core.js, infragistics.ext_collections.js, infragistics.ext_ui.js, infragistics.dv_jquerydom.js, infragistics.dv_core.js, infragistics.dv_geometry.js, infragistics.datachart_core.js | Data visualization core functionality | | infragistics.dvcommonwidget.js | Chart and map common widget | | infragistics.ui.chart.js | Chart UI widget | | infragistics.legend.js, infragistics.ui.chartlegend.js | Chart legend functionality and UI widget | | infragistics.dv_opd.js | Chart Overview Plus Detail Pane functionality | -| infragistics.ui.widget.js | Base igWidget for all {environment:ProductName} widgets. | +| infragistics.ui.widget.js | Base igWidget for all \{environment:ProductName\} widgets. | </td> </tr> @@ -141,7 +144,7 @@ The following table summarizes the requirements for using the `igDataChart` cont <tr> <td>IG theme</td> - <td>This theme contains custom visual styles created for the {environment:ProductName} library. It is contained in the following file: <ul> <li> {IG CSS root}/themes/Infragistics/infragistics.theme.css </li> </ul></td> + <td>This theme contains custom visual styles created for the \{environment:ProductName\} library. It is contained in the following file: <ul> <li> {IG CSS root}/themes/Infragistics/infragistics.theme.css </li> </ul></td> </tr> <tr> @@ -152,7 +155,7 @@ The following table summarizes the requirements for using the `igDataChart` cont </table> ->**Note:**To learn about the different ways to reference JavaScript resources in {environment:ProductName}, see the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) topic. +>**Note:**To learn about the different ways to reference JavaScript resources in \{environment:ProductName\}, see the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) topic. ##<a id="main-features"></a>Main Features @@ -183,7 +186,7 @@ The legend is a visual panel that shows an icon and a title for each data series ![](images/igDataChart_Overview_2.png) -Legends are implemented with a separate control from the {environment:ProductName} library called `igChartLegend` and require a separate div element on the page. The div element is referred in each series object so that it is included in the legend. The `igChartLegend` is a very simple control covered in the topic referred below. +Legends are implemented with a separate control from the \{environment:ProductName\} library called `igChartLegend` and require a separate div element on the page. The div element is referred in each series object so that it is included in the legend. The `igChartLegend` is a very simple control covered in the topic referred below. ###<a id="composite-charts"></a> Composite charts @@ -306,13 +309,13 @@ Contains basic information about the related `igPieChart` control for displaying The following samples provide additional information related to this topic. -- [JSON Binding]({environment:SamplesUrl}/data-chart/json-binding): This sample shows how the `igDataChart` binds to JSON data. +- [JSON Binding](\{environment:SamplesUrl\}/data-chart/json-binding): This sample shows how the `igDataChart` binds to JSON data. -- [Bar and Column Series]({environment:SamplesUrl}/data-chart/bar-and-column-series): Demonstrates how bar and column charts can be implemented using the `igDataChart` control. +- [Bar and Column Series](\{environment:SamplesUrl\}/data-chart/bar-and-column-series): Demonstrates how bar and column charts can be implemented using the `igDataChart` control. - [Chart Navigation](../04_Configuring/10_igDataChart_Configuring_Navigation_Features.mdx#example): Demonstrates user interaction with a chart including zoom, panning, dragging, and how these can be controlled from the API. -- [Binding Real-Time Data]({environment:SamplesUrl}/data-chart/binding-real-time-data): Demonstrates how real-time data can by dynamically bound to a data chart. +- [Binding Real-Time Data](\{environment:SamplesUrl\}/data-chart/binding-real-time-data): Demonstrates how real-time data can by dynamically bound to a data chart. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/overview/series-types.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/overview/series-types.mdx index bfcdb933bc..f63f69f55c 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/overview/series-types.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/overview/series-types.mdx @@ -2,6 +2,9 @@ title: "Series Types (igDataChart)" slug: igdatachart-series-types --- + +# Series Types (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Series Types (igDataChart) @@ -188,7 +191,7 @@ Composite charts plot at least two data series that either use different axis ra This sample demonstrates how to configure a composite chart with two Y-axes with different range and two different data series types: column and line series. There are no specific settings for creating composite charts but rather you can mix different series types and use multiple axes. <div class="embed-sample"> - [Composite Chart]({environment:SamplesEmbedUrl}/data-chart/composite-chart) + [Composite Chart](\{environment:SamplesEmbedUrl\}/data-chart/composite-chart) ![](images/igDataChart_Types_9.png) </div> @@ -201,7 +204,7 @@ The following topics provide additional information related to this topic. - [Adding igDataChart](/igdatachart-adding.mdx): This topic demonstrates how to add the igDataChart control to a web page and bind it to data. -- [](/igdatachart-api-links.mdx)[jQuery and MVC API Reference Links (igDataChart)](/igdatachart-api-links.mdx): This topic provides links to the API documentation for jQuery and {environment:ProductNameMVC} class for `igDataChart` +- [](/igdatachart-api-links.mdx)[jQuery and MVC API Reference Links (igDataChart)](/igdatachart-api-links.mdx): This topic provides links to the API documentation for jQuery and \{environment:ProductNameMVC\} class for `igDataChart` ### <a id="samples"></a>Samples @@ -209,20 +212,20 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Bar and Column Series]({environment:SamplesUrl}/data-chart/bar-and-column-series): This sample demonstrates creating bar and column series charts. +- [Bar and Column Series](\{environment:SamplesUrl\}/data-chart/bar-and-column-series): This sample demonstrates creating bar and column series charts. -- [Category Series]({environment:SamplesUrl}/data-chart/category-series): This sample demonstrates creating category series charts. +- [Category Series](\{environment:SamplesUrl\}/data-chart/category-series): This sample demonstrates creating category series charts. -- [Composite Chart]({environment:SamplesUrl}/data-chart/composite-chart): This sample demonstrates creating a composite chart. +- [Composite Chart](\{environment:SamplesUrl\}/data-chart/composite-chart): This sample demonstrates creating a composite chart. -- [Financial Series]({environment:SamplesUrl}/data-chart/financial-series): This sample demonstrates creating financial (or “candlestick”) charts. +- [Financial Series](\{environment:SamplesUrl\}/data-chart/financial-series): This sample demonstrates creating financial (or “candlestick”) charts. -- [Polar Series]({environment:SamplesUrl}/data-chart/polar-series): This sample demonstrates creating polar charts. +- [Polar Series](\{environment:SamplesUrl\}/data-chart/polar-series): This sample demonstrates creating polar charts. -- [Radial Series]({environment:SamplesUrl}/data-chart/radial-series): This sample demonstrates creating radial charts. +- [Radial Series](\{environment:SamplesUrl\}/data-chart/radial-series): This sample demonstrates creating radial charts. -- [Range Category Series]({environment:SamplesUrl}/data-chart/range-category-series): This sample demonstrates creating range category charts. +- [Range Category Series](\{environment:SamplesUrl\}/data-chart/range-category-series): This sample demonstrates creating range category charts. -- [Scatter Series]({environment:SamplesUrl}/data-chart/scatter-series): This sample demonstrates creating scatter (or “XY series) charts. +- [Scatter Series](\{environment:SamplesUrl\}/data-chart/scatter-series): This sample demonstrates creating scatter (or “XY series) charts. -- [Stacked Series]({environment:SamplesUrl}/data-chart/stacked-series): This sample demonstrates creating Stacked series charts (XY charts). \ No newline at end of file +- [Stacked Series](\{environment:SamplesUrl\}/data-chart/stacked-series): This sample demonstrates creating Stacked series charts (XY charts). \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/overview/visual-elements.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/overview/visual-elements.mdx index 24c21d591e..f9ae194959 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/overview/visual-elements.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/overview/visual-elements.mdx @@ -2,6 +2,9 @@ title: "Configurable Visual Elements (igDataChart)" slug: igdatachart-visual-elements --- + +# Configurable Visual Elements (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configurable Visual Elements (igDataChart) @@ -119,13 +122,13 @@ This sample configures several of the elements, available in the `igDataChart` c Chart elements such as axis, labels, grid lines, grid stripes, zoom bars, series, trend lines, indicators and crosshairs are all available to enhance the control's presentation. <div class="embed-sample"> - [Chart Elements]({environment:SamplesEmbedUrl}/data-chart/chart-elements) + [Chart Elements](\{environment:SamplesEmbedUrl\}/data-chart/chart-elements) </div> In addition to the settings above, the sample below demonstrates both enabling the default tooltip for the Chart’s series and configuring a custom tooltip template for the "United States" series. <div class="embed-sample"> - [Series Tooltips]({environment:SamplesEmbedUrl}/data-chart/series-tooltips) + [Series Tooltips](\{environment:SamplesEmbedUrl\}/data-chart/series-tooltips) </div> ##Related Content @@ -137,7 +140,7 @@ The following topics provide additional information related to this topic. - [Adding igDataChart](/igdatachart-adding.mdx): This topic demonstrates how to create add the `igDataChart`™ control and bind it to data. -- [](/igdatachart-api-links.mdx)[jQuery and MVC API Reference Links (igDataChart)](/igdatachart-api-links.mdx): This topic provides links to the API documentation for jQuery and {environment:ProductNameMVC} class for `igDataChart`™ control. +- [](/igdatachart-api-links.mdx)[jQuery and MVC API Reference Links (igDataChart)](/igdatachart-api-links.mdx): This topic provides links to the API documentation for jQuery and \{environment:ProductNameMVC\} class for `igDataChart`™ control. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/series-requirements.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/series-requirements.mdx index 68d06f1c87..89ba6a9505 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/series-requirements.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/series-requirements.mdx @@ -6,7 +6,6 @@ slug: igdatachart-series-requirements # Series Requirements - The `igDataChart`™ control supports a number of various series, and some of these series require specific axis types and data mapping in order for them to render correctly on the chart plot area. ### Overview diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/styling/the-chart-series.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/styling/the-chart-series.mdx index 19a9d07f39..9c4f9f12cb 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/styling/the-chart-series.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/styling/the-chart-series.mdx @@ -2,6 +2,9 @@ title: "Styling the Chart Series (igDataChart)" slug: igdatachart-styling-the-chart-series --- + +# Styling the Chart Series (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Styling the Chart Series (igDataChart) @@ -55,7 +58,7 @@ The linear gradient effect is achieved, by setting the type of the <ApiLink type The following sample defines the chart configuration needed to achieve that effect: <div class="embed-sample"> - [Chart Fill Gradients]({environment:SamplesEmbedUrl}/data-chart/chart-fill-gradients) + [Chart Fill Gradients](\{environment:SamplesEmbedUrl\}/data-chart/chart-fill-gradients) </div> @@ -66,7 +69,7 @@ The following sample defines the chart configuration needed to achieve that effe With the drop-shadow effect, the series appear as if casting a shadow. <div class="embed-sample"> - [Drop Shadows]({environment:SamplesEmbedUrl}/data-chart/drop-shadows) + [Drop Shadows](\{environment:SamplesEmbedUrl\}/data-chart/drop-shadows) ![](images/igDataChart_Styling_the_Chart_Series_1.png) </div> @@ -224,9 +227,9 @@ The following topics provide additional information related to this topic. - [Styling igDataChart](/igdatachart-styling-themes.mdx): This topic demonstrates how to apply styles and themes to the `igDataChart` control. -- [Styling and Theming in {environment:ProductName}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) -General information and a procedure for updating styles and themes in {environment:ProductName}™ library. +General information and a procedure for updating styles and themes in \{environment:ProductName\}™ library. diff --git a/docs/jquery/src/content/en/topics/controls/igdatachart/styling/themes.mdx b/docs/jquery/src/content/en/topics/controls/igdatachart/styling/themes.mdx index 3d8246952e..e047e00d3f 100644 --- a/docs/jquery/src/content/en/topics/controls/igdatachart/styling/themes.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdatachart/styling/themes.mdx @@ -5,7 +5,6 @@ slug: igdatachart-styling-themes # Styling igDataChart - ##Topic Overview @@ -22,7 +21,7 @@ This topic demonstrates how to apply styles and themes to the `igDataChart`™ c **Topics** -- [Styling and Theming in {environment:ProductName}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): General information and a procedure for updating styles and themes in {environment:ProductName}™ library. +- [Styling and Theming in \{environment:ProductName\}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): General information and a procedure for updating styles and themes in \{environment:ProductName\}™ library. **External Resources** @@ -66,9 +65,9 @@ The `igDataChart` uses the jQuery UI CSS Framework for the purposes of applying To customize a theme, you can use the ThemeRoller tool. This jQuery UI tool facilitates the creation of custom themes that are compatible with the jQuery UI widgets. Many prebuilt themes are available for download and use in your website. The `igDataChart` control supports the use of ThemeRoller themes. -Detailed information for using themes with {environment:ProductName} library is available in the [Styling and Theming in {environment:ProductName}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. +Detailed information for using themes with \{environment:ProductName\} library is available in the [Styling and Theming in \{environment:ProductName\}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. -Note: The base theme of {environment:ProductName} is not necessary for charts and you may safely omit it on pages only containing charts. +Note: The base theme of \{environment:ProductName\} is not necessary for charts and you may safely omit it on pages only containing charts. ##<a id="themes-summary"></a>Themes Summary @@ -85,7 +84,7 @@ A summary of the `igDataChart` control’s available themes. <tr> <td>IG Theme</td> <td><p>Path: `{IG CSS root}/themes/Infragistics/`</p> <p>File: `infragistics.theme.css`</p></td> - <td>This theme defines general visual features for all {environment:ProductName} controls. Detailed information for using the IG theme is available in the <a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">Styling and Theming in {environment:ProductName}</a> topic.</td> + <td>This theme defines general visual features for all \{environment:ProductName\} controls. Detailed information for using the IG theme is available in the <a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">Styling and Theming in \{environment:ProductName\}</a> topic.</td> </tr> <tr> @@ -236,7 +235,7 @@ Demonstrate how to modify the default IG Chart styles with your preferred settin 1. <a id="copy-default-css"></a>Copy the default chart CSS file. - **Copy the CSS file, with the default chart styles (`infragistics.ui.chart.css`), from the {environment:ProductName} installation folder to the themes folder of your web site or application.** + **Copy the CSS file, with the default chart styles (`infragistics.ui.chart.css`), from the \{environment:ProductName\} installation folder to the themes folder of your web site or application.** For instance, if you have a folder `Content/themes` in your web site or application where keep the CSS files used by the application, then make a copy of the default chart CSS file mentioned above in `Content/themes/MyChartTheme/ig.ui.chart.custom.css`. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/accessibility-compliance.mdx index ab290ecb0f..4b8c7bb92d 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/accessibility-compliance.mdx @@ -24,7 +24,7 @@ The following topics are prerequisite to understanding this topic: ### <a id="accessibility-compliance-intro"></a> Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed information about how the grid control complies with each rule is represented. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed information about how the grid control complies with each rule is represented. To meet the requirements of each accessibility rule, in some cases you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. @@ -49,7 +49,7 @@ Rules | Rule Text | How We Comply The following topics provide additional information related to this topic: -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all {environment:ProductName} controls. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all \{environment:ProductName\} controls. - [***igDialog* Overview**](./00_igDialog Overview.mdx): The topic introduces the user to the `igDialog` control’s main features. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/adding-igdialog.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/adding-igdialog.mdx index 70abdff652..b3ca625cc3 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/adding-igdialog.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/adding-igdialog.mdx @@ -2,6 +2,9 @@ title: "Adding igDialog" slug: adding-igdialog --- + +# Adding igDialog + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igDialog @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; This procedure guides you through the process of adding an `igDialog` control to a web page. The `igDialog` is configured so that all of the header buttons are enabled – such as buttons for minimize, maximize, pin and close. -You have the option of instantiating the control in several ways. This topic demonstrates the typical jQuery UI method, the jQuery method (by using attributes) and instantiating the control using the {environment:ProductNameMVC} Dialog. +You have the option of instantiating the control in several ways. This topic demonstrates the typical jQuery UI method, the jQuery method (by using attributes) and instantiating the control using the \{environment:ProductNameMVC\} Dialog. ### Preview @@ -60,7 +63,7 @@ The recommended approach to instantiating the `igDialog` control is to use the l </script> ``` -> **Note:** If you are using {environment:ProductNameMVC} Dialog, remember to reference the ***Infragistics.Web.Mvc*** dll into your project. +> **Note:** If you are using \{environment:ProductNameMVC\} Dialog, remember to reference the ***Infragistics.Web.Mvc*** dll into your project. ### 2. Instantiate igDialog @@ -107,7 +110,7 @@ The following code demonstrates how to initialize `igDialog` control, with full }); ``` -If you want to use the `igDialog` with TypeScript, you can instantiate it using the code above. You just need to include the reference paths to the {environment:ProductFamilyName} and jQuery type definitions for TypeScript: +If you want to use the `igDialog` with TypeScript, you can instantiate it using the code above. You just need to include the reference paths to the \{environment:ProductFamilyName\} and jQuery type definitions for TypeScript: **In TypeScript:** ```typescript @@ -118,11 +121,11 @@ If you want to use the `igDialog` with TypeScript, you can instantiate it using >**Note:** This is needed for TypeScript versions prior to 1.5 so the compiler could include the dependencies in the program during compilation. In 1.5 and newer versions they can be defined in a separate tsconfig.json file. For more information see the [tsconfig.json wiki page](https://github.com/Microsoft/TypeScript/wiki/tsconfig.json) -> More information on how to use the {environment:ProductName} definitions for TypeScript can be found in ["Using {environment:ProductName} with TypeScript" topic](using-ignite-ui-with-typescript.html). +> More information on how to use the \{environment:ProductName\} definitions for TypeScript can be found in ["Using \{environment:ProductName\} with TypeScript" topic](using-ignite-ui-with-typescript.html). - **Razor Initialization** - It’s important to know that the {environment:ProductNameMVC} Dialog is not like the other controls where it is expected that it will render the HTML, along with the JavaScript code that initializes the control. Because the `igDialog` content can be any HTML markup, you need to define the markup first, and then the {environment:ProductNameMVC} will define all the configurations of the control. + It’s important to know that the \{environment:ProductNameMVC\} Dialog is not like the other controls where it is expected that it will render the HTML, along with the JavaScript code that initializes the control. Because the `igDialog` content can be any HTML markup, you need to define the markup first, and then the \{environment:ProductNameMVC\} will define all the configurations of the control. - Define `DIV` HTML placeholder @@ -134,7 +137,7 @@ If you want to use the `igDialog` with TypeScript, you can instantiate it using </div> ``` - {environment:ProductNameMVC} code: + \{environment:ProductNameMVC\} code: **In C#:** @@ -152,25 +155,25 @@ If you want to use the `igDialog` with TypeScript, you can instantiate it using ) ``` -> **Note**: When you want to set identifier of the {environment:ProductNameMVC} Dialog, you have three different options. For more information see the [Property Reference](./03_API Reference/00_igDialog Property Reference.mdx) topic. If the defined HTML placeholder has the same ID as in the sample above – `igDialog1`, then you can use one of the following: +> **Note**: When you want to set identifier of the \{environment:ProductNameMVC\} Dialog, you have three different options. For more information see the [Property Reference](./03_API Reference/00_igDialog Property Reference.mdx) topic. If the defined HTML placeholder has the same ID as in the sample above – `igDialog1`, then you can use one of the following: > `Dialog.ContentJquerySelector("#igDialog1")` – defines the selector – the same as it is supposed to be in the jQuery. -> `Dialog.ContentID("igDialog1")` – defines the selector without the #, which will be rendered automatically by the {environment:ProductNameMVC}. +> `Dialog.ContentID("igDialog1")` – defines the selector without the #, which will be rendered automatically by the \{environment:ProductNameMVC\}. > `Dialog.ID(“igDialog1”)` – the same as the `ContentID(“igDialog1”)` -> **Note**: If you want to define the HTML DIV Placeholder code using the {environment:ProductNameMVC}, then the Dialog Helper suggests the following method. Assume that you want to achieve the same effect as defining an DIV HTML placeholder, then use: `Dialog.ContentHTML("<div id="igDialog1"> igDialog Content </div>")` +> **Note**: If you want to define the HTML DIV Placeholder code using the \{environment:ProductNameMVC\}, then the Dialog Helper suggests the following method. Assume that you want to achieve the same effect as defining an DIV HTML placeholder, then use: `Dialog.ContentHTML("<div id="igDialog1"> igDialog Content </div>")` - **Instantiate in AngularJS** The following example demonstrates how to declare a Dialog Window with an AngularJS directive: <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/dialog-window/angular]({environment:SamplesEmbedUrl}/dialog-window/angular) + [\{environment:SamplesEmbedUrl\}/dialog-window/angular](\{environment:SamplesEmbedUrl\}/dialog-window/angular) </div> -> More information on how to use the {environment:ProductName} directives for AngularJS can be found in ["Using {environment:ProductName} with AngularJS" topic](../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx). +> More information on how to use the \{environment:ProductName\} directives for AngularJS can be found in ["Using \{environment:ProductName\} with AngularJS" topic](../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx). ## Destroy igDialog @@ -204,4 +207,4 @@ The following topics provide additional information related to this topic: The following sample provide additional information related to this topic: -- [Icons]({environment:SamplesUrl}/dialog-window/icons): This sample demonstrates you how to show `igDialog` icons. +- [Icons](\{environment:SamplesUrl\}/dialog-window/icons): This sample demonstrates you how to show `igDialog` icons. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/css-classes-reference.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/css-classes-reference.mdx index e43cad5080..0ee12a23b4 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/css-classes-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/css-classes-reference.mdx @@ -2,6 +2,9 @@ title: "CSS Classes Reference (igDialog)" slug: igdialog-css-classes-reference --- + +# CSS Classes Reference (igDialog) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # CSS Classes Reference (igDialog) diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/event-reference.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/event-reference.mdx index f8d17358c1..ece749ef7d 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/event-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/event-reference.mdx @@ -2,6 +2,9 @@ title: "Event Reference (igDialog)" slug: igdialog-event-reference --- + +# Event Reference (igDialog) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Event Reference (igDialog) @@ -56,7 +59,7 @@ $("#igDialog1").igDialog({ The following example shows how this is done and it also demonstrates the use of the jQuery's [`on`](http://api.jquery.com/on/) method to attach an event handler to a selected element: <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/dialog-window/api-and-events]({environment:SamplesEmbedUrl}/dialog-window/api-and-events) + [\{environment:SamplesEmbedUrl\}/dialog-window/api-and-events](\{environment:SamplesEmbedUrl\}/dialog-window/api-and-events) </div> ### <a id="attaching-handlers-mvc"></a> Attaching Event Handlers in MVC diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/method-reference.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/method-reference.mdx index d5b03425e7..a19f33b6ca 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/method-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/method-reference.mdx @@ -2,6 +2,9 @@ title: "Method Reference (igDialog)" slug: igdialog-method-reference --- + +# Method Reference (igDialog) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Method Reference (igDialog) @@ -58,7 +61,7 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: - [API and Events](./02_igDialog Event Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to handle events in the Dialog Window control and API usage. -- [Modal Dialog]({environment:SamplesUrl}/dialog-window/modal-dialog): This sample shows you how to create a modal dialog. +- [Modal Dialog](\{environment:SamplesUrl\}/dialog-window/modal-dialog): This sample shows you how to create a modal dialog. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/property-reference.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/property-reference.mdx index 235c0df907..927520b113 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/property-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/api-reference/property-reference.mdx @@ -2,6 +2,9 @@ title: "Property Reference (igDialog)" slug: igdialog-property-reference --- + +# Property Reference (igDialog) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Property Reference (igDialog) @@ -73,16 +76,16 @@ The following table summarizes the purpose and functionality of the `igDialog` c ## <a id="mvc"></a> MVC Method Reference -The following table summarizes the purpose and functionality of * {environment:ProductNameMVC} * `Dialog`. Most of the methods correspond to the jQuery properties except for <ApiLink type="igDialog" member="mainElement" section="options" label="mainElement" /> and <ApiLink type="igDialog" member="temporaryUrl" section="options" label="temporaryUrl" />. There are additional MVC methods that don’t have corresponding igDialog properties, such as: [`ContentJquerySelector`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentJquerySelector.html), [`ContentID`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentID.html), [`ID`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ID.html), [`ContentHTML`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogWrapper~ContentHTML.html). +The following table summarizes the purpose and functionality of * \{environment:ProductNameMVC\} * `Dialog`. Most of the methods correspond to the jQuery properties except for <ApiLink type="igDialog" member="mainElement" section="options" label="mainElement" /> and <ApiLink type="igDialog" member="temporaryUrl" section="options" label="temporaryUrl" />. There are additional MVC methods that don’t have corresponding igDialog properties, such as: [`ContentJquerySelector`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentJquerySelector.html), [`ContentID`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentID.html), [`ID`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ID.html), [`ContentHTML`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogWrapper~ContentHTML.html). | | | | | | --- | --- | --- | --- | | Property | Parameter Type | Values (**Default Value**) | Description | -| [ContentJquerySelector](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentJquerySelector.html) | string | “#igDialog1” | This property defines the selector for the {environment:ProductNameMVC} Dialog. This selector should be the same as the selector when the jQuery-only widget is created. For example, if your HTML placeholder has the id “igDialog1”, then the value of [ContentJquerySelector](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentJquerySelector.html) should be “#igDialog”. Then, the {environment:ProductNameMVC} will render following code: $(“#igDialog”).igDialog(); | -| [ContentID](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentID.html) | string | “igDialog1” | This property defines the selector for the {environment:ProductNameMVC} Dialog. In contrast to the [ContentJquerySelector](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentJquerySelector.html) property, you only need to pass the id of the HTML placeholder, without the #, and the {environment:ProductNameMVC} will render it automatically. If your value in the [ContentID](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentID.html) is “igDialog”, then the result will be the same as in the previous property: $(“#igDialog”).igDialog(); | -| [ID](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ID.html) | string | “igDialog1” | This property defines the selector for the {environment:ProductNameMVC} Dialog. It’s absolutely equivalent to the [ContentID](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogWrapper~ContentID.html) property – it accepts the same format for the parameter and renders the same code. | -| [ContentHTML](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentHTML.html) | string | “<div id="igDialog1”> igDialog Content </div>” | This property allows you to define the HTML placeholder of the {environment:ProductNameMVC} Dialog. This HTML code will then become the content of the igDialog. | +| [ContentJquerySelector](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentJquerySelector.html) | string | “#igDialog1” | This property defines the selector for the \{environment:ProductNameMVC\} Dialog. This selector should be the same as the selector when the jQuery-only widget is created. For example, if your HTML placeholder has the id “igDialog1”, then the value of [ContentJquerySelector](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentJquerySelector.html) should be “#igDialog”. Then, the \{environment:ProductNameMVC\} will render following code: $(“#igDialog”).igDialog(); | +| [ContentID](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentID.html) | string | “igDialog1” | This property defines the selector for the \{environment:ProductNameMVC\} Dialog. In contrast to the [ContentJquerySelector](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentJquerySelector.html) property, you only need to pass the id of the HTML placeholder, without the #, and the \{environment:ProductNameMVC\} will render it automatically. If your value in the [ContentID](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentID.html) is “igDialog”, then the result will be the same as in the previous property: $(“#igDialog”).igDialog(); | +| [ID](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ID.html) | string | “igDialog1” | This property defines the selector for the \{environment:ProductNameMVC\} Dialog. It’s absolutely equivalent to the [ContentID](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogWrapper~ContentID.html) property – it accepts the same format for the parameter and renders the same code. | +| [ContentHTML](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentHTML.html) | string | “<div id="igDialog1”> igDialog Content </div>” | This property allows you to define the HTML placeholder of the \{environment:ProductNameMVC\} Dialog. This HTML code will then become the content of the igDialog. | | [Container](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~Container.html) | string | “#idContainer” “.classContainer” | Gets or sets the HTML container element for the igDialog. By default the parent form of the original target element is used and if that parent is unavailable, then the HTML body object is used. Note that if the CSS container property “position” is not set, its value is "static", then the position value is set to "relative". | | [State](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~State.html) | string | **DialogState.Opened** DialogState.Closed DialogState.Minimized DialogState.Maximized | This property allows you to set and get the state of the dialog. | | [Pinned](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~Pinned.html) | bool? | true **false** | Gets or sets the pinned state of the dialog. | @@ -94,7 +97,7 @@ The following table summarizes the purpose and functionality of * {environm | [EnableHeaderFocus](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogWrapper~EnableHeaderFocus.html) | bool? | **true** false | Gets or sets the ability to adjust the state of the header to be in focused or not-focused state. This property works only if the [trackFocus](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~TrackFocus.html) property is enabled. | | [TabIndex](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogWrapper~TabIndex.html) | int? | **0** | Gets or sets the value for the tabIndex attribute applied to the igDialog main HTML element. | | [ZIndex](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ZIndex.html) | int? | **1000** | Gets or sets the value of the zIndex applied to the igDialog main HTML element. | -| [EnableDblclick](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~EnableDblclick.html) | bool? | true false | Gets or sets the action that will occur if the igDialog header is double clicked. If the value is “false,” the window will not be affected by mouse double click. Contrastingly, it will react if the value is “true”. The “auto” state means that the igDialog will only be affected by double click if there is maximize icon in the header. “Auto” is the default state, but you cannot change it dynamically through the {environment:ProductNameMVC}. | +| [EnableDblclick](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~EnableDblclick.html) | bool? | true false | Gets or sets the action that will occur if the igDialog header is double clicked. If the value is “false,” the window will not be affected by mouse double click. Contrastingly, it will react if the value is “true”. The “auto” state means that the igDialog will only be affected by double click if there is maximize icon in the header. “Auto” is the default state, but you cannot change it dynamically through the \{environment:ProductNameMVC\}. | | [Height](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~Height.html) | string | 100 “100px” “2em” “100%” | Gets or sets the initial height of the dialog in pixels for the normal state. Note that if “%” is used, then the size of the window browser object is used and it only takes effect when the igDialog is opening. | | [Width](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~Width.html) | string | **300** “300px” “2em” “100%” | Gets or sets the initial width of the dialog in pixels for the normal state. Note that if “%” is used, then the size of the window browser object is used and it only takes effect when the igDialog is opening. | | [MinHeight](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~MinHeight.html) | string | **100** “100px” “2em” “100%” | Gets or sets the minimal height of the dialog in the normal state. | @@ -139,15 +142,15 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [Basic Usage]({environment:SamplesUrl}/dialog-window/basic-usage): This sample shows you how to configure the `igDialog` height, width and state. +- [Basic Usage](\{environment:SamplesUrl\}/dialog-window/basic-usage): This sample shows you how to configure the `igDialog` height, width and state. - [API and Events](./02_igDialog Event Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to handle events in the Dialog Window control and API usage. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/dialog-window/aspnet-mvc-helper): This example demonstrates how you can utilize the ASP.NET MVC helper for the Dialog Window. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/dialog-window/aspnet-mvc-helper): This example demonstrates how you can utilize the ASP.NET MVC helper for the Dialog Window. -- [Modal Dialog]({environment:SamplesUrl}/dialog-window/modal-dialog): This sample shows you how to create a modal dialog. +- [Modal Dialog](\{environment:SamplesUrl\}/dialog-window/modal-dialog): This sample shows you how to create a modal dialog. -- [Loading External Page]({environment:SamplesUrl}/dialog-window/loading-external-page): This sample demonstrates how to load external content from a URL. +- [Loading External Page](\{environment:SamplesUrl\}/dialog-window/loading-external-page): This sample demonstrates how to load external content from a URL. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/animations.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/animations.mdx index 0f53b3fdaf..a69468a75d 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/animations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/animations.mdx @@ -2,6 +2,9 @@ title: "igDialog Animations" slug: igdialog-animations --- + +# igDialog Animations + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog Animations @@ -71,7 +74,7 @@ $("#dialog").igDialog({ ### <a id="configure-mvc"></a> Example with MVC -The code below demonstrates how set the animations for the {environment:ProductNameMVC} Dialog: +The code below demonstrates how set the animations for the \{environment:ProductNameMVC\} Dialog: **In C#:** diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/external-page.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/external-page.mdx index 0ed051a62e..c9f3c8bddb 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/external-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/external-page.mdx @@ -2,6 +2,9 @@ title: "igDialog External Page" slug: igdialog-external-page --- + +# igDialog External Page + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog External Page @@ -84,7 +87,7 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [Loading External Page]({environment:SamplesUrl}/dialog-window/loading-external-page): This sample demonstrates how to load external content from a URL. +- [Loading External Page](\{environment:SamplesUrl\}/dialog-window/loading-external-page): This sample demonstrates how to load external content from a URL. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/header-and-footer.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/header-and-footer.mdx index 340b020d46..06d217b3fe 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/header-and-footer.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/header-and-footer.mdx @@ -2,6 +2,9 @@ title: "igDialog Header and Footer" slug: igdialog-header-and-footer --- + +# igDialog Header and Footer + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog Header and Footer @@ -119,7 +122,7 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [Icons]({environment:SamplesUrl}/dialog-window/icons): The sample that shows you how to show `igDialog` icons. +- [Icons](\{environment:SamplesUrl\}/dialog-window/icons): The sample that shows you how to show `igDialog` icons. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/maximize-and-minimize.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/maximize-and-minimize.mdx index e87c41bcf1..e2435f880d 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/maximize-and-minimize.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/maximize-and-minimize.mdx @@ -2,6 +2,9 @@ title: "igDialog Maximize and Minimize" slug: igdialog-maximize-and-minimize --- + +# igDialog Maximize and Minimize + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog Maximize and Minimize @@ -202,7 +205,7 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [Icons]({environment:SamplesUrl}/dialog-window/icons): The sample that shows you how to show `igDialog` icons. +- [Icons](\{environment:SamplesUrl\}/dialog-window/icons): The sample that shows you how to show `igDialog` icons. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/modal-state.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/modal-state.mdx index 40e4a0a7c7..4ad0cf13b1 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/modal-state.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/modal-state.mdx @@ -2,6 +2,9 @@ title: "igDialog Modal State" slug: igdialog-modal-state --- + +# igDialog Modal State + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog Modal State @@ -90,7 +93,7 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [Modal Dialog]({environment:SamplesUrl}/dialog-window/modal-dialog) : This sample shows you how to create a modal `igDialog`. +- [Modal Dialog](\{environment:SamplesUrl\}/dialog-window/modal-dialog) : This sample shows you how to create a modal `igDialog`. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/multiple-dialogs.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/multiple-dialogs.mdx index dec5c9132a..942e66da4b 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/multiple-dialogs.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/multiple-dialogs.mdx @@ -2,6 +2,9 @@ title: "igDialog Multiple Dialogs" slug: igdialog-multiple-dialogs --- + +# igDialog Multiple Dialogs + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog Multiple Dialogs @@ -45,7 +48,7 @@ You can show multiple `igDialog` widgets on a single page and they will appear p What the control does automatically is it detects the first HTML placeholder and initializes the first dialog widget at the bottom. Respectively, the last `igDialog` HTML placeholder will be for the top widget. The `igDialog` exposes API methods that grant access to the top dialogs and the ability to move dialogs to the top level if they are not there already. -> **Note:** You cannot achieve this functionality using {environment:ProductNameMVC} Dialog. +> **Note:** You cannot achieve this functionality using \{environment:ProductNameMVC\} Dialog. ### <a id="configuring-code"></a> Code diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/pin.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/pin.mdx index f00203077b..060c941540 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/pin.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/pin.mdx @@ -2,6 +2,9 @@ title: "igDialog Pin" slug: igdialog-pin --- + +# igDialog Pin + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog Pin @@ -163,7 +166,7 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [Icons]({environment:SamplesUrl}/dialog-window/icons): The sample that shows you how to show `igDialog` icons. +- [Icons](\{environment:SamplesUrl\}/dialog-window/icons): The sample that shows you how to show `igDialog` icons. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/position.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/position.mdx index 3a6a83faf5..a20f9939a3 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/position.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/position.mdx @@ -2,6 +2,9 @@ title: "igDialog Position" slug: igdialog-position --- + +# igDialog Position + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog Position diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/show-and-hide.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/show-and-hide.mdx index ec9a109f82..e4afa5f0a6 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/configuring/show-and-hide.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/configuring/show-and-hide.mdx @@ -2,6 +2,9 @@ title: "igDialog Show and Hide" slug: igdialog-show-and-hide --- + +# igDialog Show and Hide + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog Show and Hide @@ -126,7 +129,7 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [Basic Usage]({environment:SamplesUrl}/dialog-window/basic-usage): This sample shows you how to configure the `igDialog` height, width and state. +- [Basic Usage](\{environment:SamplesUrl\}/dialog-window/basic-usage): This sample shows you how to configure the `igDialog` height, width and state. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/known-issues.mdx index f73803884a..e03c176ab9 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/known-issues.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations (igDialog)" slug: igdialog-known-issues --- + +# Known Issues and Limitations (igDialog) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations (igDialog) diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/overview.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/overview.mdx index cb39eb8c94..7c521a4100 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/overview.mdx @@ -2,6 +2,9 @@ title: "igDialog Overview" slug: igdialog-overview --- + +# igDialog Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog Overview @@ -103,7 +106,7 @@ The main functionality is that a window has the ability to show and hide itself. **Related Samples:** -- [Basic Usage]({environment:SamplesUrl}/dialog-window/basic-usage) +- [Basic Usage](\{environment:SamplesUrl\}/dialog-window/basic-usage) ### <a id="maximize-minimize"></a> Maximize and Minimize @@ -115,7 +118,7 @@ You can maximize and minimize the `igDialog` by using the appropriate buttons. T **Related Samples:** -- [Icons]({environment:SamplesUrl}/dialog-window/icons) +- [Icons](\{environment:SamplesUrl\}/dialog-window/icons) ### <a id="pin"></a> Pin @@ -127,7 +130,7 @@ The `igDialog` can be pinned the to the parent container at its top left edge. T **Related Samples:** -- [Icons]({environment:SamplesUrl}/dialog-window/icons) +- [Icons](\{environment:SamplesUrl\}/dialog-window/icons) ### <a id="drag"></a> Drag @@ -135,7 +138,7 @@ You can drag and drop the `igDialog`. The only property that needs to be modifie **Related Samples:** -- [**Basic Usage**]({environment:SamplesUrl}/dialog-window/basic-usage) +- [**Basic Usage**](\{environment:SamplesUrl\}/dialog-window/basic-usage) ### <a id="resize"></a> Resize @@ -143,7 +146,7 @@ You can drag and drop the `igDialog`. The only property that needs to be modifie **Related Samples:** -- [Basic Usage]({environment:SamplesUrl}/dialog-window/basic-usage) +- [Basic Usage](\{environment:SamplesUrl\}/dialog-window/basic-usage) ### <a id="position"></a> Position @@ -167,7 +170,7 @@ The `igDialog` control proposes properties for modifying the footer and header a **Related Samples:** -- [Icons]({environment:SamplesUrl}/dialog-window/icons) +- [Icons](\{environment:SamplesUrl\}/dialog-window/icons) ### <a id="keyboard-support"></a> Keyboard support @@ -179,7 +182,7 @@ You can close the `igDialog` using the “ESC” key. The only property that nee **Related Samples:** -- [Basic Usage]({environment:SamplesUrl}/dialog-window/basic-usage) +- [Basic Usage](\{environment:SamplesUrl\}/dialog-window/basic-usage) ### <a id="modal-state"></a> Modal state @@ -191,7 +194,7 @@ When `igDialog` is in modal state, the page in the background is hidden and disa **Related Samples:** -- [Modal Dialog]({environment:SamplesUrl}/dialog-window/modal-dialog) +- [Modal Dialog](\{environment:SamplesUrl\}/dialog-window/modal-dialog) ### <a id="multiple-dialogs"></a> Multiple dialogs @@ -211,7 +214,7 @@ The `igDialog` can have an entire page as content. For more information on how t **Related Samples:** -- [Loading External Page]({environment:SamplesUrl}/dialog-window/loading-external-page) +- [Loading External Page](\{environment:SamplesUrl\}/dialog-window/loading-external-page) ### <a id="animations"></a> Animations @@ -258,7 +261,7 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [Basic Usage]({environment:SamplesUrl}/dialog-window/basic-usage): This sample shows you how to configure the `igDialog` height, width and state. +- [Basic Usage](\{environment:SamplesUrl\}/dialog-window/basic-usage): This sample shows you how to configure the `igDialog` height, width and state. diff --git a/docs/jquery/src/content/en/topics/controls/igdialog/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igdialog/styling-and-theming.mdx index c6b9977b7f..cd1d859ecf 100644 --- a/docs/jquery/src/content/en/topics/controls/igdialog/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdialog/styling-and-theming.mdx @@ -82,7 +82,7 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [Icons]({environment:SamplesUrl}/dialog-window/icons): This sample demonstrates you how to show `igDialog` icons. +- [Icons](\{environment:SamplesUrl\}/dialog-window/icons): This sample demonstrates you how to show `igDialog` icons. diff --git a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/accessibility-compliance.mdx index 922669ce6a..a58203052b 100644 --- a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/accessibility-compliance.mdx @@ -2,6 +2,9 @@ title: "Accessibility Compliance (igDoughnutChart)" slug: igdoughnutchart-accessibility-compliance --- + +# Accessibility Compliance (igDoughnutChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Accessibility Compliance (igDoughnutChart) @@ -25,7 +28,7 @@ The following topics are prerequisites to understanding this topic: ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the `igDoughnutChart` control complies with each of these rules. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the `igDoughnutChart` control complies with each of these rules. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -46,7 +49,7 @@ Rules | Rule text | How we comply ### <a id="topics"></a> Topics The following topic provides additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for the accessibility compliance of all controls in the {environment:ProductName} product. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for the accessibility compliance of all controls in the \{environment:ProductName\} product. diff --git a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/adding.mdx b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/adding.mdx index e4e7479ec2..bb031244cd 100644 --- a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/adding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/adding.mdx @@ -15,7 +15,7 @@ This is a group of topics demonstrating how to add the `igDoughnutChart`™ cont - [Adding *igDoughnutChart* to an HTML Page](/igdoughnutchart-adding-to-an-html-page.mdx): This topic explains how to add the `igDoughnutChart` to an HTML page. -- [Adding *igDoughnutChart* to an ASP.NET MVC Application](/igdoughnutchart-adding-using-the-mvc-helper.mdx): This topic walks through instantiating an `igDoughnutChart` in an ASP.NET MVC application using {environment:ProductNameMVC}. +- [Adding *igDoughnutChart* to an ASP.NET MVC Application](/igdoughnutchart-adding-using-the-mvc-helper.mdx): This topic walks through instantiating an `igDoughnutChart` in an ASP.NET MVC application using \{environment:ProductNameMVC\}. diff --git a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/to-an-html-page.mdx b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/to-an-html-page.mdx index ea6d586cbf..a05bc9ffd4 100644 --- a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/to-an-html-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/to-an-html-page.mdx @@ -15,7 +15,7 @@ This topic explains how to add the `igDoughnutChart`™ to an HTML page. The following topics are prerequisites to understanding this topic: -- [Adding Required Resources Manually](///general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the {environment:ProductName} library. +- [Adding Required Resources Manually](///general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the \{environment:ProductName\} library. - [*igDoughnutChart* Overview](/igdoughnutchart-overview.mdx): This topic provides an overall look at the `igDoughnutChart` control. @@ -49,13 +49,13 @@ The following table summarizes the requirements for using the `igDoughnutChart` | | | | | --- | --- | --- | | Required Resources | Description | What you need to do… | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. | | igDoughnutChart CSS resource files | Uses the styles from the following CSS file for rendering various elements of the control:, <IG CSS root>/structure/modules/infragistics.ui.html5.css, <IG CSS root>/structure/modules/infragistics.ui.shared.css, <IG CSS root>/structure/modules/infragistics.ui.chart.css | | -| General `igDoughnutChart` JavaScript Resources | The igDoughnutChart control depends on functionality distributed across several files in the {environment:ProductName} Library. Load the required resources in one of the following ways: Using the Infragistics® Loader (igLoader™). You only need to include a script reference to igLoader on your page. Loading the required resources manually. You need to use the dependencies listed in the table below. Loading the two combined files, containing the logic for all data visualization controls from the {environment:ProductName} package: infragistics.core.js and infragistics.dv.js. The following table lists the {environment:ProductName} library dependences related to the igDoughnutChart control. Refer to these resources explicitly if not to using igLoader or the combined files. JS Resource | Description | -| infragistics.util.js, infragistics.util.jquery.js | {environment:ProductName} utilities | | +| General `igDoughnutChart` JavaScript Resources | The igDoughnutChart control depends on functionality distributed across several files in the \{environment:ProductName\} Library. Load the required resources in one of the following ways: Using the Infragistics® Loader (igLoader™). You only need to include a script reference to igLoader on your page. Loading the required resources manually. You need to use the dependencies listed in the table below. Loading the two combined files, containing the logic for all data visualization controls from the \{environment:ProductName\} package: infragistics.core.js and infragistics.dv.js. The following table lists the \{environment:ProductName\} library dependences related to the igDoughnutChart control. Refer to these resources explicitly if not to using igLoader or the combined files. JS Resource | Description | +| infragistics.util.js, infragistics.util.jquery.js | \{environment:ProductName\} utilities | | | infragistics.datasource.js | Data source framework | | | infragistics.templating.js | Template engine (igTemplate™) | | -| infragistics.ui.widget.js | Base igWidget for all {environment:ProductName} widgets. | | +| infragistics.ui.widget.js | Base igWidget for all \{environment:ProductName\} widgets. | | | infragistics.ext_core.js,, infragistics.ext_collections.js,, infragistics.ext_ui.js,, infragistics.dv_jquerydom.js,, infragistics.dv_core.js,, infragistics.dv_geometry.js Data visualization core functionality | | | | infragistics.datachart_core.js Common chart visualization functionality | | | | infragistics.dv_interactivity.js | Provides support for user interaction such as panning, zooming, dragging, etc. | | @@ -63,7 +63,7 @@ The following table summarizes the requirements for using the `igDoughnutChart` | infragistics.doughnutchart.js | Doughnut chart visualization logic | | | infragistics.legend.js | Common chart code for legend functionality | | | infragistics.dvcommonwidget.js | Chart and map common widget | | -| infragistics.ui.chartlegend.js | The igChartLegend™ control is common to all {environment:ProductName} chart controls | | +| infragistics.ui.chartlegend.js | The igChartLegend™ control is common to all \{environment:ProductName\} chart controls | | | infragistics.ui.basechart.js | Common code for chart widgets | | | infragistics.ui.chart.js | `igDataChart` widget UI code | | | infragistics.ui.doughnutchart.js | The `igDoughnutChart` widget UI code | | @@ -74,7 +74,7 @@ The following table summarizes the requirements for using the `igDoughnutChart` <tr> <td>IG Theme(Optional)</td> - <td>This theme contains the visual styles for the {environment:ProductName} library. The theme file is:<IG CSS root>/themes/Infragistics/infragistics.theme.css</td> + <td>This theme contains the visual styles for the \{environment:ProductName\} library. The theme file is:<IG CSS root>/themes/Infragistics/infragistics.theme.css</td> <td></td> </tr> </tbody> @@ -307,13 +307,13 @@ Follow these steps to add an `igDoughnutChart` to an HTML page. The following topics provide additional information related to this topic. -- [Adding *igDoughnutChart* to an ASP.NET MVC Application](/igdoughnutchart-adding-using-the-mvc-helper.mdx): This topic walks through instantiating an `igDoughnutChart` in an ASP.NET MVC application using {environment:ProductNameMVC}. +- [Adding *igDoughnutChart* to an ASP.NET MVC Application](/igdoughnutchart-adding-using-the-mvc-helper.mdx): This topic walks through instantiating an `igDoughnutChart` in an ASP.NET MVC application using \{environment:ProductNameMVC\}. -- [jQuery and MVC API Links (*igDoughnutChart*)](/igdoughnutchart-api-links.mdx): This topic provides links to the API documentation about the `igDoughnutChart` control and the {environment:ProductNameMVC} for it. +- [jQuery and MVC API Links (*igDoughnutChart*)](/igdoughnutchart-api-links.mdx): This topic provides links to the API documentation about the `igDoughnutChart` control and the \{environment:ProductNameMVC\} for it. ### <a id="samples"></a> Samples The following sample provides additional information related to this topic. -- [Bind to JSON]({environment:SamplesUrl}/doughnut-chart/bind-json): This is a basic example of the doughnut chart bound to JSON data. \ No newline at end of file +- [Bind to JSON](\{environment:SamplesUrl\}/doughnut-chart/bind-json): This is a basic example of the doughnut chart bound to JSON data. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/using-the-mvc-helper.mdx b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/using-the-mvc-helper.mdx index 5e4c72bcc6..5cb5758bee 100644 --- a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/adding/using-the-mvc-helper.mdx @@ -2,6 +2,9 @@ title: "Adding igDoughnutChart to an ASP.NET MVC Application" slug: igdoughnutchart-adding-using-the-mvc-helper --- + +# Adding igDoughnutChart to an ASP.NET MVC Application + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igDoughnutChart to an ASP.NET MVC Application @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This topic walks through using {environment:ProductNameMVC} to instantiate an <ApiLink type="igDoughnutChart" label="igDoughnutChart" />™ in an ASP.NET MVC application. +This topic walks through using \{environment:ProductNameMVC\} to instantiate an <ApiLink type="igDoughnutChart" label="igDoughnutChart" />™ in an ASP.NET MVC application. ### Required background @@ -22,7 +25,7 @@ The following table lists the concepts and topics required as a prerequisite to - ASP.NET MVC - ASP.NET MVC HTML Helpers - **Topics** - - [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with {environment:ProductName}™ components in an ASP.NET MVC application. + - [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with \{environment:ProductName\}™ components in an ASP.NET MVC application. @@ -48,7 +51,7 @@ This topic contains the following sections: ### <a id="intro-summary"></a> Adding *igDoughnutChart* summary -The successful addition of `igDoughnutChart` to an ASP.NET MVC application, using {environment:ProductNameMVC} requires that you adjust its size by specifying values for its <ApiLink type="igDoughnutChart" member="height" section="options" label="height" /> and <ApiLink type="igDoughnutChart" member="width" section="options" label="width" /> options and adding at least one <ApiLink type="igDoughnutChart" member="series" section="options" label="series" /> to it. +The successful addition of `igDoughnutChart` to an ASP.NET MVC application, using \{environment:ProductNameMVC\} requires that you adjust its size by specifying values for its <ApiLink type="igDoughnutChart" member="height" section="options" label="height" /> and <ApiLink type="igDoughnutChart" member="width" section="options" label="width" /> options and adding at least one <ApiLink type="igDoughnutChart" member="series" section="options" label="series" /> to it. You must provide a pre-configured data source instance, or create one internally for the series. Apart from the <ApiLink type="igDoughnutChart" member="series.dataSource" section="options" label="dataSource" /> option, in order to display the control, the <ApiLink type="igDoughnutChart" member="series.name" section="options" label="name" /> and <ApiLink type="igDoughnutChart" member="series.valueMemberPath" section="options" label="valueMemberPath" /> options require a value. The `valueMemberPath` parameter contains the value used in creating the slices of the series. In this example, the `ProductItemCollection` model is used to instantiate the `dataSource` option of the series. The `valueMemberPath` of the series is set to Index and uses its value to build its slices. @@ -59,7 +62,7 @@ An ASP.NET MVC application configured with the required JavaScript files, CSS fi ## <a id="adding"></a> Adding igDoughnutChart to an ASP.NET MVC Application -This topic walks through using {environment:ProductNameMVC} to instantiate an igDoughnutChart in an ASP.NET MVC application. +This topic walks through using \{environment:ProductNameMVC\} to instantiate an igDoughnutChart in an ASP.NET MVC application. ### <a id="adding-preview"></a> Preview @@ -85,7 +88,7 @@ Following is a conceptual overview of the process: ### <a id="adding-steps"></a> Steps -This topic walks through using {environment:ProductNameMVC} to instantiate an `igDoughnutChart` in an ASP.NET MVC application. +This topic walks through using \{environment:ProductNameMVC\} to instantiate an `igDoughnutChart` in an ASP.NET MVC application. 1. **Add a reference to *Infragistics.Web.Mvc.dll*** @@ -95,7 +98,7 @@ This topic walks through using {environment:ProductNameMVC} to instant **1.** Import the *Infragistics.Web.Mvc* namespace - In order to use {environment:ProductNameMVC}, you must first import the Infragistics.Web.Mvc namespace onto your view. + In order to use \{environment:ProductNameMVC\}, you must first import the Infragistics.Web.Mvc namespace onto your view. **In ASPX:** ```csharp @@ -184,7 +187,7 @@ This topic walks through using {environment:ProductNameMVC} to instant 4. **Instantiate the *igDoughnutChart*** - **Use {environment:ProductNameMVC} and set basic options in order to Instantiate the `igDoughnutChart`.** Use {environment:ProductNameMVC} within the body of your ASP.NET page to instantiate the `igDoughnutChart`. Several helper methods need to be set for a basic rendering when instantiating the control, there are including the following: + **Use \{environment:ProductNameMVC\} and set basic options in order to Instantiate the `igDoughnutChart`.** Use \{environment:ProductNameMVC\} within the body of your ASP.NET page to instantiate the `igDoughnutChart`. Several helper methods need to be set for a basic rendering when instantiating the control, there are including the following: | | | @@ -195,7 +198,7 @@ This topic walks through using {environment:ProductNameMVC} to instant | Series() | Instantiates a series for the `igDoughnutChart`., Apart from its `dataSource`, a `name` must be assigned to the series and its `valueMemberPath` property must get a value which will be used to determine the size of the slices. | - Finally, as with all of the {environment:ProductNameMVC} controls, you must call the Render method to render the HTML and JavaScript to the view. + Finally, as with all of the \{environment:ProductNameMVC\} controls, you must call the Render method to render the HTML and JavaScript to the view. **In ASPX:** @@ -255,13 +258,13 @@ The following topics provide additional information related to this topic. - [Adding *igDoughnutChart* to an HTML Page](/igdoughnutchart-adding-to-an-html-page.mdx): This topic explains how to add the `igDoughnutChart` to an HTML page. -- [jQuery and MVC API Links (*igDoughnutChart*)](/igdoughnutchart-api-links.mdx): This topic provides links to the API documentation about the `igDoughnutChart` control and the {environment:ProductNameMVC} for it. +- [jQuery and MVC API Links (*igDoughnutChart*)](/igdoughnutchart-api-links.mdx): This topic provides links to the API documentation about the `igDoughnutChart` control and the \{environment:ProductNameMVC\} for it. ### <a id="samples"></a> Samples The following sample provides additional information related to this topic. -- [Bind to Collection]({environment:SamplesUrl}/doughnut-chart/bind-to-collection): This is an example of rendering the `igDoughnutChart` using {environment:ProductNameMVC}. The helper binds to a collection of objects on the server and serializes the collection to JSON objects and renders the required `igDoughnutChart` HTML and JavaScript. +- [Bind to Collection](\{environment:SamplesUrl\}/doughnut-chart/bind-to-collection): This is an example of rendering the `igDoughnutChart` using \{environment:ProductNameMVC\}. The helper binds to a collection of objects on the server and serializes the collection to JSON objects and renders the required `igDoughnutChart` HTML and JavaScript. diff --git a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/api-links.mdx b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/api-links.mdx index 14833c297c..fdd16013ae 100644 --- a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igDoughnutChart)" slug: igdoughnutchart-api-links --- + +# jQuery and MVC API Links (igDoughnutChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igDoughnutChart) @@ -20,7 +23,7 @@ The following table lists the links to the API reference documentation for the ` The following topics provide additional information related to this topic. -- [Adding igDoughnutChart](/adding/igdoughnutchart-adding.mdx): This topic walks through instantiating an `igDoughnutChart` in an ASP.NET MVC application using {environment:ProductNameMVC}. +- [Adding igDoughnutChart](/adding/igdoughnutchart-adding.mdx): This topic walks through instantiating an `igDoughnutChart` in an ASP.NET MVC application using \{environment:ProductNameMVC\}. diff --git a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/configuring-selection-and-explosion.mdx b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/configuring-selection-and-explosion.mdx index 6a0516fcc5..94e76ba47d 100644 --- a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/configuring-selection-and-explosion.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/configuring-selection-and-explosion.mdx @@ -2,6 +2,9 @@ title: "Configuring Selection and Explosion (igDoughnutChart)" slug: igdoughnutchart-configuring-selection-and-explosion --- + +# Configuring Selection and Explosion (igDoughnutChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Selection and Explosion (igDoughnutChart) @@ -268,7 +271,7 @@ The following code example demonstrates how to toggle the explosion state of sli The following samples provide additional information related to this topic. -- [Bind to Collection]({environment:SamplesUrl}/doughnut-chart/bind-to-collection): This is an example of rendering the `igDoughnutChart` using {environment:ProductNameMVC}. The helper binds to a collection of objects on the server and serializes the collection to JSON objects and renders the required `igDoughnutChart` HTML and JavaScript. +- [Bind to Collection](\{environment:SamplesUrl\}/doughnut-chart/bind-to-collection): This is an example of rendering the `igDoughnutChart` using \{environment:ProductNameMVC\}. The helper binds to a collection of objects on the server and serializes the collection to JSON objects and renders the required `igDoughnutChart` HTML and JavaScript. diff --git a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/igdoughnutchart.mdx b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/igdoughnutchart.mdx index 16ed7b648f..17711031f1 100644 --- a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/igdoughnutchart.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/igdoughnutchart.mdx @@ -23,7 +23,7 @@ The `igDoughnutChart` control allows for proportionally illustrating the occurre - [Configuring Selection and Explosion (*igDoughnutChart*)](/igdoughnutchart-configuring-selection-and-explosion.mdx): This topic explains how to configure selection and explosion for the slices of the `igDoughnutChart`. -- [jQuery and MVC API Links (*igDoughnutChart*)](/igdoughnutchart-api-links.mdx): This topic provides links to the API documentation about the `igDoughnutChart` control and the {environment:ProductNameMVC} for it. +- [jQuery and MVC API Links (*igDoughnutChart*)](/igdoughnutchart-api-links.mdx): This topic provides links to the API documentation about the `igDoughnutChart` control and the \{environment:ProductNameMVC\} for it. - [Known Issues and Limitations (*igDoughnutChart*)](/igdoughnutchart-known-issues-and-limitations.mdx): This topic provides information on the `igDoughnutChart` control’s known issues and limitations. diff --git a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/overview.mdx b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/overview.mdx index da50b7c539..b9e055cbfa 100644 --- a/docs/jquery/src/content/en/topics/controls/igdoughnutchart/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igdoughnutchart/overview.mdx @@ -2,6 +2,9 @@ title: "igDoughnutChart Overview" slug: igdoughnutchart-overview --- + +# igDoughnutChart Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDoughnutChart Overview @@ -66,17 +69,17 @@ The following topics provide additional information related to this topic. - [Configuring Selection and Explosion (*igDoughnutChart*)](/igdoughnutchart-configuring-selection-and-explosion.mdx): This topic explains how to configure the slice selection and explosion on `igDoughnutChart`. -- [jQuery and MVC API Links (*igDoughnutChart*)](/igdoughnutchart-api-links.mdx): This topic provides links to the API documentation about the `igDoughnutChart` control and the {environment:ProductNameMVC} for it. +- [jQuery and MVC API Links (*igDoughnutChart*)](/igdoughnutchart-api-links.mdx): This topic provides links to the API documentation about the `igDoughnutChart` control and the \{environment:ProductNameMVC\} for it. ### <a id="samples"></a> Samples The following samples provide additional information related to this topic. -- [Bind to Collection]({environment:SamplesUrl}/doughnut-chart/bind-to-collection): This sample demonstrates how to render `igDoughnutChart` using the {environment:ProductNameMVC} and bind it to a collection of objects on the server. +- [Bind to Collection](\{environment:SamplesUrl\}/doughnut-chart/bind-to-collection): This sample demonstrates how to render `igDoughnutChart` using the \{environment:ProductNameMVC\} and bind it to a collection of objects on the server. -- [Bind to JSON]({environment:SamplesUrl}/doughnut-chart/bind-json): This sample demonstrates how to bind doughnut chart to JSON data. +- [Bind to JSON](\{environment:SamplesUrl\}/doughnut-chart/bind-json): This sample demonstrates how to bind doughnut chart to JSON data. -- [Labels and Tooltips]({environment:SamplesUrl}/doughnut-chart/labels-tooltips): This sample demonstrates how to configure labels, tooltips and other options on `igDoughnutChart`. +- [Labels and Tooltips](\{environment:SamplesUrl\}/doughnut-chart/labels-tooltips): This sample demonstrates how to configure labels, tooltips and other options on `igDoughnutChart`. -- [Configure Legend]({environment:SamplesUrl}/doughnut-chart/configure-legend): This sample demonstrates how to configure `igDoughnutChart`'s legend. +- [Configure Legend](\{environment:SamplesUrl\}/doughnut-chart/configure-legend): This sample demonstrates how to configure `igDoughnutChart`'s legend. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-aspnet-mvc-validation.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-aspnet-mvc-validation.mdx index b45dcadf40..c656b68a3d 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-aspnet-mvc-validation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-aspnet-mvc-validation.mdx @@ -5,24 +5,23 @@ slug: configuring-asp.net-mvc-validation # Configuring ASP.NET MVC Validation - ##Topic Overview ### Purpose -Starting with a form consisting of {environment:ProductNameMVC} editor controls, this topic demonstrates how to create the form and validate the form with data annotations. It also shows how to configure an ASP.NET MVC ValidationMessage to further customize the layout of validation text. +Starting with a form consisting of \{environment:ProductNameMVC\} editor controls, this topic demonstrates how to create the form and validate the form with data annotations. It also shows how to configure an ASP.NET MVC ValidationMessage to further customize the layout of validation text. ### Required background ####Concepts - ASP.NET MVC Data Annotation Validators -- Using {environment:ProductNameMVC} Editors and Combo +- Using \{environment:ProductNameMVC\} Editors and Combo ####Topics -- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): To accomplish the basics of setting up an ASP.NET MVC application with {environment:ProductName} scripts, CSS, and assemblies. +- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): To accomplish the basics of setting up an ASP.NET MVC application with \{environment:ProductName\} scripts, CSS, and assemblies. - [igTextEditor Overview](/igtexteditor/overview.mdx) : To familiarize you with the basics of using the igTextEditor in ASP.NET MVC @@ -53,7 +52,7 @@ This topic contains the following sections: ### <a id="_Introduction"></a>Introduction -In this procedure, you create and configure a Person model for ASP.NET MVC Data Annotation Validation using {environment:ProductNameMVC} controls. +In this procedure, you create and configure a Person model for ASP.NET MVC Data Annotation Validation using \{environment:ProductNameMVC\} controls. ### <a id="_Preview"></a>Preview @@ -65,7 +64,7 @@ The following screenshot is a preview of the final result. To complete the procedure, you need the an ASP.NET MVC Project with the following: -- The required {environment:ProductName} JavaScript and CSS files +- The required \{environment:ProductName\} JavaScript and CSS files - The Infragistics.Web.Mvc.dll assembly referenced ###<a id="_Requirements_Overview"></a> Overview @@ -79,7 +78,7 @@ This topic takes you step-by-step toward creating a model with data annotations. ### <a id="_Steps"></a>Steps -The following steps demonstrate how to configure data annotation validation for {environment:ProductName} controls. +The following steps demonstrate how to configure data annotation validation for \{environment:ProductName\} controls. ​**1.Create a Person class** @@ -445,7 +444,7 @@ The following steps demonstrate how to configure data annotation validation for The following topics provide additional information related to this topic. -- [Configuring igEditors at Runtime](/configuring-igeditors-at-runtime.mdx) : To learn more about using editors at runtime including important information regarding how the {environment:ProductNameMVC} render the controls. +- [Configuring igEditors at Runtime](/configuring-igeditors-at-runtime.mdx) : To learn more about using editors at runtime including important information regarding how the \{environment:ProductNameMVC\} render the controls. ###<a id="_Samples"></a> Samples @@ -453,4 +452,4 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Data Annotation Validation]({environment:SamplesUrl}/editors/data-annotation-validation): This sample shows data annotation validation when a submit button is pressed. +- [Data Annotation Validation](\{environment:SamplesUrl\}/editors/data-annotation-validation): This sample shows data annotation validation when a submit button is pressed. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-igeditors-at-runtime.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-igeditors-at-runtime.mdx index 59354a950b..8c8668d51f 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-igeditors-at-runtime.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-igeditors-at-runtime.mdx @@ -5,7 +5,6 @@ slug: configuring-igeditors-at-runtime # Configuring igEditors at Runtime - ##Topic Overview @@ -32,10 +31,10 @@ This topic contains the following sections: #### General requirements - jQuery-specific requirements -- An HTML web page where {environment:ProductName} controls are instantiated. +- An HTML web page where \{environment:ProductName\} controls are instantiated. - MVC-specific requirements - An MVC project in Microsoft Visual Studio® -- A reference to the Infragsitics.Web.Mvc dll (contains the {environment:ProductNameMVC}) +- A reference to the Infragsitics.Web.Mvc dll (contains the \{environment:ProductNameMVC\}) #### Scripting requirements @@ -43,7 +42,7 @@ This topic contains the following sections: 1. The jQuery core library script 2. The jQuery UI library - 3. The required {environment:ProductName} script files for the editors on your page + 3. The required \{environment:ProductName\} script files for the editors on your page ##<a id="_Binding_to_events_and_setting_options"></a>Binding to events and setting options @@ -132,7 +131,7 @@ Therefore for example if want to attach to the “columnhiding” event of the ##### igTextEditor -The following example instantiates an {environment:ProductNameMVC} `TextEditor` control using the HTML helper and then subscribes to the focus event once the control is initialized. +The following example instantiates an \{environment:ProductNameMVC\} `TextEditor` control using the HTML helper and then subscribes to the focus event once the control is initialized. @@ -161,7 +160,7 @@ $("#texteditor").bind(‘igeditorfocus’, function (evt, ui) { ##### igDateEditor -The following example instantiates an {environment:ProductNameMVC} `DateEditor` using the HTML helper then subscribes to the focus event after initialization. +The following example instantiates an \{environment:ProductNameMVC\} `DateEditor` using the HTML helper then subscribes to the focus event after initialization. Begin by instantiating the `igTextEditor` control in the view. @@ -197,7 +196,7 @@ In order to manipulate an option after initialization, you access the control cr $(‘#inputFieldID’).igTextEditor (‘option’, <option name>,<option value>); ``` -The {environment:ProductNameMVC} internally renders an `igEditor` control. So your code should look like this: +The \{environment:ProductNameMVC\} internally renders an `igEditor` control. So your code should look like this: ``` $(‘#inputFieldID’).igEditor (‘option’, <option name>,<option value>); @@ -212,7 +211,7 @@ When using the widget on the client at runtime you should also use the `igEditor ##### igMaskEditor -The following example instantiates an {environment:ProductNameMVC} `MaskEditor` control with the HTML helper and then changes the input mask after initialization. +The following example instantiates an \{environment:ProductNameMVC\} `MaskEditor` control with the HTML helper and then changes the input mask after initialization. Begin by instantiating the `igMaskEditor` control in the view. @@ -238,7 +237,7 @@ $("#maskeditor").igEditor('option', 'inputMask', ‘CCCCCCCCCC’); ##### igPercentEditor -The following example instantiates an {environment:ProductNameMVC} `PercentEditor` control using the HTML helper and changes the maximum decimals after initialization. +The following example instantiates an \{environment:ProductNameMVC\} `PercentEditor` control using the HTML helper and changes the maximum decimals after initialization. @@ -265,7 +264,7 @@ $("#percenteditor").igEditor('option', 'maxDecimals', 10); ##<a id="_Related_Topics"></a>Related Topics -- [Using Events in {environment:ProductName}](///general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) +- [Using Events in \{environment:ProductName\}](///general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-knockout-support-editors.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-knockout-support-editors.mdx index 5eeb93044f..552738a6de 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-knockout-support-editors.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/config/configuring-knockout-support-editors.mdx @@ -5,13 +5,12 @@ slug: configuring-knockout-support-(editors) # Configuring Knockout Support - ##Topic Overview ### Purpose -This topic explains how to configure {environment:ProductName}® editor controls to bind to View-Model objects using the Knockout library. +This topic explains how to configure \{environment:ProductName\}® editor controls to bind to View-Model objects using the Knockout library. ### Required background @@ -67,7 +66,7 @@ This topic contains the following sections: ### Knockout support summary -The support for the Knockout library in {environment:ProductName} editor controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure {environment:ProductName} editors. +The support for the Knockout library in \{environment:ProductName\} editor controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure \{environment:ProductName\} editors. The Knockout support is implemented as a Knockout extension which is invoked initially when Knockout bindings are applied to a page and during the page life when external updates to the View-Model happen. You can specify any of the editor control options that have relevance for your business case in the data-bind attribute. @@ -80,17 +79,17 @@ The Knockout support is implemented as a Knockout extension which is invoked ini The following table lists the code examples included in this topic. -- [Configuring Value Binding for Editor Controls](#_Configuring_Value_Binding_for_Editor_Controls) : This example shows how to bind the value option of {environment:ProductName} editor controls to a View-Model object using the Knockout declarative syntax. +- [Configuring Value Binding for Editor Controls](#_Configuring_Value_Binding_for_Editor_Controls) : This example shows how to bind the value option of \{environment:ProductName\} editor controls to a View-Model object using the Knockout declarative syntax. - [Configuring an Input Mask (igMaskEditor)](#_Configuring_an_Input_Mask) : This example shows how to bind an `igMaskEditor`™ to a View-Model object using the Knockout declarative syntax. - [Configuring a Scaling Factor (igPercentEditor)](#_Configuring_a_Scaling_Factor): This example shows how to bind an `igPercentEditor`™ to a View-Model object using the Knockout declarative syntax. - - [Complete code example](#complete-sample): This sample demonstrates binding {environment:ProductName} Editor controls to data managed by Knockout data bindings. + - [Complete code example](#complete-sample): This sample demonstrates binding \{environment:ProductName\} Editor controls to data managed by Knockout data bindings. - [Code Example: Configuring Immediate Update Mode (igTextEditor)](#_Configuring_Immediate_Update_Mode): This example shows how to instantiate an `igTextEditor` control and configure updates on every key stroke. ## <a id="_Configuring_Value_Binding_for_Editor_Controls"></a>Code Example: Configuring Value Binding for Editor Controls -This example shows how to bind the value option of {environment:ProductName} editor controls to a View-Model managed by Knockout. It is shown in the context of `igTextEditor`, `igNumericEditor`, `igCurrencyEditor` and `igDateEditor` controls. Using the declarative syntax of Knockout, the controls are instantiated from data-bind attribute of input elements and bound to View-Model observable properties. +This example shows how to bind the value option of \{environment:ProductName\} editor controls to a View-Model managed by Knockout. It is shown in the context of `igTextEditor`, `igNumericEditor`, `igCurrencyEditor` and `igDateEditor` controls. Using the declarative syntax of Knockout, the controls are instantiated from data-bind attribute of input elements and bound to View-Model observable properties. #### Code @@ -109,7 +108,7 @@ var viewModel = { }; ``` -The following code snippet shows how to apply the declared Knockout bindings to the page. Note that the `ko.applyBindings()` call is made within the ready callback of the Loader. This is necessary because the {environment:ProductName} editor extensions for Knockout need to be loaded into the page before the bindings are applied. +The following code snippet shows how to apply the declared Knockout bindings to the page. Note that the `ko.applyBindings()` call is made within the ready callback of the Loader. This is necessary because the \{environment:ProductName\} editor extensions for Knockout need to be loaded into the page before the bindings are applied. **In JavaScript:** @@ -178,16 +177,16 @@ The code snippet below instantiates an `igPercentEditor` control. The control is ### <a id="complete-sample"></a> Complete code example -This sample demonstrates binding {environment:ProductName} Editor controls to data managed by Knockout data bindings: +This sample demonstrates binding \{environment:ProductName\} Editor controls to data managed by Knockout data bindings: <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/editors/bind-editors-with-ko]({environment:SamplesEmbedUrl}/editors/bind-editors-with-ko) + [\{environment:SamplesEmbedUrl\}/editors/bind-editors-with-ko](\{environment:SamplesEmbedUrl\}/editors/bind-editors-with-ko) </div> ##<a id="_Configuring_Immediate_Update_Mode"></a>Code Example: Configuring Immediate Update Mode (`igTextEditor`) -This example shows how to bind the value option of {environment:ProductName} editor control to a View-Model, managed by Knockout and configure the control to update the View-Model on every keystroke. By default, any edits in an {environment:ProductName} editor control are sent to the View-Model when the control loses focus i.e. when `onBlur` event occurs. The following code snippet demonstrates how to set the `updateMode` of the `igTextEditor` Knockout extension to `immediate`. This allows the editor to update the View-Model on each keystroke or when an input text change occurs. +This example shows how to bind the value option of \{environment:ProductName\} editor control to a View-Model, managed by Knockout and configure the control to update the View-Model on every keystroke. By default, any edits in an \{environment:ProductName\} editor control are sent to the View-Model when the control loses focus i.e. when `onBlur` event occurs. The following code snippet demonstrates how to set the `updateMode` of the `igTextEditor` Knockout extension to `immediate`. This allows the editor to update the View-Model on each keystroke or when an input text change occurs. ### Code diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/config/editors-configure-editors.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/config/editors-configure-editors.mdx index 768aa1a6d9..a17f991ae9 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/config/editors-configure-editors.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/config/editors-configure-editors.mdx @@ -5,24 +5,23 @@ slug: editors-configure-editors # Configuring Editors - ##In This Group of Topics #### Introduction -The topics in this group explain how to configure {environment:ProductName}® editor controls. +The topics in this group explain how to configure \{environment:ProductName\}® editor controls. #### Topics -- [Configuring Editors at Run-Time](/configuring-igeditors-at-runtime.mdx): The topic explains how to handle events and set options for {environment:ProductName} editor controls. +- [Configuring Editors at Run-Time](/configuring-igeditors-at-runtime.mdx): The topic explains how to handle events and set options for \{environment:ProductName\} editor controls. -- [Configuring ASP.NET MVC Validation (Editors)](./00_Configuring ASP.NET MVC Validation.mdx): Starting with a form consisting of {environment:ProductName} editor controls, this topic demonstrates how to create the form and validate the form with data annotations. It also shows how to configure an ASP.NET MVC ValidationMessage to further customize the layout of validation text. +- [Configuring ASP.NET MVC Validation (Editors)](./00_Configuring ASP.NET MVC Validation.mdx): Starting with a form consisting of \{environment:ProductName\} editor controls, this topic demonstrates how to create the form and validate the form with data annotations. It also shows how to configure an ASP.NET MVC ValidationMessage to further customize the layout of validation text. - [Localizing Editors](/localizing-igeditors.mdx): The topic shows how to use the localization resources and the regional settings in the editors. -- [Configuring Knockout Support (Editors)](./02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure {environment:ProductName} editor controls to bind to View-Model objects using the Knockout library. +- [Configuring Knockout Support (Editors)](./02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure \{environment:ProductName\} editor controls to bind to View-Model objects using the Knockout library. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/config/localizing-igeditors.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/config/localizing-igeditors.mdx index ce6d2c169c..fd2ae6ce55 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/config/localizing-igeditors.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/config/localizing-igeditors.mdx @@ -7,9 +7,9 @@ slug: localizing-igeditors There are two types of localization. First is for the localization resources in the controls. Second is for the regional settings in the controls. -Localization resources for the controls are in Bulgarian, Russian, Japanese, German, Spanish and French languages. These reside in js/modules/i18n (where js is the root folder for the JavaScript files in the {environment:ProductName} program installation path). To get more into using the localization resources you can read the ["Customizing the Localization of {environment:ProductName} Controls"](///general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx) topic. +Localization resources for the controls are in Bulgarian, Russian, Japanese, German, Spanish and French languages. These reside in js/modules/i18n (where js is the root folder for the JavaScript files in the \{environment:ProductName\} program installation path). To get more into using the localization resources you can read the ["Customizing the Localization of \{environment:ProductName\} Controls"](///general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx) topic. -The regional settings, on the other hand, provide region specific formats for dates, numbers, as well as currency symbols, floating point symbols, decimal separators, default decimal rounding, etc. These reside in the ../js/modules/i18n/regional (where js is the root folder for the JavaScript files in the {environment:ProductName} program installation path). +The regional settings, on the other hand, provide region specific formats for dates, numbers, as well as currency symbols, floating point symbols, decimal separators, default decimal rounding, etc. These reside in the ../js/modules/i18n/regional (where js is the root folder for the JavaScript files in the \{environment:ProductName\} program installation path). ## Use cases @@ -96,10 +96,10 @@ Option | Description In this sample we show how a culture can be set to the editors' `regional` option to change the default formatting of dates, numbers and currencies. Three regions are configured here (United States, Japan and Tamil, India) and there are many more to choose from in the infragistics.ui.regional-i18n.js file. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/editors/localizing-editors]({environment:SamplesEmbedUrl}/editors/localizing-editors) + [\{environment:SamplesEmbedUrl\}/editors/localizing-editors](\{environment:SamplesEmbedUrl\}/editors/localizing-editors) </div> ## <a id="_Related_Topics"></a>Related Topics - [Editors Help Overview](igeditors-landingpage.html) -- [Customizing the Localization of {environment:ProductName} Controls](///general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx) +- [Customizing the Localization of \{environment:ProductName\} Controls](///general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/accessibility-compliance.mdx index 24f1904556..0b929c1167 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/accessibility-compliance.mdx @@ -6,7 +6,7 @@ slug: igcheckboxeditor-accessibility-compliance # igCheckboxEditor Accessibility Compliance ## igCheckboxEditor Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igCheckboxEditor` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igCheckboxEditor` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/jquery-api.mdx index 166c92221e..d9ff5571a3 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/jquery-api.mdx @@ -2,6 +2,9 @@ title: "igCheckboxEditor jQuery and MVC API Links" slug: igcheckboxeditor-jquery-api --- + +# igCheckboxEditor jQuery and MVC API Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igCheckboxEditor jQuery and MVC API Links diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/overview.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/overview.mdx index 0f854034f9..dc517d4a85 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igcheckboxeditor/overview.mdx @@ -5,7 +5,7 @@ slug: igcheckboxeditor-overview # igCheckboxEditor Overview -The {environment:ProductName} check box editor, or "`igCheckboxEditor`", is a control that renders a check box field, which permits users to make a binary choice between one or multiple mutually exclusive options and allows the user to submit the check box value to the server. +The \{environment:ProductName\} check box editor, or "`igCheckboxEditor`", is a control that renders a check box field, which permits users to make a binary choice between one or multiple mutually exclusive options and allows the user to submit the check box value to the server. As the user interacts with the control the visual appearance is updated to give immediate feedback. The editor has two states and the check box works as a two-state toggle. One of the states reflects the checked solution and the other reflects the not checked solution. @@ -14,7 +14,7 @@ As the user interacts with the control the visual appearance is updated to give ## Adding igCheckboxEditor to a Web Page -1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. @@ -43,7 +43,7 @@ As the user interacts with the control the visual appearance is updated to give <script type="text/javascript" src="@Url.Content("~/Scripts/infragistics.lob.js")"></script> ``` -3. For jQuery implementations create an INPUT,a SPAN or a DIV as the target element in HTML. This step is optional for ASP.NET MVC implementations as {environment:ProductNameMVC} creates the containing element for you. +3. For jQuery implementations create an INPUT,a SPAN or a DIV as the target element in HTML. This step is optional for ASP.NET MVC implementations as \{environment:ProductNameMVC\} creates the containing element for you. **In HTML:** ```html @@ -104,6 +104,6 @@ $('#checkInput').igCheckboxEditor({ ## Related Links -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/accessibility-compliance.mdx index 382c62473a..41d60460d5 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/accessibility-compliance.mdx @@ -5,7 +5,7 @@ slug: igcurrencyeditor-igcurrencyeditor-accessibility-compliance # igCurrencyEditor Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igCurrencyEditor` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igCurrencyEditor` control complies with each rule. To meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in many cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/jquery-api.mdx index c76cc2cf28..ca2a780d45 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/jquery-api.mdx @@ -2,6 +2,9 @@ title: "igCurrencyEditor jQuery and MVC API Links" slug: igcurrencyeditor-igcurrencyeditor-jquery-api --- + +# igCurrencyEditor jQuery and MVC API Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igCurrencyEditor jQuery and MVC API Links diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/keyboard-navigation.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/keyboard-navigation.mdx index 298df34d04..b1c089404f 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "Keyboard Navigation (igCurrencyEditor)" slug: igcurrencyeditor-keyboard-navigation --- +# Keyboard Navigation (igCurrencyEditor) + #Keyboard Navigation (igCurrencyEditor) ##Topic overview diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/known-issues.mdx index 0284afba5f..99a5117744 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/known-issues.mdx @@ -5,7 +5,6 @@ slug: igcurrencyeditor-igcurrencyeditor-known-issues # igCurrencyEditor Known Issues - **Known Issues** Currently there are no known issues or limitations specific to the `igCurrencyEditor`. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/migrating-to-the-new-igcurrencyeditor.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/migrating-to-the-new-igcurrencyeditor.mdx index da5a4d0d34..51627d7695 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/migrating-to-the-new-igcurrencyeditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/migrating-to-the-new-igcurrencyeditor.mdx @@ -2,11 +2,14 @@ title: "Migrating to the new igCurrencyEditor" slug: migrating-to-the-new-igcurrencyeditor --- + +# Migrating to the new igCurrencyEditor + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating to the new igCurrencyEditor -With the 15.2 release of {environment:ProductName}™ a new set of editor controls were introduced including a reworked `igCurrencyEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. +With the 15.2 release of \{environment:ProductName\}™ a new set of editor controls were introduced including a reworked `igCurrencyEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. ## Topic overview This topic aims to help with migration from old currency editor to the new one. Different scenarios are viewed and how they were done before and how they can be done now. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/overview.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/overview.mdx index 6515a26e7b..bc5b5b892f 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/overview.mdx @@ -2,12 +2,15 @@ title: "igCurrencyEditor Overview" slug: igcurrencyeditor-igcurrencyeditor-overview --- + +# igCurrencyEditor Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igCurrencyEditor Overview -The {environment:ProductName}™ currency editor, or `igCurrencyEditor`, is a control which renders an input field which only accepts numeric values, formatted as various currency types. The `igCurrencyEditor` control supports localization, by recognizing different regional options exposed from the browser. +The \{environment:ProductName\}™ currency editor, or `igCurrencyEditor`, is a control which renders an input field which only accepts numeric values, formatted as various currency types. The `igCurrencyEditor` control supports localization, by recognizing different regional options exposed from the browser. As the user interacts with the control, the visual appearance is updated to reflect any changes. Once the editor loses focus, a value-dependent positive or negative pattern is applied to the control, along with adding the appropriate currency sign. @@ -15,7 +18,7 @@ Figure 1: The `igCurrencyEditor` formatted for American currency ![](images/igCurrencyEditor_Overview.png) -[igCurrencyEditor Options Sample]({environment:SamplesUrl}/editors/currency-editor) +[igCurrencyEditor Options Sample](\{environment:SamplesUrl\}/editors/currency-editor) ## Features @@ -44,19 +47,19 @@ $('#currencyEditor').igCurrencyEditor({ ``` ![](images/igCurrencyEditor_PositivePattern.png) -## Adding igCurrencyEditor using the {environment:ProductFamilyName} CLI +## Adding igCurrencyEditor using the \{environment:ProductFamilyName\} CLI -The easiest way to add a new igCurrencyEditor to your application is via the {environment:ProductFamilyName} CLI. After you have created a new application, you just need to execute the following command and a currency editor will be added to the project: +The easiest way to add a new igCurrencyEditor to your application is via the \{environment:ProductFamilyName\} CLI. After you have created a new application, you just need to execute the following command and a currency editor will be added to the project: ``` ig add currency-editor newCurrencyEditor ``` This command will add a new currency editor no matter if your application is created in Angular, React or jQuery. -For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. +For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. ## Adding igCurrencyEditor to a Web Page -1. To get started, include the required and localized resources for your application. Details on which resources to include are found in the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include are found in the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. **In HTML:** @@ -85,7 +88,7 @@ For more information and the list of all available commands read the [Using <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. For purely jQuery implementations, start off by creating an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as {environment:ProductNameMVC} creates the containing element for you. +3. For purely jQuery implementations, start off by creating an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as \{environment:ProductNameMVC\} creates the containing element for you. **In HTML:** @@ -117,9 +120,9 @@ For more information and the list of all available commands read the [Using ## Related Links -- [Currency Editor Sample]({environment:SamplesUrl}/editors/currency-editor) -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Currency Editor Sample](\{environment:SamplesUrl\}/editors/currency-editor) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/styling-and-theming.mdx index f5567304b2..2c70765ffb 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igcurrencyeditor/styling-and-theming.mdx @@ -2,6 +2,9 @@ title: "igCurrencyEditor Styling and Theming" slug: igcurrencyeditor-igcurrencyeditor-styling-and-theming --- + +# igCurrencyEditor Styling and Theming + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igCurrencyEditor Styling and Theming @@ -9,12 +12,12 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; The `igCurrencyEditor` jQuery widget exposes a number of options for styling. To customize the style of the currency editor, you can use a different theme, or directly apply custom CSS rules to the control. -The {environment:ProductName} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. +The \{environment:ProductName\} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls on the page, including the editors. ## Using ThemeRoller -As the `igCurrencyEditor` control uses the jQuery UI CSS framework, it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with {environment:ProductName}. +As the `igCurrencyEditor` control uses the jQuery UI CSS framework, it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with \{environment:ProductName\}. Currency editor using the UI Darkness theme: diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/accessibility-compliance.mdx index 32bd262d3f..3a300cbf76 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/accessibility-compliance.mdx @@ -5,7 +5,7 @@ slug: igdateeditor-accessibility-compliance # igDateEditor Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igDateEditor` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igDateEditor` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/igdateeditor.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/igdateeditor.mdx index 5ef205cb18..06e4bbec4e 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/igdateeditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/igdateeditor.mdx @@ -5,7 +5,6 @@ slug: igdateeditor-igdateeditor # igDateEditor - Click on the links below to find information on how to get `igDateEditor` quickly up and running. - [igDateEditor Overview](/igdateeditor-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/jquery-api.mdx index c7cedcee6d..e8c8e63458 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/jquery-api.mdx @@ -2,6 +2,9 @@ title: "igDateEditor jQuery and MVC API Links" slug: igdateeditor-jquery-api --- + +# igDateEditor jQuery and MVC API Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDateEditor jQuery and MVC API Links diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/keyboard-navigation.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/keyboard-navigation.mdx index 5b640ad145..98199ec7f4 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "Keyboard Navigation (igDateEditor)" slug: igdateeditor-keyboard-navigation --- +# Keyboard Navigation (igDateEditor) + #Keyboard Navigation (igDateEditor) ##Topic overview diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/known-issues.mdx index 27b99cb84f..fe9d6960ae 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/known-issues.mdx @@ -2,6 +2,9 @@ title: "igDateEditor Known Issues" slug: igdateeditor-known-issues --- + +# igDateEditor Known Issues + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDateEditor Known Issues diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx index 3642a1b7ab..289b2428ce 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx @@ -2,6 +2,9 @@ title: "Migrating date handling in 17.1" slug: igDateEditor-migrating-date-handling-in-17-1 --- + +# Migrating date handling in 17.1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating date handling in 17.1 @@ -47,9 +50,9 @@ $('#edtr').igDateEditor({ ``` Both versions produce "2/9/2016 10:55 AM" (in US format), with the addition of `displayTimeOffset` as non-boolean allows to display both UTC or a completely custom offset, while keeping the underlying value untouched. -### {environment:ProductNameMVC} +### \{environment:ProductNameMVC\} -While upgrading to version 17.1 may not necessarily require any action, it's important to note the differences. In previous versions, when handling `DateTime` values, the {environment:ProductNameMVC} always created a Date for the client with the server values. +While upgrading to version 17.1 may not necessarily require any action, it's important to note the differences. In previous versions, when handling `DateTime` values, the \{environment:ProductNameMVC\} always created a Date for the client with the server values. Take the following example: ```csharp @@ -67,7 +70,7 @@ value: new Date(2016, 1, 9, 10, 55, 55); ``` While this will produce the correct display, it actually creates a local date on the client so the underlying time value would actually be different based on the client time zone. This means the server and client values display the same but actually point to different points in time and that can lead to unexpected handling of values when transferring between them, especially using the default "date" <ApiLink type="igdateeditor" member="dataMode" section="options" label="dataMode" /> which serializes the client value based on the UTC value per the ISO 8061 format. -For that reason from 17.1 the {environment:ProductNameMVC} also use the ISO 8061 format to initialize the client widget with the correct value and allow for consistent round-trip transfer of values. For backwards compatibility, the helpers will also output the new <ApiLink type="igdateeditor" member="displayTimeOffset" section="options" label="displayTimeOffset" /> value based on the server time by default, thus for a server in GMT+1 the above example will render to the client as: +For that reason from 17.1 the \{environment:ProductNameMVC\} also use the ISO 8061 format to initialize the client widget with the correct value and allow for consistent round-trip transfer of values. For backwards compatibility, the helpers will also output the new <ApiLink type="igdateeditor" member="displayTimeOffset" section="options" label="displayTimeOffset" /> value based on the server time by default, thus for a server in GMT+1 the above example will render to the client as: ```js value: '2016-01-09T09:55:55.0000000Z', @@ -80,5 +83,5 @@ Which will again display to the client as "10:55AM", but the original value rema ## Related Topics -For more information of how to show the specific client date, please follow the [Using {environment:ProductName} controls in different time zones](///general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx) topic and specifically the Ignoring server date and displaying the specific client one section. +For more information of how to show the specific client date, please follow the [Using \{environment:ProductName\} controls in different time zones](///general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx) topic and specifically the Ignoring server date and displaying the specific client one section. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/migrating-to-the-new-igdateeditor.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/migrating-to-the-new-igdateeditor.mdx index afab961962..473cf48d9a 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/migrating-to-the-new-igdateeditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/migrating-to-the-new-igdateeditor.mdx @@ -2,11 +2,14 @@ title: "Migrating to the new igDateEditor" slug: migrating-to-the-new-igdateeditor --- + +# Migrating to the new igDateEditor + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating to the new igDateEditor -With the 15.2 release of {environment:ProductName}™ a new set of editor controls were introduced including a reworked `igDateEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. +With the 15.2 release of \{environment:ProductName\}™ a new set of editor controls were introduced including a reworked `igDateEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. ## Topic overview This topic aims to help with migration from old date editor to the new one. Different scenarios are viewed and how they were done before and how they can be done now. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/overview.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/overview.mdx index 7ef84bda0f..826ed7286d 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/overview.mdx @@ -2,14 +2,17 @@ title: "igDateEditor Overview" slug: igdateeditor-overview --- + +# igDateEditor Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDateEditor Overview -The {environment:ProductName}™ date editor, or `igDateEditor`, is a control that renders an input field, which allows users to edit date formatted data. The `igDateEditor` control supports localization and different regional options. +The \{environment:ProductName\}™ date editor, or `igDateEditor`, is a control that renders an input field, which allows users to edit date formatted data. The `igDateEditor` control supports localization and different regional options. -The `igDateEditor` control exposes a rich client-side API, which can be configured to work with any server technology. While the {environment:ProductName}™ controls are server-agnostic, the control is included as part of the {environment:ProductNameMVC} specific for the Microsoft® ASP.NET MVC Framework and can be configured with the .NET™ language of your choice. +The `igDateEditor` control exposes a rich client-side API, which can be configured to work with any server technology. While the \{environment:ProductName\}™ controls are server-agnostic, the control is included as part of the \{environment:ProductNameMVC\} specific for the Microsoft® ASP.NET MVC Framework and can be configured with the .NET™ language of your choice. The `igDateEditor` control may be extensively styled giving you an opportunity to provide a completely different look and feel for the control as opposed to the default style. Styling options include using your own styles as well as styles from jQuery UI’s ThemeRoller. @@ -34,7 +37,7 @@ The `igDateEditor` includes the following characteristics: ## Adding igDateEditor to a Web Page -1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. **In HTML:** @@ -63,7 +66,7 @@ The `igDateEditor` includes the following characteristics: <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. For jQuery implementations, create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as {environment:ProductNameMVC} creates the containing element for you. +3. For jQuery implementations, create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as \{environment:ProductNameMVC\} creates the containing element for you. **In HTML:** @@ -121,15 +124,15 @@ Supported formats follow the general patterns for [Formatting Dates](///general- This sample shows different configurations for formatting dates and times in the date editor: <div class="embed-sample"> -[{environment:SamplesEmbedUrl}/editors/date-and-time-formats]({environment:SamplesEmbedUrl}/editors/date-and-time-formats) +[\{environment:SamplesEmbedUrl\}/editors/date-and-time-formats](\{environment:SamplesEmbedUrl\}/editors/date-and-time-formats) </div> ## Related Links -- [Date Editor Sample]({environment:SamplesUrl}/editors/date-editor) -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Date Editor Sample](\{environment:SamplesUrl\}/editors/date-editor) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/styling-and-theming.mdx index dc631afd8a..97aba8599e 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdateeditor/styling-and-theming.mdx @@ -2,17 +2,20 @@ title: "igDateEditor Styling and Theming" slug: igdateeditor-styling-and-theming --- + +# igDateEditor Styling and Theming + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDateEditor Styling and Theming The `igDateEditor` control is a jQuery-based widget that extends the `igEditor` control and it exposes a number of options for styling. To customize the style of the date editor you must use the theme option to apply a set of custom CSS rules to the control. -The {environment:ProductName} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls, including the editors on the page. +The \{environment:ProductName\} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls, including the editors on the page. ## Using ThemeRoller -As the `igDateEditor` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/), where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with {environment:ProductName}. +As the `igDateEditor` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/), where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with \{environment:ProductName\}. Date editor using the UI Darkness theme: diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/accessibility-compliance.mdx index 6a776c6b48..266cc32ebd 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/accessibility-compliance.mdx @@ -5,7 +5,7 @@ slug: igdatepicker-accessibility-compliance # igDatePicker Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igDatePicker` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igDatePicker` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/jquery-api.mdx index e6b392f1a6..5f488d262b 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/jquery-api.mdx @@ -2,6 +2,9 @@ title: "igDatePicker jQuery and MVC API Links" slug: igdatepicker-jquery-api --- + +# igDatePicker jQuery and MVC API Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDatePicker jQuery and MVC API Links diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/keyboard-navigation.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/keyboard-navigation.mdx index 8a40f06755..c0ee118ec4 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/keyboard-navigation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "Keyboard Navigation (igDatePicker)" slug: igdatepicker-keyboard-navigation --- +# Keyboard Navigation (igDatePicker) + #Keyboard Navigation (igDatePicker) ##Topic overview diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/known-issues.mdx index f53f1717af..032505cf6b 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/known-issues.mdx @@ -2,6 +2,9 @@ title: "igDatePicker Known Issues" slug: igdatepicker-known-issues --- + +# igDatePicker Known Issues + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDatePicker Known Issues diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/migrating-to-the-new-igdatepicker.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/migrating-to-the-new-igdatepicker.mdx index ccb9c1b9f3..a0d7705702 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/migrating-to-the-new-igdatepicker.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/migrating-to-the-new-igdatepicker.mdx @@ -2,11 +2,14 @@ title: "Migrating to the new igDatePicker" slug: migrating-to-the-new-igdatepicker --- + +# Migrating to the new igDatePicker + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating to the new igDatePicker -With the 15.2 release of {environment:ProductName}™ a new set of editor controls were introduced including a reworked `igDatePicker`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. +With the 15.2 release of \{environment:ProductName\}™ a new set of editor controls were introduced including a reworked `igDatePicker`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. ## Topic overview This topic aims to help with migration from old date picker to the new one. Different scenarios are viewed and how they were done before and how they can be done now. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/overview.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/overview.mdx index 8af1368879..5f20f0e226 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/overview.mdx @@ -2,6 +2,9 @@ title: "igDatePicker Overview" slug: igdatepicker-overview --- + +# igDatePicker Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDatePicker Overview @@ -11,7 +14,7 @@ The `igDatePicker`, allows you to have input field with dropdown calendar and sp > **Note on localization:** The `igDatePicker` control depends on `jQuery.datepicker` and thus also requires its localization files to be referenced on the page. -The `igDatePicker` control exposes a rich client-side API, which may be configured the work with any server technology. While the {environment:ProductName}™ controls are server-agnostic, the editor control is featured in {environment:ProductNameMVC} that is specific for the Microsoft® ASP.NET MVC Framework and can be configured with the .NET™ language of your choice. +The `igDatePicker` control exposes a rich client-side API, which may be configured the work with any server technology. While the \{environment:ProductName\}™ controls are server-agnostic, the editor control is featured in \{environment:ProductNameMVC\} that is specific for the Microsoft® ASP.NET MVC Framework and can be configured with the .NET™ language of your choice. The `igDatePicker` control may be extensively styled giving you an opportunity to provide a completely different look and feel for the control as opposed to the default style. Styling options include using your own styles as well as styles from jQuery UI’s ThemeRoller. @@ -21,7 +24,7 @@ Figure 1: The `igDatePicker` control during date selection ![](images/igDatePicker_Overview_Pic1.png) -- [igDatePicker Sample]({environment:SamplesUrl}/editors/date-picker-overview) +- [igDatePicker Sample](\{environment:SamplesUrl\}/editors/date-picker-overview) ## Features @@ -36,19 +39,19 @@ The `igDatePicker` includes the following characteristics: - ASP.NET MVC - All features supported by the jquery.ui.datepicker -## Adding igDatePicker using the {environment:ProductFamilyName} CLI +## Adding igDatePicker using the \{environment:ProductFamilyName\} CLI -The easiest way to add a new igDatePicker to your application is via the {environment:ProductFamilyName} CLI. After you have created a new application, you just need to execute the following command and a date picker will be added to the project: +The easiest way to add a new igDatePicker to your application is via the \{environment:ProductFamilyName\} CLI. After you have created a new application, you just need to execute the following command and a date picker will be added to the project: ``` ig add date-picker newDatePicker ``` This command will add a new date picker no matter if your application is created in Angular, React or jQuery. -For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. +For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. ## Adding igDatePicker to a Web Page -1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. **In HTML:** @@ -77,7 +80,7 @@ For more information and the list of all available commands read the [Using <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. For jQuery implementations create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as the {environment:ProductNameMVC} creates the containing element for you. +3. For jQuery implementations create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as the \{environment:ProductNameMVC\} creates the containing element for you. **In HTML:** @@ -129,11 +132,11 @@ When you use a string value for the `minValue`, `maxValue` and the `value` optio The sample below shows to configure `igDatePicker` with different <ApiLink type="igdatepicker" member="dataMode" section="options" label="dataMode" /> settings and the expected submitted values. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/editors/date-picker]({environment:SamplesEmbedUrl}/editors/date-picker) + [\{environment:SamplesEmbedUrl\}/editors/date-picker](\{environment:SamplesEmbedUrl\}/editors/date-picker) </div> ## Related Links -- [igDatePicker Sample]({environment:SamplesUrl}/editors/date-picker-overview) -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [igDatePicker Sample](\{environment:SamplesUrl\}/editors/date-picker-overview) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/styling-and-theming.mdx index 509d99b8b7..28c25d5a14 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igdatepicker/styling-and-theming.mdx @@ -2,6 +2,9 @@ title: "igDatePicker Styling and Theming" slug: igdatepicker-styling-and-theming --- + +# igDatePicker Styling and Theming + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDatePicker Styling and Theming @@ -13,7 +16,7 @@ The `igDatePicker` control is jQuery-based widget that extends the igDateEditor ## Using ThemeRoller -As the `igDatePicker` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with {environment:ProductName}. +As the `igDatePicker` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with \{environment:ProductName\}. Date picker using the UI Darkness theme: diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/accessibility-compliance.mdx index 85904f0e62..7829587f47 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/accessibility-compliance.mdx @@ -7,7 +7,7 @@ slug: igmaskeditor-accessibility-compliance ##igMaskEditor Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igMaskEditor` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igMaskEditor` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. >**Note:** As jQuery controls are client-only, some of the rules are not supported and are marked as limitations. Table 1: Section 508 compliance description diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/igmaskeditor.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/igmaskeditor.mdx index 952dd17f25..bac3e83095 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/igmaskeditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/igmaskeditor.mdx @@ -5,7 +5,6 @@ slug: igmaskeditor-igmaskeditor # igMaskEditor - Click on the links below to find information on how to get `igMaskEditor` quickly up and running. - [igMaskEditor Overview](./00_igMaskEditor_ Overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/jquery-api.mdx index 6aab12fd7d..374adf4fb7 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/jquery-api.mdx @@ -2,6 +2,9 @@ title: "igMaskEditor jQuery and MVC API Links" slug: igmaskeditor-jquery-api --- + +# igMaskEditor jQuery and MVC API Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMaskEditor jQuery and MVC API Links diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/keyboard-navigation.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/keyboard-navigation.mdx index 1b6e88d459..43acdacf8c 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "Keyboard Navigation (igMaskEditor)" slug: igmaskeditor-keyboard-navigation --- +# Keyboard Navigation (igMaskEditor) + #Keyboard Navigation (igMaskEditor) ##Topic overview diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/known-issues.mdx index 4d74a82974..67c955167b 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/known-issues.mdx @@ -2,6 +2,9 @@ title: "igMaskEditor Known Issues" slug: igmaskeditor-known-issues --- + +# igMaskEditor Known Issues + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMaskEditor Known Issues diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/migrating-to-the-new-igmaskeditor.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/migrating-to-the-new-igmaskeditor.mdx index 29afbd40fa..cbe70012fa 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/migrating-to-the-new-igmaskeditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/migrating-to-the-new-igmaskeditor.mdx @@ -2,11 +2,14 @@ title: "Migrating to the new igMaskEditor" slug: migrating-to-the-new-igmaskeditor --- + +# Migrating to the new igMaskEditor + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating to the new igMaskEditor -With the 15.2 release of {environment:ProductName}™ a new set of editor controls were introduced including a reworked `igMaskEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. +With the 15.2 release of \{environment:ProductName\}™ a new set of editor controls were introduced including a reworked `igMaskEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. ## Topic overview This topic aims to help with migration from old mask editor to the new one. Different scenarios are viewed and how they were done before and how they can be done now. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/overview.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/overview.mdx index 62706c9431..773a43e7a4 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/overview.mdx @@ -2,13 +2,16 @@ title: "igMaskEditor Overview" slug: igmaskeditor--overview --- + +# igMaskEditor Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMaskEditor Overview ##Overview Of The igMaskEditor -The {environment:ProductName}™ mask editor, or `igMaskEditor`, is a control that renders an input field enforces input restrictions as determined by a given input mask. The `igMaskEditor` control supports localization, by recognizing different regional options exposed from the browser. The `igMaskEditor` control exposes a rich client-side API, which may be configured the work with any server technology. While the {environment:ProductName}™ controls are server-agnostic, the control is featured in {environment:ProductNameMVC} that is specific for the Microsoft® ASP.NET MVC Framework and can be configured with the .NET™ language of your choice. The `igMaskEditor` control may be extensively styled giving you an opportunity to provide a completely different look and feel for the control as opposed to the default style. Styling options include using your own styles as well as styles from jQuery UI’s ThemeRoller. <br />Figure 1: The `igMaskEditor` control apply a phone number mask. +The \{environment:ProductName\}™ mask editor, or `igMaskEditor`, is a control that renders an input field enforces input restrictions as determined by a given input mask. The `igMaskEditor` control supports localization, by recognizing different regional options exposed from the browser. The `igMaskEditor` control exposes a rich client-side API, which may be configured the work with any server technology. While the \{environment:ProductName\}™ controls are server-agnostic, the control is featured in \{environment:ProductNameMVC\} that is specific for the Microsoft® ASP.NET MVC Framework and can be configured with the .NET™ language of your choice. The `igMaskEditor` control may be extensively styled giving you an opportunity to provide a completely different look and feel for the control as opposed to the default style. Styling options include using your own styles as well as styles from jQuery UI’s ThemeRoller. <br />Figure 1: The `igMaskEditor` control apply a phone number mask. ![](images/igMaskEditor_Overview_Pic1.png) @@ -27,19 +30,19 @@ The `igMaskEditor` includes the following characteristics: >**Note:** One of the major changed in the new Mask editor is that it no longer supports Lists and DropDown. Note that if you try to use methods connected to dropdown and list, you will receive a notification pointing out that they are no longer available. -## Adding igMaskEditor using the {environment:ProductFamilyName} CLI +## Adding igMaskEditor using the \{environment:ProductFamilyName\} CLI -The easiest way to add a new igMaskEditor to your application is via the {environment:ProductFamilyName} CLI. After you have created a new application, you just need to execute the following command and a mask editor will be added to the project: +The easiest way to add a new igMaskEditor to your application is via the \{environment:ProductFamilyName\} CLI. After you have created a new application, you just need to execute the following command and a mask editor will be added to the project: ``` ig add mask-editor newMaskEditor ``` This command will add a new mask editor no matter if your application is created in Angular, React or jQuery. -For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. +For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. ##Adding igMaskEditor to a Web Page -1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. **In HTML:** @@ -63,7 +66,7 @@ For more information and the list of all available commands read the [Using <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/infragistics.lob.js")"></script> <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. For jQuery implementations create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as {environment:ProductNameMVC} creates the containing element for you. +3. For jQuery implementations create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as \{environment:ProductNameMVC\} creates the containing element for you. **In HTML:** ```html @@ -146,6 +149,6 @@ A complete list of the option's values can be found in <ApiLink type="igmaskedit ##Related Links -- [Mask Editor Basic Sample]({environment:SamplesUrl}/editors/mask-editor-basic) -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Mask Editor Basic Sample](\{environment:SamplesUrl\}/editors/mask-editor-basic) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/styling-and-theming.mdx index e5a6ade09e..e214495e51 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igmaskeditor/styling-and-theming.mdx @@ -2,6 +2,9 @@ title: "igMaskEditor Styling and Theming" slug: igmaskeditor-styling-and-theming --- + +# igMaskEditor Styling and Theming + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMaskEditor Styling and Theming @@ -9,11 +12,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; The `igMaskEditor` control is jQuery-based widget that extends the `igEditor` control and it exposes a number of options for styling. To customize style of the mask editor you must use theme option to apply custom CSS rules to the control. -The {environment:ProductName} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls including the editors on the page. +The \{environment:ProductName\} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls including the editors on the page. ## Using ThemeRoller -As the `igMaskEditor` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with {environment:ProductName}. +As the `igMaskEditor` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with \{environment:ProductName\}. Numeric editor with drop list using the UI Darkness theme: diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/accessibility-compliance.mdx index 93393e9765..398d3a72cf 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/accessibility-compliance.mdx @@ -5,11 +5,10 @@ slug: ignumericeditor-accessibility-compliance # igNumericEditor Accessibility Compliance - ##igNumericEditor Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igNumericEditor` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igNumericEditor` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/ignumericeditor.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/ignumericeditor.mdx index a7cf6152c2..389d7b374e 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/ignumericeditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/ignumericeditor.mdx @@ -5,7 +5,6 @@ slug: ignumericeditor-ignumericeditor # igNumericEditor - Click on the links below to find information on how to get `igNumericEditor` quickly up and running. - [igNumericEditor Overview](/ignumericeditor-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/jquery-api.mdx index 569153da42..05abf5c839 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/jquery-api.mdx @@ -2,6 +2,9 @@ title: "igNumericEditor jQuery and MVC API Links" slug: ignumericeditor-jquery-api --- + +# igNumericEditor jQuery and MVC API Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igNumericEditor jQuery and MVC API Links diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/keyboard-navigation.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/keyboard-navigation.mdx index 8e29f8dfdc..e7b1843d4d 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "Keyboard Navigation (igNumericEditor)" slug: ignumericeditor-keyboard-navigation --- +# Keyboard Navigation (igNumericEditor) + #Keyboard Navigation (igNumericEditor) ##Topic overview diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/known-issues.mdx index 1f73ad95d0..0e104adfa4 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/known-issues.mdx @@ -2,6 +2,9 @@ title: "igNumericEditor Known Issues" slug: ignumericeditor-known-issues --- + +# igNumericEditor Known Issues + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igNumericEditor Known Issues @@ -11,7 +14,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - Numeric editors do not support group, or thousand separators and symbols, in Edit mode. -- When using {environment:ProductNameMVC} Numeric Editor and setting double number as an editor value, then it is rendered on the client-side as number, with decimal point, and the decimal separator that is used, is always the standard one used by the English format - point(.). When the editor formats the value that will be sent to the client, it ignores the server number formats settings and always uses point as decimal separator. The same format is used, when the client-side widget sends the value to the server - all the igNumericEditor options, available for formatting (<ApiLink type="ignumericeditor" member="decimalSeparator" section="options" label="decimalSeparator" /> and <ApiLink type="ignumericeditor" member="groupSeparator" section="options" label="groupSeparator" />), are ignored and the values is transformed to use the point as decimal separator. +- When using \{environment:ProductNameMVC\} Numeric Editor and setting double number as an editor value, then it is rendered on the client-side as number, with decimal point, and the decimal separator that is used, is always the standard one used by the English format - point(.). When the editor formats the value that will be sent to the client, it ignores the server number formats settings and always uses point as decimal separator. The same format is used, when the client-side widget sends the value to the server - all the igNumericEditor options, available for formatting (<ApiLink type="ignumericeditor" member="decimalSeparator" section="options" label="decimalSeparator" /> and <ApiLink type="ignumericeditor" member="groupSeparator" section="options" label="groupSeparator" />), are ignored and the values is transformed to use the point as decimal separator. - When you have <ApiLink type="ignumericeditor" member="spinWrapAround" section="options" label="spinWrapAround" /> set to true without setting <ApiLink type="ignumericeditor" member="minValue" section="options" label="minValue" /> or <ApiLink type="ignumericeditor" member="maxValue" section="options" label="maxValue" /> options the spin may not be able to wrap around when reaching the default limit set by the data mode. This is in case the <ApiLink type="ignumericeditor" member="dataMode" section="options" label="dataMode" /> option is set to any of the following values: float, long or double. The reason for this behavior is that the maximum values for those data modes are big numbers that are represented in scientific notation in JavaScript. To bypass this limitation, you can set the <ApiLink type="ignumericeditor" member="maxValue" section="options" label="maxValue" /> and <ApiLink type="ignumericeditor" member="minValue" section="options" label="minValue" /> to a number that is not represented in scientific notation by JavaScript or you can enable the <ApiLink type="ignumericeditor" member="scientificFormat" section="options" label="scientificFormat" /> option in the Numeric, Percent and Currency editors. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/migrating-to-the-new-ignumericeditor.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/migrating-to-the-new-ignumericeditor.mdx index 305f3afdfb..907ebf9f9f 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/migrating-to-the-new-ignumericeditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/migrating-to-the-new-ignumericeditor.mdx @@ -2,11 +2,14 @@ title: "Migrating to the new igNumericEditor" slug: migrating-to-the-new-ignumericeditor --- + +# Migrating to the new igNumericEditor + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating to the new igNumericEditor -With the 15.2 release of {environment:ProductName}™ a new set of editor controls were introduced including a reworked `igNumericEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. +With the 15.2 release of \{environment:ProductName\}™ a new set of editor controls were introduced including a reworked `igNumericEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. ## Topic overview This topic aims to help with migration from old numeric editor to the new one. Different scenarios are viewed and how they were done before and how they can be done now. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/overview.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/overview.mdx index ca12e3e5c2..c38ecae13d 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/overview.mdx @@ -2,6 +2,9 @@ title: "igNumericEditor Overview" slug: ignumericeditor-overview --- + +# igNumericEditor Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igNumericEditor Overview @@ -9,9 +12,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ##Overview Of The igNumericEditor -The {environment:ProductName}™ numeric editor, or `igNumericEditor`, is a control that renders an input field which only accepts numeric digits as determined by the `dataMode` value. The `igNumericEditor` control supports localization, by recognizing different regional options exposed from the browser. +The \{environment:ProductName\}™ numeric editor, or `igNumericEditor`, is a control that renders an input field which only accepts numeric digits as determined by the `dataMode` value. The `igNumericEditor` control supports localization, by recognizing different regional options exposed from the browser. -The `igNumericEditor` control exposes a rich client-side API, which may be configured the work with any server technology. While the {environment:ProductName}™ controls are server-agnostic, the control is featured in {environment:ProductNameMVC} that is specific for the Microsoft® ASP.NET MVC Framework and can be configured with the .NET™ language of your choice. +The `igNumericEditor` control exposes a rich client-side API, which may be configured the work with any server technology. While the \{environment:ProductName\}™ controls are server-agnostic, the control is featured in \{environment:ProductNameMVC\} that is specific for the Microsoft® ASP.NET MVC Framework and can be configured with the .NET™ language of your choice. The `igNumericEditor` control may be extensively styled giving you an opportunity to provide a completely different look and feel for the control as opposed to the default style. Styling options include using your own styles as well as styles from jQuery UI’s ThemeRoller. @@ -19,7 +22,7 @@ Figure 1: The `igNumericEditor` as rendered to the user ![](images/igNumericEditor_Overview_Pic1.png) -[Basic Usage Sample]({environment:SamplesUrl}/editors/basic-usage) +[Basic Usage Sample](\{environment:SamplesUrl\}/editors/basic-usage) ##Features @@ -33,20 +36,20 @@ The `igNumericEditor` includes the following characteristics: - ASP.NET MVC - Min/Max Value -## Adding igNumericEditor using the {environment:ProductFamilyName} CLI +## Adding igNumericEditor using the \{environment:ProductFamilyName\} CLI -The easiest way to add a new igNumericEditor to your application is via the {environment:ProductFamilyName} CLI. After you have created a new application, you just need to execute the following command and a numeric editor will be added to the project: +The easiest way to add a new igNumericEditor to your application is via the \{environment:ProductFamilyName\} CLI. After you have created a new application, you just need to execute the following command and a numeric editor will be added to the project: ``` ig add numeric-editor newNumericEditor ``` This command will add a new numeric editor no matter if your application is created in Angular, React or jQuery. -For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. +For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. ##Adding igNumericEditor to a Web Page -1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. **In HTML:** @@ -75,7 +78,7 @@ For more information and the list of all available commands read the [Using <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. For jQuery implementations create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as {environment:ProductNameMVC} creates the containing element for you. +3. For jQuery implementations create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as \{environment:ProductNameMVC\} creates the containing element for you. **In HTML:** @@ -200,9 +203,9 @@ While the spin functionality is always available through [keyboard intearcation] ##Related Links -- [Basic Usage Sample]({environment:SamplesUrl}/editors/basic-usage) -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Basic Usage Sample](\{environment:SamplesUrl\}/editors/basic-usage) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/styling-and-theming.mdx index cbf2e13572..465d437a5e 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/ignumericeditor/styling-and-theming.mdx @@ -2,17 +2,20 @@ title: "igNumericEditor Styling and Theming" slug: ignumericeditor-styling-and-theming --- + +# igNumericEditor Styling and Theming + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igNumericEditor Styling and Theming The `igNumericEditor` control is jQuery-based with a number of options for styling. To customize style of the numeric editor you can use different themes or apply custom CSS rules to the control. -The {environment:ProductName} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls including the editors on the page. +The \{environment:ProductName\} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls including the editors on the page. ## Using ThemeRoller -As the `igNumericEditor` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with {environment:ProductName}. +As the `igNumericEditor` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with \{environment:ProductName\}. Numeric editor with drop list using the UI Darkness theme: diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/accessibility-compliance.mdx index 83c9af3f2d..4f9d7043c4 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/accessibility-compliance.mdx @@ -5,11 +5,10 @@ slug: igpercenteditor-accessibility-compliance # igPercentEditor Accessibility Compliance - ##igPercentEditor Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igPercentEditor` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igPercentEditor` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/jquery-api.mdx index 92aecc9534..533ad71d71 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/jquery-api.mdx @@ -2,6 +2,9 @@ title: "igPercentEditor jQuery and MVC API Links" slug: igpercenteditor-jquery-api --- + +# igPercentEditor jQuery and MVC API Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPercentEditor jQuery and MVC API Links diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/keyboard-navigation.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/keyboard-navigation.mdx index 83e643fe85..15df8dd886 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "Keyboard Navigation (igPercentEditor)" slug: igpercenteditor-keyboard-navigation --- +# Keyboard Navigation (igPercentEditor) + #Keyboard Navigation (igPercentEditor) ##Topic overview diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/migrating-to-the-new-igpercenteditor.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/migrating-to-the-new-igpercenteditor.mdx index 539b0fea3f..03b73dcc19 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/migrating-to-the-new-igpercenteditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/migrating-to-the-new-igpercenteditor.mdx @@ -2,11 +2,14 @@ title: "Migrating to the new igPercentEditor" slug: migrating-to-the-new-igpercenteditor --- + +# Migrating to the new igPercentEditor + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating to the new igPercentEditor -With the 15.2 release of {environment:ProductName}™ a new set of editor controls were introduced including a reworked `igPercentEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. +With the 15.2 release of \{environment:ProductName\}™ a new set of editor controls were introduced including a reworked `igPercentEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. ## Topic overview This topic aims to help with migration from old percent editor to the new one. Different scenarios are viewed and how they were done before and how they can be done now. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/overview.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/overview.mdx index 54d0d3dc43..8173639ba4 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/overview.mdx @@ -8,7 +8,7 @@ slug: igpercenteditor-overview ##Overview Of The igPercentEditor -The {environment:ProductName}™ percent editor, or `igPercentEditor`, is a control that renders an input field which only accepts numeric digits, formatted as a percentage. The `igPercentEditor` control supports localization, by recognizing different regional options exposed from the browser. +The \{environment:ProductName\}™ percent editor, or `igPercentEditor`, is a control that renders an input field which only accepts numeric digits, formatted as a percentage. The `igPercentEditor` control supports localization, by recognizing different regional options exposed from the browser. The `igPercentEditor` control may be extensively styled giving you an opportunity to provide a completely different look and feel for the control as opposed to the default style. Styling options include using your own styles as well as styles from jQuery UI’s `ThemeRoller`. @@ -16,7 +16,7 @@ Figure 1: The `igPercentEditor` as rendered to the user ![](images/igPercentEditor_Overview_Pic1.png) -[Basic Usage Sample]({environment:SamplesUrl}/editors/basic-usage) +[Basic Usage Sample](\{environment:SamplesUrl\}/editors/basic-usage) ##Features @@ -30,7 +30,7 @@ The `igPercentEditor` includes the following characteristics: ##Adding igPercentEditor to a Web Page -1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. **In HTML:** @@ -59,7 +59,7 @@ The `igPercentEditor` includes the following characteristics: <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. For jQuery implementations create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as {environment:ProductNameMVC} creates the containing element for you. +3. For jQuery implementations create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as \{environment:ProductNameMVC\} creates the containing element for you. **In HTML:** @@ -91,9 +91,9 @@ The `igPercentEditor` includes the following characteristics: ##Related Links -- [Basic Usage Sample]({environment:SamplesUrl}/editors/basic-usage) -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Basic Usage Sample](\{environment:SamplesUrl\}/editors/basic-usage) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/styling-and-theming.mdx index 31d8751eb0..3caef9d1e1 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igpercenteditor/styling-and-theming.mdx @@ -2,6 +2,9 @@ title: "igPercentEditor Styling and Theming" slug: igpercenteditor-styling-and-theming --- + +# igPercentEditor Styling and Theming + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPercentEditor Styling and Theming @@ -9,11 +12,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; The `igPercentEditor` control is jQuery-based control that extends `igNumericEditor` and exposes a number of options for styling. To customize style of your percent editor you can use different themes or apply custom CSS rules to the control. -The {environment:ProductName} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls including the editors on the page. +The \{environment:ProductName\} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls including the editors on the page. ## Using ThemeRoller -As the `igPercentEditor` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with {environment:ProductName}. +As the `igPercentEditor` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with \{environment:ProductName\}. Percent editor using the UI Darkness theme: diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/accessibility-compliance.mdx index 7ea8db7373..4ddc5bdd93 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/accessibility-compliance.mdx @@ -6,7 +6,7 @@ slug: igtexteditor-accessibility-compliance # igTextEditor Accessibility Compliance ## igTextEditor Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igTextEditor` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igTextEditor` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/jquery-api.mdx index 782652fa1a..98486104f0 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/jquery-api.mdx @@ -2,6 +2,9 @@ title: "igTextEditor jQuery and MVC API Links" slug: igtexteditor-jquery-api --- + +# igTextEditor jQuery and MVC API Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTextEditor jQuery and MVC API Links diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/keyboard-navigation.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/keyboard-navigation.mdx index d0e1e0955d..db311a3197 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "Keyboard Navigation (igTextEditor)" slug: igtexteditor-keyboard-navigation --- +# Keyboard Navigation (igTextEditor) + #Keyboard Navigation (igTextEditor) ##Topic overview diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/known-issues.mdx index b94bb312ac..fb9881894f 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/known-issues.mdx @@ -2,6 +2,9 @@ title: "igTextEditor Known Issues" slug: igtexteditor-known-issues --- + +# igTextEditor Known Issues + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTextEditor Known Issues diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/migrating-to-the-new-igtexteditor.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/migrating-to-the-new-igtexteditor.mdx index d8e2106450..def6356ee5 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/migrating-to-the-new-igtexteditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/migrating-to-the-new-igtexteditor.mdx @@ -2,11 +2,14 @@ title: "Migrating to the new igTextEditor" slug: migrating-to-the-new-igtexteditor --- + +# Migrating to the new igTextEditor + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating to the new igTextEditor -With the 15.2 release of {environment:ProductName}™ a new set of editor controls were introduced including a reworked `igTextEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. +With the 15.2 release of \{environment:ProductName\}™ a new set of editor controls were introduced including a reworked `igTextEditor`. With a new design focused on simplicity and better UX out-of-the-box some features and their API were revised, removed and new ones added. This topic will cover the differences that will be helpful for developers migrating their applications to the new editors. ## Topic overview This topic aims to help with migration from old text editor to the new one. Different scenarios are viewed and how they were done before and how they can be done now. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/overview.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/overview.mdx index cb3f453c50..99f1e291dc 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/overview.mdx @@ -2,14 +2,17 @@ title: "igTextEditor Overview" slug: igtexteditor-overview --- + +# igTextEditor Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTextEditor Overview ## Overview Of The igTextEditor -The {environment:ProductName}™ text editor, or `igTextEditor`, is a control that renders an input field which can be formatted for single or multiline input. +The \{environment:ProductName\}™ text editor, or `igTextEditor`, is a control that renders an input field which can be formatted for single or multiline input. -The `igTextEditor` control exposes a rich client-side API, which may be configured the work with any server technology. While the {environment:ProductName}™ controls are server-agnostic, the control is featured in {environment:ProductNameMVC} that is specific for the Microsoft® ASP.NET MVC Framework and can be configured with the .NET™ language of your choice. +The `igTextEditor` control exposes a rich client-side API, which may be configured the work with any server technology. While the \{environment:ProductName\}™ controls are server-agnostic, the control is featured in \{environment:ProductNameMVC\} that is specific for the Microsoft® ASP.NET MVC Framework and can be configured with the .NET™ language of your choice. The `igTextEditor` control may be extensively styled giving you an opportunity to provide a completely different look and feel for the control as opposed to the default style. Styling options include using your own styles as well as styles from jQuery UI’s ThemeRoller. @@ -17,7 +20,7 @@ Figure 1: The `igTextEditor` control as rendered to the user ![](images/igTextEditor_Overview.png) -[Basic Usage Sample]({environment:SamplesUrl}/editors/basic-usage) +[Basic Usage Sample](\{environment:SamplesUrl\}/editors/basic-usage) ## Features The `igTextEditor` includes the following characteristics: @@ -30,19 +33,19 @@ The `igTextEditor` includes the following characteristics: - ASP.NET MVC - Overall theme support -## Adding igTextEditor using the {environment:ProductFamilyName} CLI +## Adding igTextEditor using the \{environment:ProductFamilyName\} CLI -The easiest way to add a new igTextEditor to your application is via the {environment:ProductFamilyName} CLI. After you have created a new application, you just need to execute the following command and a text editor will be added to the project: +The easiest way to add a new igTextEditor to your application is via the \{environment:ProductFamilyName\} CLI. After you have created a new application, you just need to execute the following command and a text editor will be added to the project: ``` ig add text-editor newTextEditor ``` This command will add a new text editor no matter if your application is created in Angular, React or jQuery. -For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. +For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. ## Adding igTextEditor to a Web Page -1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. **In HTML:** @@ -71,7 +74,7 @@ For more information and the list of all available commands read the [Using <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. For jQuery implementations create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as {environment:ProductNameMVC} can create the containing element for you. +3. For jQuery implementations create an INPUT, DIV or SPAN as the target element in HTML. This step is optional for ASP.NET MVC implementations as \{environment:ProductNameMVC\} can create the containing element for you. **In HTML:** ```html @@ -195,9 +198,9 @@ The `igTextEditor` has several specific inbuilt modes, based on the purpose it i ``` ## Related Links -- [Basic Usage Sample]({environment:SamplesUrl}/editors/basic-usage) -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Basic Usage Sample](\{environment:SamplesUrl\}/editors/basic-usage) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/styling-and-theming.mdx index d0ed7cc7e6..46dddaab1b 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtexteditor/styling-and-theming.mdx @@ -2,18 +2,21 @@ title: "igTextEditor Styling and Theming" slug: igtexteditor-styling-and-theming --- + +# igTextEditor Styling and Theming + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTextEditor Styling and Theming The `igTextEditor` control is jQuery-based with a number of options for styling. To customize style of the text editor you can use different themes or apply custom CSS rules to the control. -The {environment:ProductName} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls including the editors on the page. +The \{environment:ProductName\} package comes with a number of jQuery UI and Bootstrap themes. Bootstrap support also includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. All of the themes will style all controls including the editors on the page. ## Using ThemeRoller -As the `igTextEditor` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with {environment:ProductName}. +As the `igTextEditor` control uses the jQuery UI CSS framework it can also be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) where you can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with \{environment:ProductName\}. Text editor with drop list using the Darkness theme: diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/accessibility-compliance.mdx index 151a2416b3..b11a6794c5 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/accessibility-compliance.mdx @@ -5,7 +5,7 @@ slug: igtimepicker-accessibility-compliance # igTimePicker Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igTimePicker` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igTimePicker` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/jquery-api.mdx index 49f3fc9d3d..3619240d9d 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/jquery-api.mdx @@ -2,6 +2,9 @@ title: "igTimePicker jQuery and MVC API Links" slug: igtimepicker-jquery-api --- + +# igTimePicker jQuery and MVC API Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTimePicker jQuery and MVC API Links diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/keyboard-navigation.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/keyboard-navigation.mdx index cb84208ec1..2ecaa962e8 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/keyboard-navigation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "Keyboard Navigation (igTimePicker)" slug: igtimepicker-keyboard-navigation --- +# Keyboard Navigation (igTimePicker) + #Keyboard Navigation (igTimePicker) ##Topic overview diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/overview.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/overview.mdx index 15dd8b58e8..12f827ac26 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/overview.mdx @@ -5,8 +5,7 @@ slug: igtimepicker-overview # igTimePicker Overview - -The {environment:ProductName}™ `igTimePicker` allows you to have an editor with time-only input and a drop-down with listed hours:minutes values. By default, the listed time values are with 30 minutes delta. +The \{environment:ProductName\}™ `igTimePicker` allows you to have an editor with time-only input and a drop-down with listed hours:minutes values. By default, the listed time values are with 30 minutes delta. The `igTimePicker` input and display format are configurable. By default, the control uses a 12-hour format. @@ -14,7 +13,7 @@ Depending on the specified time format (12-hour or 24-hour format), the drop-dow The control supports localization by recognizing different regional options provided by the browser. -The `igTimePicker` control exposes a rich client-side API, which may be configured to work with any server technology. While the {environment:ProductName}™ controls are server-agnostic, the picker control is featured in {environment:ProductNameMVC} that is specific for the Microsoft® ASP.NET MVC Framework and can be configured the with the .NET™ language of your choice. +The `igTimePicker` control exposes a rich client-side API, which may be configured to work with any server technology. While the \{environment:ProductName\}™ controls are server-agnostic, the picker control is featured in \{environment:ProductNameMVC\} that is specific for the Microsoft® ASP.NET MVC Framework and can be configured the with the .NET™ language of your choice. The `igTimePicker` control may be extensively styled giving you an opportunity to provide a completely different look and feel for the control as opposed to the default style. Styling options include using your own styles as well as styles from jQuery UI's ThemeRoller. @@ -41,7 +40,7 @@ The `igTimePicker` includes the following characteristics: ## Adding igTimePicker to a Web Page -1. To get started, include the required and localized resources in your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources in your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. **In HTML:** @@ -65,7 +64,7 @@ The `igTimePicker` includes the following characteristics: <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui.min.js")"></script> ``` -3. For jQuery implementations, create an `INPUT`, `DIV` or `SPAN` as a target element in HTML. This step is optional for ASP.NET MVC implementations as the {environment:ProductNameMVC} creates the containing element for you. +3. For jQuery implementations, create an `INPUT`, `DIV` or `SPAN` as a target element in HTML. This step is optional for ASP.NET MVC implementations as the \{environment:ProductNameMVC\} creates the containing element for you. **In HTML:** diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/styling-and-theming.mdx index 1b451aee3f..a46de2dfcb 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/igtimepicker/styling-and-theming.mdx @@ -2,17 +2,20 @@ title: "igTimePicker Styling and Theming" slug: igtimepicker-styling-and-theming --- + +# igTimePicker Styling and Theming + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTimePicker Styling and Theming The `igTimePicker` control is a jQuery-based widget and exposes a number of options for styling. To customize the style of the time picker, you can use a different theme, or directly apply custom CSS rules to the control. -The {environment:ProductName} package comes with a number of jQuery UI and Bootstrap themes. In addition, Bootstrap support includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. +The \{environment:ProductName\} package comes with a number of jQuery UI and Bootstrap themes. In addition, Bootstrap support includes generating and customizing your own bootstrap themes - see [Styling and Theming](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) for details. ## Using ThemeRoller -As the `igTimePicker` control uses the jQuery UI CSS framework, it can be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/). You can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with {environment:ProductName}. +As the `igTimePicker` control uses the jQuery UI CSS framework, it can be fully styled using the [jQuery UI ThemeRoller](http://jqueryui.com/themeroller/). You can customize your own theme or choose from a gallery of available ones. These themes replace the ones that come by default with \{environment:ProductName\}. Time picker using the ThemeRoller Smoothness theme: diff --git a/docs/jquery/src/content/en/topics/controls/igeditors/landingpage.mdx b/docs/jquery/src/content/en/topics/controls/igeditors/landingpage.mdx index 042099ce4a..1d464ee99c 100644 --- a/docs/jquery/src/content/en/topics/controls/igeditors/landingpage.mdx +++ b/docs/jquery/src/content/en/topics/controls/igeditors/landingpage.mdx @@ -5,7 +5,6 @@ slug: editors-landingpage # igEditors - - [igTextEditor](/igtexteditor/igtexteditor.mdx) - [igNumericEditor](/ignumericeditor/ignumericeditor.mdx) - [igPercentEditor](/igpercenteditor/igpercenteditor.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-datalegend.mdx b/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-datalegend.mdx index 003a5aae3e..f645bae15f 100644 --- a/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-datalegend.mdx +++ b/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-datalegend.mdx @@ -1,6 +1,7 @@ --- title: "Data Legend" --- + # Data Legend The `igDataLegend` is a component that works much like the `Legend`, but it shows values of series and provides many configuration properties for filtering series rows and values columns, styling and formatting values. This legend updates when moving the mouse inside of the plot area of the `igFinancialChart` and has a persistent state that remembers the last hovered point when the user's mouse pointer exits the plot area. It displays this content using a set of three type of rows and four types of columns. diff --git a/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-datatooltip.mdx b/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-datatooltip.mdx index 1036ea4cd7..2eeef33064 100644 --- a/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-datatooltip.mdx +++ b/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-datatooltip.mdx @@ -1,6 +1,7 @@ --- title: "Chart Data Tooltip" --- + # Chart Data Tooltip In {ProductName}, the data tooltip of the `igFinancialChart` displays values and titles of series as well as legend badges of series in a tooltip. In addition, it provides many configuration properties of the `igDataLegend` for filtering series rows and values columns, styling, and formatting values. This tooltip type updates while moving the mouse inside of the plot area of the `igFinancialChart`. diff --git a/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-known-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-known-limitations.mdx index 8dc753aea0..d9ff1f0400 100644 --- a/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-known-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igfinancialchart/financial-chart-known-limitations.mdx @@ -6,7 +6,6 @@ slug: igfinancial-chart-known-limitations # Known Issues and Limitations (igFinancialChart) - ##Known Issues and Limitations Summary diff --git a/docs/jquery/src/content/en/topics/controls/igfunnelchart/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igfunnelchart/accessibility-compliance.mdx index 231aa0b40b..978b20a4d2 100644 --- a/docs/jquery/src/content/en/topics/controls/igfunnelchart/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igfunnelchart/accessibility-compliance.mdx @@ -24,7 +24,7 @@ The following topics are prerequisites to understanding this topic: #### *igFunnelChart* accessibility compliance summary -All Infragistics® {environment:ProductName}® controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [***igFunnelChart* accessibility compliance summary chart**](#compliance-summary-chart) contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the funnel chart control complies with each rule. +All Infragistics® \{environment:ProductName\}® controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [***igFunnelChart* accessibility compliance summary chart**](#compliance-summary-chart) contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the funnel chart control complies with each rule. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -51,7 +51,7 @@ Rules | Rule Text | How We Comply The following topic provides additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for accessibility compliance of all controls in the Infragistics {environment:ProductName} product. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for accessibility compliance of all controls in the Infragistics \{environment:ProductName\} product. diff --git a/docs/jquery/src/content/en/topics/controls/igfunnelchart/adding.mdx b/docs/jquery/src/content/en/topics/controls/igfunnelchart/adding.mdx index 47855d588d..a4134ae301 100644 --- a/docs/jquery/src/content/en/topics/controls/igfunnelchart/adding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igfunnelchart/adding.mdx @@ -2,6 +2,9 @@ title: "Adding igFunnelChart" slug: igfunnelchart-adding --- + +# Adding igFunnelChart + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igFunnelChart @@ -20,7 +23,7 @@ The following table lists the concepts and topics required as a prerequisite to - jQuery, jQuery UI - ASP.NET MVC - Topics - - [Using JavaScript Resouces in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the {environment:ProductName}® library. + - [Using JavaScript Resouces in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the \{environment:ProductName\}® library. - [*igFunnelChart* Overview](/igfunnelchart-overview.mdx): This topic provides conceptual information about the `igFunnelChart` control including its main features, minimum requirements, and user functionality. @@ -61,13 +64,13 @@ Adding the `igFunnelChart` control to an HTML page requires referencing the reso | --- | --- | | Requirement | Description | | HTML5 canvas API | The functionality of the charting library is based on the HTML5 Canvas tag and its related API. Any web browser that supports these will be able to render and display charts generated by the igFunnelChart control. No other HTML5 features are required for the operation of the igFunnelChart control. For details about which versions of the most popular desktop and mobile web browsers support the HTML5 Canvas API, refer to [Canvas Element](http://www.w3schools.com/html/html5_canvas.asp). | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName} is built on top of these frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\} is built on top of these frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | | Modernizr | The [Modernizr](http://modernizr.com/) library is used by the igFunnelChart to detect browser and device capabilities. It is not mandatory and if not included the control will behave as if it works in a normal desktop environment with HTML5 compatible browser. [Modernizr](http://modernizr.com/) | -| Charting JavaScript resources | The charting functionality of the {environment:ProductName} library is distributed across several files depending on the series type. Also, there is a separate funnel chart JavaScript file which must be linked to you HTML or MVC views. In case you wish to include resources manually, you need to use the dependencies listed in the following table. JS Resource | -| infragistics.util.js infragistics.util.jquery.js | {environment:ProductName} utilities | +| Charting JavaScript resources | The charting functionality of the \{environment:ProductName\} library is distributed across several files depending on the series type. Also, there is a separate funnel chart JavaScript file which must be linked to you HTML or MVC views. In case you wish to include resources manually, you need to use the dependencies listed in the following table. JS Resource | +| infragistics.util.js infragistics.util.jquery.js | \{environment:ProductName\} utilities | | infragistics.datasource.js | The `igDataSource`™ control | -| infragistics.templating.js | {environment:ProductName} templating engine | -| infragistics.ui.widget.js | Base igWidget for all {environment:ProductName} widgets. | +| infragistics.templating.js | \{environment:ProductName\} templating engine | +| infragistics.ui.widget.js | Base igWidget for all \{environment:ProductName\} widgets. | | infragistics.ext_core.js,, infragistics.ext_collections.js,, infragistics.ext_ui.js,, infragistics.dv_jquerydom.js,, infragistics.dv_core.js,, infragistics.dv_geometry.js | Core data visualization logic | | infragistics.datachart_core.js | Core visualization logic for all chart widgets | | infragistics.dvcommonwidget.js | Common UI code for data visualization widgets | @@ -76,14 +79,14 @@ Adding the `igFunnelChart` control to an HTML page requires referencing the reso | infragistics.funnelchart.js | Funnel chart helper code | | infragistics.ui.funnelchart.js | The `igFunnelChart` control | | infragistics.legend.js | Common code for visualizing chart legends | -| infragistics.ui.chartlegend.js | The `igChartLegend` control used by all chart controls in {environment:ProductName} | +| infragistics.ui.chartlegend.js | The `igChartLegend` control used by all chart controls in \{environment:ProductName\} | <br/> </td> </tr> <tr> <td>IG theme</td> - <td>This theme contains custom visual styles created for the {environment:ProductName} library. It is contained in the following file:<br />\*<IG CSS root>/themes/Infragistics/infragistics.theme.css\*</td> + <td>This theme contains custom visual styles created for the \{environment:ProductName\} library. It is contained in the following file:<br />\*<IG CSS root>/themes/Infragistics/infragistics.theme.css\*</td> </tr> <tr> @@ -94,14 +97,14 @@ Adding the `igFunnelChart` control to an HTML page requires referencing the reso </table> -> **Note:** It is recommended to use the `igLoader` component to load JavaScript and CSS resources. For information on how to do it, refer to the [**Using Infragistics Loader**](//general-and-getting-started/using-infragistics-loader.mdx) topic. In addition to that, in the online {environment:ProductName} [Samples Browser]({environment:SamplesUrl}), you can find some specific examples on how to use the `igLoader` with the `igFunnelChart` component. +> **Note:** It is recommended to use the `igLoader` component to load JavaScript and CSS resources. For information on how to do it, refer to the [**Using Infragistics Loader**](//general-and-getting-started/using-infragistics-loader.mdx) topic. In addition to that, in the online \{environment:ProductName\} [Samples Browser](\{environment:SamplesUrl\}), you can find some specific examples on how to use the `igLoader` with the `igFunnelChart` component. ## <a id="javascript"></a> Adding an *igFunnelChart* to an HTML Page in JavaScript ### <a id="javascript-introduction"></a> Introduction -This procedure guides you through the steps for adding a funnel chart with basic functionality to a web page. The example shows a pure HTML/JavaScript implementation. It includes proper Loader configuration for loading all {environment:ProductName} resources needed by the `igFunnelChart` control. +This procedure guides you through the steps for adding a funnel chart with basic functionality to a web page. The example shows a pure HTML/JavaScript implementation. It includes proper Loader configuration for loading all \{environment:ProductName\} resources needed by the `igFunnelChart` control. The procedure instantiates and configures a 325x450-pixel funnel chart with default sort order (highest value on top), weighted slices and straight side lines representing the budget of the departments of a company. The data is supplied to the `igFunnelChart` control in the form of a JSON array (configured, too, in the procedure). In addition to that basic tuning, the paths, and the visual state of `igFunnelChart`’s labels are configured in order to have descriptive information about the data that is shown. @@ -247,7 +250,7 @@ The following screenshot is a preview of the final result. Following are the general requirements for adding an `igFunnelChart` to an HTML page in ASP.NET MVC: -- The {environment:ProductNameMVC} assembly *Infragistics.Web.Mvc.dll* which contains the {environment:ProductNameMVC} `igFunnelChart`. +- The \{environment:ProductNameMVC\} assembly *Infragistics.Web.Mvc.dll* which contains the \{environment:ProductNameMVC\} `igFunnelChart`. ### <a id="asp-net-mvc-overview"></a> Overview @@ -335,7 +338,7 @@ The following steps demonstrate how to add a basic funnel chart control to an AS 2. Add the `igLoader`’s configuration for `igFunnelChart`. - The following code, added to the ASP.NET MVC View, configures the `igLoader`’s wrapper with the paths to the {environment:ProductName} resources. + The following code, added to the ASP.NET MVC View, configures the `igLoader`’s wrapper with the paths to the \{environment:ProductName\} resources. **In ASPX:** @@ -350,7 +353,7 @@ The following steps demonstrate how to add a basic funnel chart control to an AS 5. **Instantiate *igFunnelChart*.** <a id="mvc-step-init"></a> - The code below configures {environment:ProductNameMVC} FunnelChart to create a `<div>` element with `id` “funnel” where the funnel chart is to be hosted with the [`ID(“funnel”)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1~ID.html) call and assigns the data model object declared for the View to the control in the [`FunnelChart(Model)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1.html) call. The member of the model which provides the value for every slice is referenced in the [`ValueMemberPath("Budget")`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1~ValueMemberPath.html) calls. + The code below configures \{environment:ProductNameMVC\} FunnelChart to create a `<div>` element with `id` “funnel” where the funnel chart is to be hosted with the [`ID(“funnel”)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1~ID.html) call and assigns the data model object declared for the View to the control in the [`FunnelChart(Model)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1.html) call. The member of the model which provides the value for every slice is referenced in the [`ValueMemberPath("Budget")`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1~ValueMemberPath.html) calls. **In ASPX:** @@ -404,7 +407,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Funnel Chart]({environment:SamplesUrl}/funnel-chart/funnel-chart): This sample demonstrates using the Funnel Chart control to render data as slices from the largest value to the smallest value with the capability to invert the positions of the slices. +- [Funnel Chart](\{environment:SamplesUrl\}/funnel-chart/funnel-chart): This sample demonstrates using the Funnel Chart control to render data as slices from the largest value to the smallest value with the capability to invert the positions of the slices. diff --git a/docs/jquery/src/content/en/topics/controls/igfunnelchart/binding-to-data.mdx b/docs/jquery/src/content/en/topics/controls/igfunnelchart/binding-to-data.mdx index d86fbf64b0..0dbdde8024 100644 --- a/docs/jquery/src/content/en/topics/controls/igfunnelchart/binding-to-data.mdx +++ b/docs/jquery/src/content/en/topics/controls/igfunnelchart/binding-to-data.mdx @@ -45,7 +45,7 @@ This topic contains the following sections: ### Data sources summary -Bind data to `igFunnelChart` in the same way you would bind any other control to the {environment:ProductName}® library. Data is bound either by assigning a data source to the `dataSource` option or by providing a URL in the `dataSourceUrl` if data is provided by a web or Windows Communication Foundation (WCF) service. The `igFunnelChart` control creates and uses an `igDataSource` object to handle data. +Bind data to `igFunnelChart` in the same way you would bind any other control to the \{environment:ProductName\}® library. Data is bound either by assigning a data source to the `dataSource` option or by providing a URL in the `dataSourceUrl` if data is provided by a web or Windows Communication Foundation (WCF) service. The `igFunnelChart` control creates and uses an `igDataSource` object to handle data. ### Supported data sources listing @@ -190,14 +190,14 @@ $("#chartNormal").igFunnelChart({ This sample shows how to bind an `igFunnelChart` to data available in XML structure. For that purpose the XML data is passed to an `igDataSource` which provides the data to the funnel chart. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/funnel-chart/xml-binding]({environment:SamplesEmbedUrl}/funnel-chart/xml-binding) + [\{environment:SamplesEmbedUrl\}/funnel-chart/xml-binding](\{environment:SamplesEmbedUrl\}/funnel-chart/xml-binding) </div> ## <a id="mvc-model"></a> Code Example: Binding *igFunnelChart* in a Strongly Typed MVC View ### Description -In an MVC application you will usually want to have a strongly-typed View and pass it data objects from the business logic layer of your application. This example provides the essential code which defines a sample data class and passes a model object to the {environment:ProductNameMVC} FunnelChart which instantiates a funnel chart. The data model object is required to be an IQueryable of the data class. +In an MVC application you will usually want to have a strongly-typed View and pass it data objects from the business logic layer of your application. This example provides the essential code which defines a sample data class and passes a model object to the \{environment:ProductNameMVC\} FunnelChart which instantiates a funnel chart. The data model object is required to be an IQueryable of the data class. ### Code @@ -213,7 +213,7 @@ public class BudgetData } ``` -The following code snippet specifies a strongly-typed MVC View at the beginning. Then it shows how to use the {environment:ProductNameMVC} FunnelChart in order to **bind to the Model object of the View**. +The following code snippet specifies a strongly-typed MVC View at the beginning. Then it shows how to use the \{environment:ProductNameMVC\} FunnelChart in order to **bind to the Model object of the View**. **In ASPX:** @@ -305,7 +305,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Funnel Chart]({environment:SamplesUrl}/funnel-chart/funnel-chart): This sample demonstrates using the Funnel Chart control to render data as slices from the largest value to the smallest value with the capability to invert the positions of the slices. +- [Funnel Chart](\{environment:SamplesUrl\}/funnel-chart/funnel-chart): This sample demonstrates using the Funnel Chart control to render data as slices from the largest value to the smallest value with the capability to invert the positions of the slices. diff --git a/docs/jquery/src/content/en/topics/controls/igfunnelchart/configuring.mdx b/docs/jquery/src/content/en/topics/controls/igfunnelchart/configuring.mdx index f25d0135a0..92374a8c09 100644 --- a/docs/jquery/src/content/en/topics/controls/igfunnelchart/configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/igfunnelchart/configuring.mdx @@ -2,6 +2,9 @@ title: "Configuring igFunnelChart" slug: igfunnelchart-configuring --- + +# Configuring igFunnelChart + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igFunnelChart @@ -271,7 +274,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Slice Selection]({environment:SamplesUrl}/funnel-chart/slice-selection): This sample demonstrates enabling the slice selection functionality and handling the `sliceClicked` event. +- [Slice Selection](\{environment:SamplesUrl\}/funnel-chart/slice-selection): This sample demonstrates enabling the slice selection functionality and handling the `sliceClicked` event. diff --git a/docs/jquery/src/content/en/topics/controls/igfunnelchart/jquery-and-aspnet-mvc-helper-api-links.mdx b/docs/jquery/src/content/en/topics/controls/igfunnelchart/jquery-and-aspnet-mvc-helper-api-links.mdx index d2a598a478..cb98abca92 100644 --- a/docs/jquery/src/content/en/topics/controls/igfunnelchart/jquery-and-aspnet-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igfunnelchart/jquery-and-aspnet-mvc-helper-api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igFunnelChart)" slug: igfunnelchart-jquery-and-asp.net-mvc-helper-api--links --- + +# jQuery and MVC API Links (igFunnelChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igFunnelChart) @@ -12,7 +15,7 @@ The following lists the links to the API reference documentation for the `igFunn - <ApiLink type="igfunnelchart" label="igFunnelChart **jQuery** API" />: This is a set of documents containing an overview of the control and full list of options, events, and methods with code snippets. -- [*igFunnelChart* **{environment:ProductNameMVC}** API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1.html): This is a set of documents containing the `FunnelChart` class description and a list of all of its members. +- [*igFunnelChart* **\{environment:ProductNameMVC\}** API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1.html): This is a set of documents containing the `FunnelChart` class description and a list of all of its members. ## Related Content @@ -28,11 +31,11 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [**Funnel Chart**]({environment:SamplesUrl}/funnel-chart/funnel-chart): This sample demonstrates using the `igFunnelChart` control to render data as slices from the largest value to the smallest value with the capability to invert the positions of the slices. +- [**Funnel Chart**](\{environment:SamplesUrl\}/funnel-chart/funnel-chart): This sample demonstrates using the `igFunnelChart` control to render data as slices from the largest value to the smallest value with the capability to invert the positions of the slices. -- [**Server Side Bindings**]({environment:SamplesUrl}/funnel-chart/server-binding): This sample demonstrates creating a Funnel chart in an ASP.NET MVC View using the Infragistics MVC helper for the `igFunnelChart` control. +- [**Server Side Bindings**](\{environment:SamplesUrl\}/funnel-chart/server-binding): This sample demonstrates creating a Funnel chart in an ASP.NET MVC View using the Infragistics MVC helper for the `igFunnelChart` control. -- [**Slice Selection**]({environment:SamplesUrl}/funnel-chart/slice-selection): This sample demonstrates enabling the slice selection functionality and handling the `sliceClicked` event. +- [**Slice Selection**](\{environment:SamplesUrl\}/funnel-chart/slice-selection): This sample demonstrates enabling the slice selection functionality and handling the `sliceClicked` event. diff --git a/docs/jquery/src/content/en/topics/controls/igfunnelchart/overview.mdx b/docs/jquery/src/content/en/topics/controls/igfunnelchart/overview.mdx index 6a50335d57..ad8c01dcf5 100644 --- a/docs/jquery/src/content/en/topics/controls/igfunnelchart/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igfunnelchart/overview.mdx @@ -20,7 +20,7 @@ The following table lists the concepts and topics required as a prerequisite to - Funnel chart - Data Visualization - Topics - - [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx): General information on the {environment:ProductName}® library. + - [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx): General information on the \{environment:ProductName\}® library. ### In this topic @@ -51,7 +51,7 @@ The `igFunnelChart` control is similar to `igPieChart`™ in that that they disp ## <a id="minimum-requirements"></a> Minimum Requirements -The `igFunnelChart` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. The Modernizr library is also used internally for detecting browser and device capabilities. The control uses several {environment:ProductName} shared resources for functionality and data binding. References to these resources are needed nevertheless, in spite of pure jQuery or {environment:ProductNameMVC} being used. The *Infragistics.Web.Mvc* assembly is required when the control is used in the context of ASP.NET MVC. +The `igFunnelChart` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. The Modernizr library is also used internally for detecting browser and device capabilities. The control uses several \{environment:ProductName\} shared resources for functionality and data binding. References to these resources are needed nevertheless, in spite of pure jQuery or \{environment:ProductNameMVC\} being used. The *Infragistics.Web.Mvc* assembly is required when the control is used in the context of ASP.NET MVC. ## <a id="main-features"></a> Main Features @@ -142,9 +142,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Funnel Chart]({environment:SamplesUrl}/funnel-chart/funnel-chart): This sample demonstrates using the Funnel Chart control to render data as slices from the largest value to the smallest value with the capability to invert the positions of the slices. +- [Funnel Chart](\{environment:SamplesUrl\}/funnel-chart/funnel-chart): This sample demonstrates using the Funnel Chart control to render data as slices from the largest value to the smallest value with the capability to invert the positions of the slices. -- [Slice Selection]({environment:SamplesUrl}/funnel-chart/slice-selection): This sample demonstrates enabling the slice selection functionality and handling the `sliceClicked` event. +- [Slice Selection](\{environment:SamplesUrl\}/funnel-chart/slice-selection): This sample demonstrates enabling the slice selection functionality and handling the `sliceClicked` event. diff --git a/docs/jquery/src/content/en/topics/controls/igfunnelchart/styling.mdx b/docs/jquery/src/content/en/topics/controls/igfunnelchart/styling.mdx index 684cd7be71..eab4ca99ca 100644 --- a/docs/jquery/src/content/en/topics/controls/igfunnelchart/styling.mdx +++ b/docs/jquery/src/content/en/topics/controls/igfunnelchart/styling.mdx @@ -2,6 +2,9 @@ title: "Styling igFunnelChart" slug: igfunnelchart-styling --- + +# Styling igFunnelChart + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Styling igFunnelChart @@ -20,7 +23,7 @@ The following table lists the concepts and topics required as a prerequisite to - Cascading Style Sheets - Applying themes by changing linked CSS files - Topics - - [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): This topic provides general information and a procedure for updating styles and themes in {environment:ProductName}® library. + - [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): This topic provides general information and a procedure for updating styles and themes in \{environment:ProductName\}® library. - [*igFunnelChart* Overview](/igfunnelchart-overview.mdx): This topic provides conceptual information about the `igFunnelChart` control including its main features, minimum requirements, and user functionality. - [Adding *igFunnelChart*](/igfunnelchart-adding.mdx): This topic demonstrates how to add the `igFunnelChart` control to an HTML page and bind it to data. @@ -53,14 +56,14 @@ This topic contains the following sections: The `igFunnelChart` control allows developers to create easily funnel chart in applications or web sites. The `igFunnelChart` control uses the jQuery UI CSS Framework for the purposes of applying styles and themes. By default, the `igFunnelChart` uses the IG theme which is a jQuery UI theme provided by Infragistics® for use in your applications. In addition to that, the IG theme has some specific styles that support funnel charts. This is needed because, for the purpose of customizing the look and feel of funnel charts, a general jQuery UI theme would not be sufficient. You must provide additional styles classes for altering elements specific to funnel charts like tooltips, and slices. -Detailed information about using themes with {environment:ProductName} library is available in the [**Styling and Theming {environment:ProductName}**](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. +Detailed information about using themes with \{environment:ProductName\} library is available in the [**Styling and Theming \{environment:ProductName\}**](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. -> **Note:** The base theme of {environment:ProductName} is unnecessary for charts and may be omitted on pages that contain only charts. +> **Note:** The base theme of \{environment:ProductName\} is unnecessary for charts and may be omitted on pages that contain only charts. ## <a id="themes"></a> Themes Overview -{environment:ProductName} offers the following themes for use with the `igFunnelChart` control: +\{environment:ProductName\} offers the following themes for use with the `igFunnelChart` control: - IG - Metro @@ -73,7 +76,7 @@ The following table summarizes the themes available with the `igFunnelChart`. Theme | Description --- | --- -**IG** {/* image not found: Styling_igFunnelChart_%28User_Story%29_1.png */} | Path: *<IG CSS root>/themes/infragistics/* <br /> File: *infragistics.theme.css* <br /> This theme defines general visual features for all {environment:ProductName} controls. Detailed information for using the IG theme is available in the [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. +**IG** {/* image not found: Styling_igFunnelChart_%28User_Story%29_1.png */} | Path: *<IG CSS root>/themes/infragistics/* <br /> File: *infragistics.theme.css* <br /> This theme defines general visual features for all \{environment:ProductName\} controls. Detailed information for using the IG theme is available in the [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. **Metro** {/* image not found: Styling_igFunnelChart_%28User_Story%29_2.png */} | Path: *<IG CSS root>/themes/metro/* <br />File: *infragistics.theme.css* <br /> This theme defines visual features with regard to the new Windows® 8 user interface and touch enabled devices. It features sharp corners and some different colors for slices. @@ -270,7 +273,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Slice Selection]({environment:SamplesUrl}/funnel-chart/slice-selection): This sample demonstrates enabling the slice selection functionality and handling the `sliceClicked` event. +- [Slice Selection](\{environment:SamplesUrl\}/funnel-chart/slice-selection): This sample demonstrates enabling the slice selection functionality and handling the `sliceClicked` event. ### <a id="resources"></a> Resources diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/accessibility-compliance.mdx index b3225fd5c5..848c2283fb 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/accessibility-compliance.mdx @@ -14,7 +14,7 @@ This topic contains the following sections: ## <a id="section-508"></a> igGrid Section 508 Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the grid control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the grid control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/binding/client-side/to-html-table-data.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/binding/client-side/to-html-table-data.mdx index e9348472ae..271c9c1467 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/binding/client-side/to-html-table-data.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/binding/client-side/to-html-table-data.mdx @@ -7,7 +7,7 @@ slug: iggrid-binding-to-html-table-data ## Overview -The {environment:ProductName}® `igGrid`, allows binding to existing plain HTML tables, through the `igDataSource` control. There are several points to consider when binding to a HTML table. +The \{environment:ProductName\}® `igGrid`, allows binding to existing plain HTML tables, through the `igDataSource` control. There are several points to consider when binding to a HTML table. - You do not need to specify a `dataSource`. If you are instantiating the `igGrid` widget on the same table to which you would like to bind - The data extraction, parsing, binding and formatting process are done through the data source control. This means that once the grid is bound, the table BODY of the plain HTML table is cleared, and data is stored now in the data source in the format of an array of JavaScript objects. This implies you cannot rebind to the grid again in the same way (getting the data from the TABLE), because it is already cleared. @@ -118,7 +118,7 @@ $("#t2").igGrid({ **Running Sample** <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/grid/html-binding]({environment:SamplesEmbedUrl}/grid/html-binding) + [\{environment:SamplesEmbedUrl\}/grid/html-binding](\{environment:SamplesEmbedUrl\}/grid/html-binding) </div> ## Known Issues and Limitations The `igGrid` has [known limitations](//iggrid-known-issues.mdx) that should be taken into account. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/binding/client-side/to-javascript-array-and-json-array.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/binding/client-side/to-javascript-array-and-json-array.mdx index d144ca843b..9aa5a8a2eb 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/binding/client-side/to-javascript-array-and-json-array.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/binding/client-side/to-javascript-array-and-json-array.mdx @@ -5,14 +5,13 @@ slug: iggrid-binding-to-javascript-array-and-json-array # Binding igGrid to a JavaScript array and JSON array (igGrid) - This document demonstrates how to bind the `igGrid` control to a JSON array, JavaScript array and HTML table element. ## Binding to Client-Side Data The following steps demonstrate how to bind the `igGrid` control to client-side data. -1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](////general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](////general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page, reference the required JavaScript and CSS files. **In Javascript:** @@ -102,7 +101,7 @@ The following steps demonstrate how to bind the `igGrid` control to client-side ``` **Running sample demonstrating igGrid JSON binding** <div class="embed-sample"> - [igGrid JSON Binding]({environment:SamplesEmbedUrl}/grid/json-binding) + [igGrid JSON Binding](\{environment:SamplesEmbedUrl\}/grid/json-binding) </div> - JavaScript array: @@ -146,8 +145,8 @@ The following steps demonstrate how to bind the `igGrid` control to client-side ## Related Links - [Table as DataSoure Sample](/iggrid-binding-to-datatable.mdx) -- [{environment:ProductName} Overview](////igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](////general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [\{environment:ProductName\} Overview](////igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](////general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/binding/getting-started-with-iggrid-odata-and-wcf-data-services.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/binding/getting-started-with-iggrid-odata-and-wcf-data-services.mdx index 755b1261ea..79f74cb4c8 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/binding/getting-started-with-iggrid-odata-and-wcf-data-services.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/binding/getting-started-with-iggrid-odata-and-wcf-data-services.mdx @@ -5,7 +5,6 @@ slug: iggrid-getting-started-with-iggrid-odata-and-wcf-data-services # Getting Started with igGrid, oData and WCF Data Services - The `igGrid` is a client-side data grid control that includes paging, filtering, and sorting functionality. The grid can bind to local data including XML, JSON, JavaScript arrays, HTML tables and remote data returned through web services. The most seamless way to bind the `igGrid` control to remote data is to use it in conjunction with [OData](http://en.wikipedia.org/wiki/OData). OData, or Open Data Protocol, operates over HTTP and provides a means of querying and updating data in JSON and AtomPub formats through a set of common URL conventions. This means that you can provide the grid with a URL to the OData service, set one property, and all of the paging, filtering, and sorting is handled on the server without any additional configuration. @@ -16,7 +15,7 @@ This topic demonstrates how to setup a client-side jQuery grid with remote pagin 1. Open Microsoft Visual Studio® and create a new ASP.NET Empty Web Application named ‘igDataSourceWCFService’: - > **Note**: The `igGrid` control uses the underlying `igDataSource` component is server-agnostic. Therefore this exercise demonstrates how you can implement *OData* support in ASP.NET WebForms as opposed to ASP.NET MVC which {environment:ProductName} supports out-of-the-box. + > **Note**: The `igGrid` control uses the underlying `igDataSource` component is server-agnostic. Therefore this exercise demonstrates how you can implement *OData* support in ASP.NET WebForms as opposed to ASP.NET MVC which \{environment:ProductName\} supports out-of-the-box. ![](images/Getting_Started_with_igGrid_oData_WCF_01.png) @@ -80,7 +79,7 @@ This topic demonstrates how to setup a client-side jQuery grid with remote pagin 11. At this point, you can run the Web Application and access the data of the service so now it’s time to setup the `igGrid` control. -12. You will need the {environment:ProductName} combined and minified script files, infragistics.core.js and infragistics.lob.js, which come with the product. In addition, you must reference the jQuery core and jQuery UI scripts to run the sample. [This help article](///general-and-getting-started/deployment-guide-javascript-resources.mdx) discusses referencing the required scripts and where the combined and minified scripts are available to add to your application. +12. You will need the \{environment:ProductName\} combined and minified script files, infragistics.core.js and infragistics.lob.js, which come with the product. In addition, you must reference the jQuery core and jQuery UI scripts to run the sample. [This help article](///general-and-getting-started/deployment-guide-javascript-resources.mdx) discusses referencing the required scripts and where the combined and minified scripts are available to add to your application. > **Note**: You can [download the full or trial product here](http://www.infragistics.com/products/jquery#Downloads). @@ -184,11 +183,11 @@ Run the sample to see the `igGrid` control populated with data from an *OData* s [**Download Sample**](http://dl.infragistics.com/community/jquery/codesamples/aaronm/2011-07-28/igGridOData.zip) -> **Note**: The AdventureWorks database and {environment:ProductName} resources are not included in the sample. Visit these links to obtain the software: +> **Note**: The AdventureWorks database and \{environment:ProductName\} resources are not included in the sample. Visit these links to obtain the software: > > * [AdventureWorks Database](http://msftdbprodsamples.codeplex.com/releases/view/37109) > -> * [{environment:ProductName}](http://www.infragistics.com/products/jquery#Downloads) +> * [\{environment:ProductName\}](http://www.infragistics.com/products/jquery#Downloads) ## Related Topics diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/binding/iggrid-to-xml.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/binding/iggrid-to-xml.mdx index 5034ccfef1..9e94b26d22 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/binding/iggrid-to-xml.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/binding/iggrid-to-xml.mdx @@ -7,7 +7,7 @@ slug: iggrid-binding-iggrid-to-xml ## Overview -The {environment:ProductName}™ data source control , or `igDataSource`, can seamlessly bind to both namespaced, as well as non-namespaced XML documents. +The \{environment:ProductName\}™ data source control , or `igDataSource`, can seamlessly bind to both namespaced, as well as non-namespaced XML documents. One limitation of XML with namespaces is that most browsers do not natively support executing XPath expressions. Fortunately, the data source control supports XPath expression out-of-the-box, so you can still point a specific part of the XML to be included in your schema. @@ -108,7 +108,7 @@ Figure 1 shows the data source state after it is data-bound. <div class="embed-sample"> - [XML Binding]({environment:SamplesEmbedUrl}/grid/xml-binding) + [XML Binding](\{environment:SamplesEmbedUrl\}/grid/xml-binding) </div> ## Related Topics diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-data.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-data.mdx index 3f2b887707..b3e1852244 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-data.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-data.mdx @@ -15,9 +15,9 @@ This is a group of topics explaining how to bind `igGrid`™ control to differen - [Getting Started with igGrid, oData and WCF Data Services (*igGrid*)](/iggrid-getting-started-with-iggrid-odata-and-wcf-data-services.mdx): This topic demonstrates how to setup a client-side jQuery grid with remote paging, filtering, and sorting by setting up a WCF Data Service in an ASP.NET Web Application and setting two options on the `igGrid`. -- [Binding igGrid to DataTable (*igGrid*)](/iggrid-binding-to-datatable.mdx): This topic introduces the feature and demonstrates how to configure and use a `DataTable` with the {environment:ProductNameMVC} Grid. +- [Binding igGrid to DataTable (*igGrid*)](/iggrid-binding-to-datatable.mdx): This topic introduces the feature and demonstrates how to configure and use a `DataTable` with the \{environment:ProductNameMVC\} Grid. -- [Binding igGrid to Web Services (*igGrid*)](/iggrid-binding-to-web-services.mdx): This document demonstrates how to bind the {environment:ProductName}® `igGrid`, to an *oData* protocol web-based data source. +- [Binding igGrid to Web Services (*igGrid*)](/iggrid-binding-to-web-services.mdx): This document demonstrates how to bind the \{environment:ProductName\}® `igGrid`, to an *oData* protocol web-based data source. - [Client-Side Data Binding (*igGrid*)](/client-side/iggrid-client-side-binding.mdx): This document demonstrates how to bind the `igGrid` control to a JSON array, JavaScript array and HTML table element. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-datatable.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-datatable.mdx index e2303bc937..3d26952a43 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-datatable.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-datatable.mdx @@ -9,7 +9,7 @@ slug: iggrid-binding-to-datatable ### Purpose -The {environment:ProductNameMVC} Grid supports binding to `DataTable` objects. This topic introduces the feature and demonstrates how to configure and use a `DataTable` with the Grid in {environment:ProductNameMVC}. In addition, you will see how you can use the `DataTable` in conjunction with the grid’s editing functionality. +The \{environment:ProductNameMVC\} Grid supports binding to `DataTable` objects. This topic introduces the feature and demonstrates how to configure and use a `DataTable` with the Grid in \{environment:ProductNameMVC\}. In addition, you will see how you can use the `DataTable` in conjunction with the grid’s editing functionality. ### Required background @@ -291,7 +291,7 @@ public ActionResult EditingSaveChanges() ``` -### Manually creating the columns of {environment:ProductNameMVC} Grid in the view +### Manually creating the columns of \{environment:ProductNameMVC\} Grid in the view If the `igGrid` is defined in the view and a `DataTable` is used as the grid’s Model then the columns can only be auto-generated. If you want to define the columns manually, define a model which corresponds to the `DataTable` structure and set it as the grid’s type. @@ -354,7 +354,7 @@ This procedure explains how to implement the `LoadTransaction` method when using To complete the procedure, you need the following: -- The required {environment:ProductName} JavaScript and CSS files +- The required \{environment:ProductName\} JavaScript and CSS files - A reference to the *Infragistics.Web.Mvc.dll* assembly - Json.NET Serializer - Newtonsoft.Json.dll diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-web-services.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-web-services.mdx index d2e0772d85..53430090d3 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-web-services.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-web-services.mdx @@ -38,7 +38,7 @@ Also, if remote Paging is enabled, the recordCountKey option of the Paging featu By default igGrid will send oData requests when initialized in JavaScript. -The {environment:ProductNameMVC} Grid however uses different request parameters which are used by the built in remote features support provided by the Infragistics.Web.Mvc.dll, so if you want to use it to bind to the oData service you need to set the corresponding feature URL parameters to null. +The \{environment:ProductNameMVC\} Grid however uses different request parameters which are used by the built in remote features support provided by the Infragistics.Web.Mvc.dll, so if you want to use it to bind to the oData service you need to set the corresponding feature URL parameters to null. ## Walkthrough: Creating an igGrid in an MVC Application bound to an OData service that uses EntityFramework @@ -47,7 +47,7 @@ The {environment:ProductNameMVC} Grid however uses different request p This procedure guides you through the process of creating an igGrid in a MVC application together with an OData service that retrieves data from a SQL Database using Entity Framework. ###Requirements -In order to complete this procedure you need to have the {environment:ProductName} product installed on your machine and have the Northwind Database installed in SQL Server. +In order to complete this procedure you need to have the \{environment:ProductName\} product installed on your machine and have the Northwind Database installed in SQL Server. This procedure also assumes that you are using Visual Studio 2013 and MVC5. ###Overview @@ -75,8 +75,8 @@ This procedure also assumes that you are using Visual Studio 2013 and MVC5. - Add a reference to *System.Runtime.Serialization*. - Add a reference to *Infragistics.Web.Mvc* and make sure that *Copy Local* option is set to *true*. - - Add the {environment:ProductName} script files to the **Scripts** folder. - - Add the {environment:ProductName} CSS files and images to the **Content** folder. + - Add the \{environment:ProductName\} script files to the **Scripts** folder. + - Add the \{environment:ProductName\} CSS files and images to the **Content** folder. - Build the solution to make sure everything compiles. 2. Create the Models @@ -155,7 +155,7 @@ public static void Register(HttpConfiguration config) - At the top of *Index.cshtml* add a using statement for *Infragistics.Web.Mvc*. (IntelliSense should help you complete this) If the Infragistics assembly is not recognized, close the view and compile the application to make sure that the* Infragistics.Web.Mvc* assembly is copied in to the bin folder. When you reopen the view file the Infragistics reference should now be recognized. - - In Index.cshtml add JavaScript references for jQuery, jQuery UI, Modernizr, and the {environment:ProductName} controls. + - In Index.cshtml add JavaScript references for jQuery, jQuery UI, Modernizr, and the \{environment:ProductName\} controls. **In HTML:** @@ -175,7 +175,7 @@ public static void Register(HttpConfiguration config) <link href="@Url.Content("Content/Infragistics/themes/infragistics/infragistics.theme.css")" rel="stylesheet" /> <link href="@Url.Content("Content/Infragistics/structure/modules/infragistics.css")" rel="stylesheet" /> ``` -- Create an {environment:ProductName} grid on the page. +- Create an \{environment:ProductName\} grid on the page. Add the declaration for the igGrid that uses the Product class as its record type. The DataSourceUrl property must point to the Products endpoint of the service. The ResponseDataKey property must be set to the name of the property that holds the data in the response, which in our example is value. The DataBind and Render methods then need to be added to make sure that the control is bound to the DataSource and rendered in to the markup. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-webapi.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-webapi.mdx index cc48bb457f..ef7648d6ee 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-webapi.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/binding/to-webapi.mdx @@ -2,6 +2,9 @@ title: "Binding to ASP.NET MVC WebAPI" slug: iggrid-binding-to-webapi --- + +# Binding to ASP.NET MVC WebAPI + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Binding to ASP.NET MVC WebAPI @@ -73,7 +76,7 @@ To complete the procedure, you need the following: - MVC 4 Framework installed - Northwind Database installed - Infragistics.Web.Mvc.dll -- {environment:ProductName} JavaScript and Theme Files +- \{environment:ProductName\} JavaScript and Theme Files ### Steps @@ -92,8 +95,8 @@ The following steps demonstrate how to bind igGrid to MVC 4 Web API. - Right click on the References folder and choose Add Reference… - Locate the `Infragistics.Web.Mvc.dll` from the .NET tab or alternatively Browse for it. -3. Add reference to {environment:ProductName} Scripts - - Copy the {environment:ProductName} distributable files to your project Scripts directory +3. Add reference to \{environment:ProductName\} Scripts + - Copy the \{environment:ProductName\} distributable files to your project Scripts directory - In the `_Layout.cshtml` file under the `Views\Shared` folder add the reference to Infragistics loader **In HTML:** @@ -188,7 +191,7 @@ Define the Infragistics loader @Html.Infragistics().Loader().ScriptPath("~/Scripts/Infragistics/js/").CssPath("~/Scripts/Infragistics /css/").Render() ``` -> Note: You must change the `ScriptPath` and `CssPath` to match your {environment:ProductName} file locations. +> Note: You must change the `ScriptPath` and `CssPath` to match your \{environment:ProductName\} file locations. Define the grid: diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/developing-asp-net-mvc-applications-with-iggrid.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/developing-asp-net-mvc-applications-with-iggrid.mdx index 483c1fb0c3..daf8e69176 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/developing-asp-net-mvc-applications-with-iggrid.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/developing-asp-net-mvc-applications-with-iggrid.mdx @@ -4,9 +4,10 @@ slug: iggrid-developing-asp-net-mvc-applications-with-iggrid --- # Developing ASP.NET MVC Applications with igGrid -{environment:ProductName} is a JavaScript-based [jQuery UI](http://jqueryui.com/) control suite that you can use to build rich, interactive web applications. When {environment:ProductName} is paired with ASP.NET MVC, you have the option to use JavaScript directly or with the {environment:ProductNameMVC}. -{environment:ProductNameMVC} is a collection of .NET classes and extension methods that generate the HTML markup and JavaScript required to work with {environment:ProductName} controls. Once rendered to the page, there is very little difference between code you may write by hand using a JavaScript-only approach and what is rendered by {environment:ProductName} MVC Helpers, but using the helpers may be a good choice for you if: +\{environment:ProductName\} is a JavaScript-based [jQuery UI](http://jqueryui.com/) control suite that you can use to build rich, interactive web applications. When \{environment:ProductName\} is paired with ASP.NET MVC, you have the option to use JavaScript directly or with the \{environment:ProductNameMVC\}. + +\{environment:ProductNameMVC\} is a collection of .NET classes and extension methods that generate the HTML markup and JavaScript required to work with \{environment:ProductName\} controls. Once rendered to the page, there is very little difference between code you may write by hand using a JavaScript-only approach and what is rendered by \{environment:ProductName\} MVC Helpers, but using the helpers may be a good choice for you if: * You are implementing remote features like remote load-on-demand, remote paging, remote filtering, etc. @@ -19,7 +20,7 @@ This document is focused specifically on explaining the igGrid MVC Helper. Along ### In this topic - [**Getting Started**](#getting-started) - - [Referencing the {environment:ProductNameMVC}](#referencing-igniteui-mvc-assembly) + - [Referencing the \{environment:ProductNameMVC\}](#referencing-igniteui-mvc-assembly) - [Referencing Styles and Scripts](#referencing-styles-and-scripts) - [**Syntax Variations**](#syntax-variations) - [Grid Model](#syntax-grid-model) @@ -31,10 +32,10 @@ This document is focused specifically on explaining the igGrid MVC Helper. Along - [Related Topics](#related-topics) ## <a id="getting-started"></a> Getting Started -Before you can use the {environment:ProductNameMVC} Grid, you must first create a reference to the `Infragistics.Web.Mvc` assembly and reference the proper scripts and style sheets on your page. +Before you can use the \{environment:ProductNameMVC\} Grid, you must first create a reference to the `Infragistics.Web.Mvc` assembly and reference the proper scripts and style sheets on your page. -### <a id="referencing-igniteui-mvc-assembly"></a>Referencing {environment:ProductNameMVC} -Begin by creating a reference in your ASP.NET application to the {environment:ProductNameMVC} assembly which is found at this location: +### <a id="referencing-igniteui-mvc-assembly"></a>Referencing \{environment:ProductNameMVC\} +Begin by creating a reference in your ASP.NET application to the \{environment:ProductNameMVC\} assembly which is found at this location: ``` {environment:InstallPathMVC}\<MVC_VERSION_NUMBER>\Bin\Infragistics.Web.Mvc.dll @@ -52,26 +53,26 @@ Next, you need to reference the required style sheet and script files on your pa <script type="text/javascript" src="infragistics.core.js"></script> <script type="text/javascript" src="infragistics.lob.js"></script> ``` -> **Note**: Due to the nature of how the {environment:ProductName} MVC Helpers operate, you must include references to jQuery, jQuery UI and {environment:ProductName} at the top of the page. +> **Note**: Due to the nature of how the \{environment:ProductName\} MVC Helpers operate, you must include references to jQuery, jQuery UI and \{environment:ProductName\} at the top of the page. ## <a id="syntax-variations"></a>Syntax Variations -When using the {environment:ProductNameMVC}, there are a few different parts that compose a page that are relevant to using the igGrid. As a page is requested, Model data is collected in the Controller and passed to the View so the {environment:ProductNameMVC} can render the control on the page. In the Controller, you can choose to either pass data directly to the view in the form of an `IQueryable<T>` collection, or pass an instance of the `Infragistics.Web.Mvc.GridModel` class. +When using the \{environment:ProductNameMVC\}, there are a few different parts that compose a page that are relevant to using the igGrid. As a page is requested, Model data is collected in the Controller and passed to the View so the \{environment:ProductNameMVC\} can render the control on the page. In the Controller, you can choose to either pass data directly to the view in the form of an `IQueryable<T>` collection, or pass an instance of the `Infragistics.Web.Mvc.GridModel` class. -> **Note**: The {environment:ProductNameMVC} Grid data source uses LINQ and therefore only accepts instances of `IQueryable<T>`. Even when you opt to use the `GridModel` you will explicitly set the `DataSource` property which requires an instance of `IQueryable<T>` . +> **Note**: The \{environment:ProductNameMVC\} Grid data source uses LINQ and therefore only accepts instances of `IQueryable<T>`. Even when you opt to use the `GridModel` you will explicitly set the `DataSource` property which requires an instance of `IQueryable<T>` . -Therefore, as you use the {environment:ProductNameMVC} Grid you use syntax that follows a pattern like this: +Therefore, as you use the \{environment:ProductNameMVC\} Grid you use syntax that follows a pattern like this: ```html @(Html.Infragistics().Grid(/* collection or grid model here */)... ``` -The `Grid` method supports a number of overloads that give you the ability to select a syntax variation you want to use with {environment:ProductNameMVC}. A "syntax variation" is found while either using data collections (`IQueryable<T>`) or a grid model. The following table shows how the return type of {environment:ProductNameMVC} is affected by the argument you pass in to the `Grid` method. +The `Grid` method supports a number of overloads that give you the ability to select a syntax variation you want to use with \{environment:ProductNameMVC\}. A "syntax variation" is found while either using data collections (`IQueryable<T>`) or a grid model. The following table shows how the return type of \{environment:ProductNameMVC\} is affected by the argument you pass in to the `Grid` method. Syntax Variation | Primary Argument | Return Type --- | --- | --- | Grid Model | IGridModel| MvcHtmlString Chaining | IQueryable<T> | IGrid<T> -> **Note**: The above table refers to the "Primary Argument" because {environment:ProductNameMVC} includes a number of variations in the overloads that include the ability to control the rendered TABLE element's HTML attributes, but the main difference between each of the overloads is the differentiation between either using `IQueryable<T>` or `Infragistics.Web.Mvc.GridModel` instances. +> **Note**: The above table refers to the "Primary Argument" because \{environment:ProductNameMVC\} includes a number of variations in the overloads that include the ability to control the rendered TABLE element's HTML attributes, but the main difference between each of the overloads is the differentiation between either using `IQueryable<T>` or `Infragistics.Web.Mvc.GridModel` instances. ### <a id="syntax-grid-model"></a>Grid Model The first option available to you in configuring the igGrid is to define all the options for the grid (including the data source) in the controller and simply pass the `GridModel` instance to the Helper. As an example, here a controller creates an instance of the `GridModel` class and sets the `DataSource` property to an instance of an `IQueryable<T>` collection. @@ -93,7 +94,7 @@ public class GridModelController : Controller } } ``` -The GridModel is send to the view and used by the {environment:ProductNameMVC} Helper to render the control. +The GridModel is send to the view and used by the \{environment:ProductNameMVC\} Helper to render the control. ```html @using Infragistics.Web.Mvc @@ -112,7 +113,7 @@ Notice that the page requires a `using` directive to import `Infragistics.Web.Mv <script type="text/javascript">$(function () {$('#Grid1').igGrid({ dataSource: {"Records":[{"Name":"John Smith","Age":45},{"Name":"Mary Johnson","Age":32}],"TotalRecordsCount":0,"Metadata":{"timezoneOffset":-25200000}},dataSourceType: 'json',autoGenerateColumns: false,autoGenerateLayouts: false,mergeUnboundColumns: false, responseDataKey: 'Records', generateCompactJSONResponse: false, enableUTCDates: true, columns: [ { key: 'Name', headerText: 'Name', width: null, dataType: 'string' }, { key: 'Age', headerText: 'Age', width: null, dataType: 'number' } ], features: [ { sortUrlKey: 'sort', sortUrlKeyAscValue: 'asc', sortUrlKeyDescValue: 'desc', name: 'Sorting' } ], localSchemaTransform: false });});</script> ``` -It's not important for you to understand everything in this code listing at the moment, but this is included to help you get an understanding of the type of code rendered as you use {environment:ProductNameMVC}. Notice that a HTML `TABLE` element is generated with an `ID` of `Grid1`. Then in the `SCRIPT` element, just after the jQuery `ready` anonymous function, is the jQuery selector of `$('#Grid1')` runs which associates the data and options to the declared `TABLE` element. +It's not important for you to understand everything in this code listing at the moment, but this is included to help you get an understanding of the type of code rendered as you use \{environment:ProductNameMVC\}. Notice that a HTML `TABLE` element is generated with an `ID` of `Grid1`. Then in the `SCRIPT` element, just after the jQuery `ready` anonymous function, is the jQuery selector of `$('#Grid1')` runs which associates the data and options to the declared `TABLE` element. #### Settings, Columns and Features When you want to have fine-grained control over the settings and features of the grid, you simply need to appropriately compose the object model for the grid. The following listing demonstrates how to: @@ -162,7 +163,7 @@ public ActionResult Index() ``` ### <a id="syntax-chaining"></a>Chaining -As an alternative to defining the grid model in the controller, you may choose to use the chaining syntax. When you pass in a collection of data into the {environment:ProductNameMVC} Helper, the `Grid` method returns an instance of `IGrid` that exposes a fluent interface allowing you to chain method calls to define the control on your page. +As an alternative to defining the grid model in the controller, you may choose to use the chaining syntax. When you pass in a collection of data into the \{environment:ProductNameMVC\} Helper, the `Grid` method returns an instance of `IGrid` that exposes a fluent interface allowing you to chain method calls to define the control on your page. Consider a Controller where data is passed to the view as an `IQueryable<T>` collection: @@ -182,7 +183,7 @@ public class ChainedController : Controller } ``` -Here the {environment:ProductNameMVC} Grid passed the collection via the page's `Model`. +Here the \{environment:ProductNameMVC\} Grid passed the collection via the page's `Model`. ```html @using Infragistics.Web.Mvc diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/append-rows-on-demand-overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/append-rows-on-demand-overview.mdx index 14891d23e3..73cbca2339 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/append-rows-on-demand-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/append-rows-on-demand-overview.mdx @@ -2,6 +2,9 @@ title: "Append Rows On Demand Overview" slug: append-rows-on-demand-overview --- + +# Append Rows On Demand Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #Append Rows On Demand Overview @@ -105,7 +108,7 @@ Another scenario to consider that may be a performance issue is when Append Rows ### <a id="migration-guide"></a>CTP Migration Guide -As noted previously the feature was renamed from “Load on Demand” to “Append Rows on Demand” in order to differentiate from other functionality with the same name. In order to upgrade from previous versions of {environment:ProductName} you need to know the following information: +As noted previously the feature was renamed from “Load on Demand” to “Append Rows on Demand” in order to differentiate from other functionality with the same name. In order to upgrade from previous versions of \{environment:ProductName\} you need to know the following information: - The feature file in the “<installation_folder>\js\modules” folder is renamed from “`infragistics.ui.grid.loadondemand.js`” to “`infragistics.ui.grid.appendrowsondemand.js`” - In Infragistics Loader the feature name from “igGrid.LoadOnDemand” to “igGrid.AppendRowsOnDemand” @@ -130,5 +133,5 @@ The igGrid Append Rows On Demand feature adds functionality to append data to th <div class="embed-sample"> - [Append Rows on Demand]({environment:SamplesEmbedUrl}/grid/append-rows-on-demand) + [Append Rows on Demand](\{environment:SamplesEmbedUrl\}/grid/append-rows-on-demand) </div> \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/cell-merging/advanced.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/cell-merging/advanced.mdx index 56248bdf1e..b4c47cbb13 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/cell-merging/advanced.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/cell-merging/advanced.mdx @@ -2,6 +2,9 @@ title: "Cell Merging Advanced Customization (igGrid)" slug: iggrid-cellmerging-advanced --- + +# Cell Merging Advanced Customization (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Cell Merging Advanced Customization (igGrid) @@ -293,7 +296,7 @@ The following sample implements the custom strategy that was demonstrated in the **In JavaScript:** <div class="embed-sample"> - [Cell Merging]({environment:SamplesEmbedUrl}/grid/cell-merging-custom) + [Cell Merging](\{environment:SamplesEmbedUrl\}/grid/cell-merging-custom) </div> ## <a id="related-content"></a> Related Content diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/cell-merging/overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/cell-merging/overview.mdx index a2d39a5a6a..bb8332fe48 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/cell-merging/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/cell-merging/overview.mdx @@ -2,6 +2,9 @@ title: "Cell Merging Overview (igGrid)" slug: iggrid-cellmerging-overview --- + +# Cell Merging Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Cell Merging Overview (igGrid) @@ -75,7 +78,7 @@ The following code creates an `igGrid` instance bound to the Products table data **In JavaScript:** <div class="embed-sample"> - [Cell Merging]({environment:SamplesEmbedUrl}/grid/cell-merging) + [Cell Merging](\{environment:SamplesEmbedUrl\}/grid/cell-merging) </div> diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns-and-layout.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns-and-layout.mdx index 3f031eb7d0..bad86bb14f 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns-and-layout.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns-and-layout.mdx @@ -2,6 +2,9 @@ title: "Columns and Layout (igGrid)" slug: iggrid-columns-and-layout --- + +# Columns and Layout (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Columns and Layout (igGrid) @@ -61,7 +64,7 @@ The sample below demonstrates how to set up different layout properties of the ` - `width` - the width of the grid. If a column’s width exceeds the grid’s width then a horizontal scroll bar appears. <div class="embed-sample"> - [Grid Layout]({environment:SamplesEmbedUrl}/grid/grid-layout) + [Grid Layout](\{environment:SamplesEmbedUrl\}/grid/grid-layout) </div> ## <a id="defining-columns"></a> Defining Columns @@ -162,7 +165,7 @@ Column formatting (rendering) is affected by several `igGrid` options. These are This sample below shows how to format column values before displaying them in the grid. The "Make Flag" boolean column has a `formatter` function which transforms the true/false values into Yes/No values. <div class="embed-sample"> - [Column Format Function]({environment:SamplesEmbedUrl}/grid/column-format-function) + [Column Format Function](\{environment:SamplesEmbedUrl\}/grid/column-format-function) </div> - <ApiLink type="iggrid" member="columns.format" section="options" label="format" /> - is a string identifying a format patterns. Internally <ApiLink type="iggrid" member="columns.format" section="options" label="format" /> option uses the `$.ig.formatter(rawValue, dataType, formatPattern)` function. When set, <ApiLink type="iggrid" member="columns.format" section="options" label="format" /> overrides the setting of the <ApiLink type="iggrid" member="autoFormat" section="options" label="autoFormat" /> option and also the default regional settings. @@ -177,7 +180,7 @@ This sample below shows how to format column values before displaying them in th The sample below demonstrates the grid column formatting capabilities. The Sell Start Date and Modified Date columns use different date formatting. The List Price number column uses the currency format. <div class="embed-sample"> - [igGrid Column Formats]({environment:SamplesEmbedUrl}/grid/column-formats) + [igGrid Column Formats](\{environment:SamplesEmbedUrl\}/grid/column-formats) </div> - <ApiLink type="iggrid" member="columns.template" section="options" label="template" /> - is a templated string (templating engine used is defined in the `templatingEngine` option). See [Templating Engine Overview](../../../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) topic for details on template syntax. @@ -235,7 +238,7 @@ By default the cell text in igGrid is left aligned. To customize the cell text a The sample below demonstrates how to customize the grid cell text alignment. The grid's "Product ID" and "Reorder Point" numeric columns text is aligned to the right. This is done by applying a custom CSS class to the column cells. The CSS class is configured in the grid column's `columnCssClass` property. <div class="embed-sample"> - [igGrid Configure Text Alignment]({environment:SamplesEmbedUrl}/grid/configure-text-alignment) + [igGrid Configure Text Alignment](\{environment:SamplesEmbedUrl\}/grid/configure-text-alignment) </div> ## <a id="defining-mapper"></a> Defining Mapper function for column @@ -294,7 +297,7 @@ Listing 2: Defining mapper function for a column in igGrid The below sample demonstrates how to handle complex data objects via the column's mapper function. In it Sorting and Filtering will be executed based on the values returned by the mapper function and Updating via the combo editor provider will allow updating the whole complex object with the selected combo item's record data. <div class="embed-sample"> - [Handling Complex Objects]({environment:SamplesEmbedUrl}/grid/handling-complex-objects) + [Handling Complex Objects](\{environment:SamplesEmbedUrl\}/grid/handling-complex-objects) </div> ## <a id="autoGenerateColumns"></a> AutoGenerateColumns @@ -316,7 +319,7 @@ You can also specify widths for every individual column separately. If you have The sample below shows the auto-generate columns functionality of igGrid. When columns are auto-generated their header captions are taken from the data source field names. The `autoGenerateColumns` option is used in combination with `defaultColumnWidth` option. <div class="embed-sample"> - [igGrid Auto-Generate Columns]({environment:SamplesEmbedUrl}/grid/auto-generate-columns) + [igGrid Auto-Generate Columns](\{environment:SamplesEmbedUrl\}/grid/auto-generate-columns) </div> ## <a id="styling"></a> Styling @@ -336,7 +339,7 @@ Listing 2: Required stylesheet definitions The first CSS, *jquery.ui.custom.css* represent the actual theme (that is, color-related styling), and you may replace it with any CSS file generated from Theme Roller. -The second CSS is custom to {environment:ProductName} and contains layout-related rules that are not available in Theme Roller / jQuery UI. Therefore it is required so the control is ensured to function properly. +The second CSS is custom to \{environment:ProductName\} and contains layout-related rules that are not available in Theme Roller / jQuery UI. Therefore it is required so the control is ensured to function properly. If you would like to reference not-combined CSS (used in development scenarios), you can add the references as depicted by Listing 3. @@ -432,7 +435,7 @@ $("#grid1").igGrid({ ``` The sample below demonstrates how to enable checkboxes in a boolean column instead of the true/false values. <div class="embed-sample"> - [igGrid Checkbox Column]({environment:SamplesEmbedUrl}/grid/checkbox-column) + [igGrid Checkbox Column](\{environment:SamplesEmbedUrl\}/grid/checkbox-column) </div> **In ASPX:** @@ -451,6 +454,6 @@ The sample below demonstrates how to enable checkboxes in a boolean column inste ## <a id="related-content"></a> Related Content ### Topic -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) - [Formatting Dates, Numbers and Strings](///general-and-getting-started/formatting-dates-numbers-and-strings.mdx) - [Templating Engine Overview](../../../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/column-resizing.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/column-resizing.mdx index f9f76ff542..bb65a1f14e 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/column-resizing.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/column-resizing.mdx @@ -2,6 +2,9 @@ title: "Column Resizing (igGrid)" slug: iggrid-column-resizing --- + +# Column Resizing (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Column Resizing (igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/filtering.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/filtering.mdx index 6dcf010b27..4324b5dded 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/filtering.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/filtering.mdx @@ -2,6 +2,9 @@ title: "Filtering (igGrid)" slug: iggrid-filtering --- + +# Filtering (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Filtering (igGrid) @@ -47,7 +50,7 @@ Filtering persistence is implemented for `igHierarchicalGrid` too. The following sample demonstrates the persistance capabilities of the Filtering feature. <div class="embed-sample"> - [Feature Persistence]({environment:SamplesEmbedUrl}/grid/feature-persistence) + [Feature Persistence](\{environment:SamplesEmbedUrl\}/grid/feature-persistence) </div> If you would like to retain the previous behavior of filtering being cleared after user re-binds the *igGrid*, you can do this by disabling the feature through the <ApiLink type="iggridfiltering" member="persist" section="options" label="persist" /> option as shown in the code snippet below: @@ -194,10 +197,10 @@ Listing 5: HTML element required to instantiate the grid ``` **Running sample with advanced filtering** <div class="embed-sample"> - [igGrid Advanced Filtering]({environment:SamplesEmbedUrl}/grid/advanced-filtering) + [igGrid Advanced Filtering](\{environment:SamplesEmbedUrl\}/grid/advanced-filtering) </div> -Listing 6: Razor or CSHTML markup to use with {environment:ProductNameMVC} +Listing 6: Razor or CSHTML markup to use with \{environment:ProductNameMVC\} **In Razor:** @@ -229,7 +232,7 @@ Otherwise, the grid encodes filtering information in the following way (example) http://<SERVER>/grid/GridGetData? filter(Name)=startsWith(a)&filter(ModifiedDate)=today()&filterLogic=AND ``` -When {environment:ProductNameMVC} is used to bind to server-side data through LINQ (IQueryable), all filtering information that’s encoded in the URL is automatically translated to LINQ expression clauses (Where clause), so you do not need to do anything additional in order to filter the data. +When \{environment:ProductNameMVC\} is used to bind to server-side data through LINQ (IQueryable), all filtering information that’s encoded in the URL is automatically translated to LINQ expression clauses (Where clause), so you do not need to do anything additional in order to filter the data. ## <a id="column-settings"></a> Column Settings @@ -543,7 +546,7 @@ $("#grid1").igGrid({ ``` **Demo:** <div class="embed-sample"> - [igGrid Filtering Custom Conditions]({environment:SamplesEmbedUrl}/grid/custom-conditions-filtering) + [igGrid Filtering Custom Conditions](\{environment:SamplesEmbedUrl\}/grid/custom-conditions-filtering) </div> @@ -662,4 +665,4 @@ The DOM structure for filtering drop down conditions list has changed. In versio ### <a id="samples"></a> Samples -- [Filtering]({environment:SamplesUrl}/grid/simple-filtering) \ No newline at end of file +- [Filtering](\{environment:SamplesUrl\}/grid/simple-filtering) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-configuring.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-configuring.mdx index bcaafa7038..2af10f2725 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-configuring.mdx @@ -2,6 +2,9 @@ title: "Configuring Column Fixing (igGrid)" slug: iggrid-columnfixing-configuring --- + +# Configuring Column Fixing (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Column Fixing (igGrid) @@ -327,7 +330,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Column Fixing]({environment:SamplesUrl}/grid/column-fixing): This sample demonstrates the basic functionalities of the `igGrid`’s Column Fixing feature – setting columns fixed by default and preventing columns from being fixed by the user. +- [Column Fixing](\{environment:SamplesUrl\}/grid/column-fixing): This sample demonstrates the basic functionalities of the `igGrid`’s Column Fixing feature – setting columns fixed by default and preventing columns from being fixed by the user. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-enabling.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-enabling.mdx index 16498d205b..fde46ac2e7 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-enabling.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-enabling.mdx @@ -127,7 +127,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Column Fixing]({environment:SamplesUrl}/grid/column-fixing): This sample demonstrates the basic functionalities of the `igGrid`’s Column Fixing feature – setting columns fixed by default and preventing columns from being fixed by the user. +- [Column Fixing](\{environment:SamplesUrl\}/grid/column-fixing): This sample demonstrates the basic functionalities of the `igGrid`’s Column Fixing feature – setting columns fixed by default and preventing columns from being fixed by the user. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-method-reference.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-method-reference.mdx index d03473e5eb..87de7d3478 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-method-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-method-reference.mdx @@ -2,6 +2,9 @@ title: "Method Reference (Column Fixing, igGrid)" slug: iggrid-columnfixing-method-reference --- + +# Method Reference (Column Fixing, igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Method Reference (Column Fixing, igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-overview.mdx index 7cf4b61c54..8557c436a1 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/fixing/columnfixing-overview.mdx @@ -2,6 +2,9 @@ title: "Column Fixing Overview (igGrid)" slug: iggrid-columnfixing-overview --- + +# Column Fixing Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Column Fixing Overview (igGrid) @@ -239,7 +242,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Column Fixing]({environment:SamplesUrl}/grid/column-fixing): This sample demonstrates the basic functionalities of the `igGrid`’s Column Fixing feature – setting columns fixed by default and preventing columns from being fixed by the user. +- [Column Fixing](\{environment:SamplesUrl\}/grid/column-fixing): This sample demonstrates the basic functionalities of the `igGrid`’s Column Fixing feature – setting columns fixed by default and preventing columns from being fixed by the user. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/enabling-groupby.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/enabling-groupby.mdx index ee19229862..4f9c14b25e 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/enabling-groupby.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/enabling-groupby.mdx @@ -2,6 +2,9 @@ title: "Enabling Column Grouping (igGrid)" slug: iggrid-enabling-groupby --- + +# Enabling Column Grouping (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Enabling Column Grouping (igGrid) @@ -59,17 +62,17 @@ Following is a preview of the final result. - MVC-specific requirements - An MVC 4 or above project in MS Visual Studio® with a grid connected to a data source - - A reference to the {environment:ProductNameMVC} dll - Infragistics.Web.Mvc.dll. + - A reference to the \{environment:ProductNameMVC\} dll - Infragistics.Web.Mvc.dll. ### <a id="script-requirements"></a> Script Requirements -The required scripts for both {environment:ProductName} and {environment:ProductNameMVC} samples are the same because the {environment:ProductNameMVC} render jQuery widgets. +The required scripts for both \{environment:ProductName\} and \{environment:ProductNameMVC\} samples are the same because the \{environment:ProductNameMVC\} render jQuery widgets. The following scripts are required to run the grid and its grouping functionality: - The jQuery library script - The jQuery User Interface (UI) library script -- The {environment:ProductName} library scripts +- The \{environment:ProductName\} library scripts The following code sample demonstrates the scripts added to the header section of a HTML file. @@ -190,6 +193,6 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Grouping]({environment:SamplesUrl}/grid/grouping) +- [Grouping](\{environment:SamplesUrl\}/grid/grouping) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx index 82930d9158..2d47cef582 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx @@ -2,6 +2,9 @@ title: "Group By Dialog Overview (igGrid)" slug: iggrid-group-by-dialog-overview --- + +# Group By Dialog Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Group By Dialog Overview (igGrid) @@ -16,7 +19,7 @@ This topic explains the Group By dialog of the `igGrid`™ control. The following table lists the topics required as a prerequisite to understanding this topic. -- [Touch Support for {environment:ProductName} Controls](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to {environment:ProductName}™ controls for touch-support interactions. +- [Touch Support for \{environment:ProductName\} Controls](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to \{environment:ProductName\}™ controls for touch-support interactions. - [Feature Chooser](//iggrid-feature-chooser.mdx): This topic explains the `igGrid`™ Feature Chooser menu and its sections. @@ -202,7 +205,7 @@ Event | Description The following topics provide additional information related to this topic. -- [Touch Support for {environment:ProductName} Controls](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to {environment:ProductName}™ controls for touch-support interactions. +- [Touch Support for \{environment:ProductName\} Controls](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to \{environment:ProductName\}™ controls for touch-support interactions. - [Feature Chooser](//iggrid-feature-chooser.mdx): This topic explains the `igGrid`™ Feature Chooser menu and its sections. @@ -215,6 +218,6 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Grouping]({environment:SamplesUrl}/grid/grouping): Sample that shows the interactions with the igGrid GroupBy modal dialog window. +- [Grouping](\{environment:SamplesUrl\}/grid/grouping): Sample that shows the interactions with the igGrid GroupBy modal dialog window. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby-overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby-overview.mdx index d3186652cd..b5238a2945 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby-overview.mdx @@ -2,6 +2,9 @@ title: "Column Grouping Overview (igGrid)" slug: iggrid-groupby-overview --- + +# Column Grouping Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Column Grouping Overview (igGrid) @@ -49,7 +52,7 @@ GroupBy persistence is implemented for `igHierarchicalGrid` too. The following sample demonstrates the persistance capabilities of the GroupBy feature. <div class="embed-sample"> - [Feature Persistence]({environment:SamplesEmbedUrl}/grid/feature-persistence) + [Feature Persistence](\{environment:SamplesEmbedUrl\}/grid/feature-persistence) </div> If you would like to retain the previous behavior of group by being cleared after user re-binds the `igGrid`, you can do this by disabling the feature through the <ApiLink type="iggridgroupby" member="persist" section="options" label="persist" /> option as shown in the code snippet below: @@ -90,7 +93,7 @@ The following sample demonstrates how to use the <ApiLink type="iggridgroupby" m You can also customize grouping of the `time` column using the `compareFunc`. See the example code for more details. <div class="embed-sample"> - [Grouping Customization]({environment:SamplesEmbedUrl}/grid/grouping-customization) + [Grouping Customization](\{environment:SamplesEmbedUrl\}/grid/grouping-customization) </div> ## <a id="api-usage"></a> API Usage @@ -142,7 +145,7 @@ $('#grid1').igGridGroupBy("expand", id); The following sample provides additional information related to the API usage: <div class="embed-sample"> - [Grouping API]({environment:SamplesEmbedUrl}/grid/grouping-api) + [Grouping API](\{environment:SamplesEmbedUrl\}/grid/grouping-api) </div> ## <a id="keyboard-interaction"></a> Keyboard Interactions @@ -178,7 +181,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [GroupBy]({environment:SamplesUrl}/grid/grouping) +- [GroupBy](\{environment:SamplesUrl\}/grid/grouping) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby-summaries.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby-summaries.mdx index 71476990c5..7e01264be2 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby-summaries.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby-summaries.mdx @@ -2,6 +2,9 @@ title: "GroupBy Summaries Feature Overview (igGrid)" slug: iggrid-groupby-summaries --- + +# GroupBy Summaries Feature Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # GroupBy Summaries Feature Overview (igGrid) @@ -185,7 +188,7 @@ function existingCount(data, dataType) { The following sample provides additional information related to this topic. -- [Grouping with summaries]({environment:SamplesUrl}/grid/grouping) +- [Grouping with summaries](\{environment:SamplesUrl\}/grid/grouping) ### <a id="topics"></a> Topics diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby.mdx index 61324fb510..0dc54c3d19 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/grouping/groupby.mdx @@ -6,7 +6,6 @@ slug: iggrid-groupby # Column Grouping (igGrid) - Click on the links below to find information on how to get the `igGrid` Outlook Group By feature quickly up and running. - [Column Grouping Overview](/iggrid-groupby-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-chooser.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-chooser.mdx index 55eaed3f69..f6a71eb87b 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-chooser.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-chooser.mdx @@ -2,6 +2,9 @@ title: "Configuring the Column Chooser (igGrid)" slug: iggrid-hiding-column-chooser --- + +# Configuring the Column Chooser (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Column Chooser (igGrid) @@ -16,7 +19,7 @@ This topic demonstrates how to use the `igGrid`™ control’s Hiding Column Cho The following table lists the topics required as a prerequisite to understanding this topic. -- [**Touch Support for {environment:ProductName} Controls**](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to {environment:ProductName}™ controls for touch-support interactions. +- [**Touch Support for \{environment:ProductName\} Controls**](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to \{environment:ProductName\}™ controls for touch-support interactions. - [**igGrid Feature Chooser**](//iggrid-feature-chooser.mdx): This topic explains the `igGrid` Feature Chooser menu and its sections. @@ -154,7 +157,7 @@ Event | Description The following topics provide additional information related to this topic. -- [**Touch Support for {environment:ProductName} Controls**](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to {environment:ProductName}™ controls for touch-support interactions. +- [**Touch Support for \{environment:ProductName\} Controls**](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to \{environment:ProductName\}™ controls for touch-support interactions. - [**igGrid Feature Chooser**](//iggrid-feature-chooser.mdx): This topic explains the `igGrid` Feature Chooser menu and its sections. @@ -165,5 +168,5 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Feature Chooser]({environment:SamplesUrl}/grid/column-management): Sample that demonstrates the Feature Chooser. +- [Feature Chooser](\{environment:SamplesUrl\}/grid/column-management): Sample that demonstrates the Feature Chooser. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding-enabling-column-hiding.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding-enabling-column-hiding.mdx index 4d9df69368..9e81e59eb7 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding-enabling-column-hiding.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding-enabling-column-hiding.mdx @@ -60,14 +60,14 @@ Following is a preview of the final result (the red arrow points to the hidden c - MVC-specific requirements - An MVC 4 or above project in MS Visual Studio® with a grid connected to a data source - - A reference to the {environment:ProductNameMVC} dll - Infragistics.Web.Mvc.dll. + - A reference to the \{environment:ProductNameMVC\} dll - Infragistics.Web.Mvc.dll. ### <a id="script-requirements"></a> Script requirements - The required scripts for both jQuery and MVC sample are the same because both render jQuery widgets. You will need: 1. The jQuery library script 2. The jQuery UI library script - 3. The {environment:ProductName} library scripts + 3. The \{environment:ProductName\} library scripts The following code sample demonstrates the scripts added to the header section of a HTML file. @@ -208,14 +208,14 @@ When focus is on one of those elements: The following topics provide additional information related to this topic. - [igGrid Configuration: Columns](/iggrid-configure-column-hiding.mdx) -- [Using JavaScript Resources in {environment:ProductName}](/////general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](/////general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](/////general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Styling and Theming in \{environment:ProductName\}](/////general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) ### <a id="samples"></a> Samples The following sample provides additional information related to this topic. -- [Column Management]({environment:SamplesUrl}/grid/column-management) +- [Column Management](\{environment:SamplesUrl\}/grid/column-management) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding-grid-events.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding-grid-events.mdx index e49715aa78..022f5be018 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding-grid-events.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding-grid-events.mdx @@ -2,6 +2,9 @@ title: "Column Hiding Grid Events (igGrid)" slug: iggrid-column-hiding-grid-events --- + +# Column Hiding Grid Events (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Column Hiding Grid Events (igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding.mdx index 36270efad0..d29f27aa1c 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/column-hiding.mdx @@ -6,7 +6,6 @@ slug: iggrid-column-hiding # Column Hiding (igGrid) - Click on the links below to find information on how to get the `igGrid` Column Hiding feature quickly up and running. - [Enabling Column Hiding](/iggrid-column-hiding-enabling-column-hiding.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/configure-column-hiding.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/configure-column-hiding.mdx index 8f190407c3..00d11358d1 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/configure-column-hiding.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/hiding/configure-column-hiding.mdx @@ -2,6 +2,9 @@ title: "Configuring Column Hiding (igGrid)" slug: iggrid-configure-column-hiding --- + +# Configuring Column Hiding (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Column Hiding (igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-configuring.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-configuring.mdx index 32bcd26586..b6f4232855 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-configuring.mdx @@ -346,6 +346,6 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Column Moving]({environment:SamplesUrl}/grid/column-management): This sample demonstrates configuring column moving in the `igGrid`. +- [Column Moving](\{environment:SamplesUrl\}/grid/column-management): This sample demonstrates configuring column moving in the `igGrid`. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-enabling.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-enabling.mdx index 90a96bf53d..1c6cb44453 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-enabling.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-enabling.mdx @@ -5,7 +5,6 @@ slug: iggrid-columnmoving-enabling # Enabling Column Moving (igGrid) - ## Topic Overview ### Purpose @@ -110,7 +109,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Column Moving]({environment:SamplesUrl}/grid/column-management): This sample demonstrates configuring column moving in the `igGrid`. +- [Column Moving](\{environment:SamplesUrl\}/grid/column-management): This sample demonstrates configuring column moving in the `igGrid`. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-landingpage.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-landingpage.mdx index 9eb0d5b102..bfbde9c973 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-landingpage.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-landingpage.mdx @@ -6,7 +6,6 @@ slug: iggrid-columnmoving-landingpage # Column Moving (igGrid) - ## In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-movingcolumnsprogrammatically.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-movingcolumnsprogrammatically.mdx index 5af0c7b074..810b38efd0 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-movingcolumnsprogrammatically.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-movingcolumnsprogrammatically.mdx @@ -2,6 +2,9 @@ title: "Moving Columns Programmatically (igGrid)" slug: iggrid-columnmoving-movingcolumnsprogrammatically --- + +# Moving Columns Programmatically (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Moving Columns Programmatically (igGrid) @@ -271,7 +274,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Column Moving]({environment:SamplesUrl}/grid/column-management): This sample demonstrates configuring column moving in the `igGrid`. +- [Column Moving](\{environment:SamplesUrl\}/grid/column-management): This sample demonstrates configuring column moving in the `igGrid`. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-overview.mdx index 2e69897427..e55d8c2b67 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-overview.mdx @@ -294,7 +294,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Column Moving]({environment:SamplesUrl}/grid/column-management): This sample demonstrates configuring column moving in the `igGrid`. +- [Column Moving](\{environment:SamplesUrl\}/grid/column-management): This sample demonstrates configuring column moving in the `igGrid`. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-propertyreference.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-propertyreference.mdx index dbb7c96dca..c2c93eab34 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-propertyreference.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/moving/columnmoving-propertyreference.mdx @@ -2,6 +2,9 @@ title: "Property Reference (igGrid)" slug: iggrid-columnmoving-propertyreference --- + +# Property Reference (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Property Reference (igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-configuring.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-configuring.mdx index 3c8112f7c0..b04bb96e69 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-configuring.mdx @@ -423,7 +423,7 @@ To complete the procedure, you need the following: - ASP.NET MVC 4 or newer Framework installed - The Northwind Database installed - A reference to the Infragistics.Web.Mvc.dll assembly -- {environment:ProductName} JavaScript and theme resources +- \{environment:ProductName\} JavaScript and theme resources ### <a id="mvc-overview"></a> Overview @@ -547,7 +547,7 @@ To complete the procedure, you need the following: - ASP.NET MVC 3 or newer Framework installed - The Northwind Database installed - A reference to the Infragistics.Web.Mvc.dll assembly -- {environment:ProductName} JavaScript and theme resources +- \{environment:ProductName\} JavaScript and theme resources ### <a id="ccg-mvc-overview"></a> Overview @@ -692,7 +692,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Collapsible Column Groups]({environment:SamplesUrl}/grid/collapsible-column-groups): This sample shows how to configure multi-column headers with collapsible column groups. +- [Collapsible Column Groups](\{environment:SamplesUrl\}/grid/collapsible-column-groups): This sample shows how to configure multi-column headers with collapsible column groups. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-multicolumnheaders.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-multicolumnheaders.mdx index 1f19370aed..42b6b8e9cf 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-multicolumnheaders.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-multicolumnheaders.mdx @@ -2,6 +2,9 @@ title: "Multi-Column Headers Overview (igGrid)" slug: iggrid-multicolumnheaders-multicolumnheaders --- + +# Multi-Column Headers Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Multi-Column Headers Overview (igGrid) @@ -61,7 +64,7 @@ In the following screenshot, you can see a multi-column header configured for th The following sample demonstrates how to configure Multi-Column Headers: <div class="embed-sample"> - [Multi-Column Headers]({environment:SamplesEmbedUrl}/grid/multi-column-headers) + [Multi-Column Headers](\{environment:SamplesEmbedUrl\}/grid/multi-column-headers) </div> @@ -176,7 +179,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Collapsible Multi-Column Headers]({environment:SamplesUrl}/grid/collapsible-column-groups): This sample shows how to configure collapsible multi-column headers. +- [Collapsible Multi-Column Headers](\{environment:SamplesUrl\}/grid/collapsible-column-groups): This sample shows how to configure collapsible multi-column headers. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx index cbef6450bc..f268204549 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx @@ -2,6 +2,9 @@ title: "Multiple Sorting Dialog (igGrid)" slug: iggrid-multiple-sorting-dialog --- + +# Multiple Sorting Dialog (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Multiple Sorting Dialog (igGrid) @@ -16,7 +19,7 @@ This topic demonstrates how to use the `igGrid`™ control’s Multiple Sorting The following table lists the topics required as a prerequisite to understanding this topic. -- [Touch Support for {environment:ProductName} Controls](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to {environment:ProductName}™ controls for touch-support interactions. +- [Touch Support for \{environment:ProductName\} Controls](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to \{environment:ProductName\}™ controls for touch-support interactions. - [igGrid Feature Chooser](//iggrid-feature-chooser.mdx): This topic explains the `igGrid`™ Feature Chooser menu and its sections. @@ -116,7 +119,7 @@ Property | Description <ApiLink type="iggridsorting" member="modalDialogCaptionButtonDesc" section="options" label="modalDialogCaptionButtonDesc" /> | Specifies caption for each descending sorted column in multiple sorting dialog. <ApiLink type="iggridsorting" member="modalDialogCaptionButtonAsc" section="options" label="modalDialogCaptionButtonAsc" /> | Specifies the caption for each ascending sorted column in the multiple sorting dialog. <ApiLink type="iggridsorting" member="modalDialogCaptionButtonUnsort" section="options" label="modalDialogCaptionButtonUnsort" /> | Specifies caption for unsort button in multiple sorting dialog. -<ApiLink type="iggridsorting" member="unsortedColumnTooltip" section="options" label="unsortedColumnTooltip" /> | Custom unsorted column tooltip in {environment:ProductName} templating format. +<ApiLink type="iggridsorting" member="unsortedColumnTooltip" section="options" label="unsortedColumnTooltip" /> | Custom unsorted column tooltip in \{environment:ProductName\} templating format. <ApiLink type="iggridsorting" member="modalDialogCaptionText" section="options" label="modalDialogCaptionText" /> | Specifies caption text for multiple sorting dialog. <ApiLink type="iggridsorting" member="modalDialogButtonApplyText" section="options" label="modalDialogButtonApplyText" /> | Specifies the text of the button which applies changes in modal dialog. <ApiLink type="iggridsorting" member="modalDialogButtonCancelText" section="options" label="modalDialogButtonCancelText" /> | Specifies the text of the button which cancels changes in modal dialog. @@ -165,7 +168,7 @@ Event | Description The following topics provide additional information related to this topic. -- [Touch Support for {environment:ProductName} Controls](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to {environment:ProductName}™ controls for touch-support interactions. +- [Touch Support for \{environment:ProductName\} Controls](/////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces the updates to \{environment:ProductName\}™ controls for touch-support interactions. - [igGrid Feature Chooser](//iggrid-feature-chooser.mdx): This topic explains the `igGrid`™ Feature Chooser menu and its sections. @@ -176,7 +179,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Feature Chooser]({environment:SamplesUrl}/grid/feature-chooser): Sample that demonstrates the Feature Chooser. +- [Feature Chooser](\{environment:SamplesUrl\}/grid/feature-chooser): Sample that demonstrates the Feature Chooser. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/overview.mdx index c4824afc76..256bbd2480 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/overview.mdx @@ -2,6 +2,9 @@ title: "Sorting Overview (igGrid)" slug: iggrid-sorting-overview --- + +# Sorting Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Sorting Overview (igGrid) @@ -39,7 +42,7 @@ Sorting persistence is implemented for `igHierarchicalGrid` too. The following sample demonstrates the persistance capabilities of the Sorting feature. <div class="embed-sample"> - [Feature Persistence]({environment:SamplesEmbedUrl}/grid/feature-persistence) + [Feature Persistence](\{environment:SamplesEmbedUrl\}/grid/feature-persistence) </div> If you would like to retain the previous behavior of sorting being cleared after user re-binds the `igGrid`, you can do this by disabling the feature through the <ApiLink type="iggridsorting" member="persist" section="options" label="persist" /> option as shown in the code snippet below: @@ -78,7 +81,7 @@ Figure 1: The igGrid control sorting UI The sample below demonstrates how to enable the Sorting feature: <div class="embed-sample"> - [Sorting]({environment:SamplesEmbedUrl}/grid/sorting-local) + [Sorting](\{environment:SamplesEmbedUrl\}/grid/sorting-local) </div> The following code snippet shows how to enable Sorting in ASPX (MVC) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/sorting.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/sorting.mdx index 17182efe55..3804dcdb9d 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/sorting.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/sorting/sorting.mdx @@ -6,7 +6,6 @@ slug: iggrid-sorting # Sorting (igGrid) - Click on the links below to find information on how to get the `igGrid` Sorting feature quickly up and running. - [Sorting Overview](/iggrid-sorting-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/column-summaries-events.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/column-summaries-events.mdx index 59b555269d..04516f2c67 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/column-summaries-events.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/column-summaries-events.mdx @@ -2,6 +2,9 @@ title: "Column Summaries Events (igGrid)" slug: iggrid-column-summaries-events --- + +# Column Summaries Events (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Column Summaries Events (igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/column-summaries.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/column-summaries.mdx index 9ecfc132f2..16ed805e52 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/column-summaries.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/column-summaries.mdx @@ -6,7 +6,6 @@ slug: iggrid-column-summaries # Column Summaries (igGrid) - Click on the links below to find information on how to get the `igGrid` Column Summaries feature quickly up and running. - [Enabling Column Summaries](./00_igGrid_Enabling _Column_Summaries.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx index bf2a109518..de48db419f 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx @@ -2,6 +2,9 @@ title: "Configuring Column Summaries (igGrid)" slug: iggrid-configuring-column-summaries --- + +# Configuring Column Summaries (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Column Summaries (igGrid) @@ -125,7 +128,7 @@ $(function () { Related links: -[Summaries (Remote Calculation)]({environment:SamplesUrl}/grid/summaries-remote) +[Summaries (Remote Calculation)](\{environment:SamplesUrl\}/grid/summaries-remote) ## <a id="calculation-mode"></a> Configuring the Calculation Mode(Automatic/Manual) @@ -483,7 +486,7 @@ Following is a conceptual overview of the process: By defining a custom summaryOperands object (`summaryOperands` with type *custom*) you point the Summaries feature to a custom function to calculate the row summary. When the `compactRenderingMode` option is set to false, the results from both the predefined and the custom methods are positioned in summary rows according to their sort order. The sample below has two custom summary functions (*countTrueValues*, *countFalseValues*) each calculating the number of *true* or *false* values in a boolean column. Those summary functions are then used for the "Make Flag" column. ### <a id="demo"></a> Running sample <div class="embed-sample"> - [igGrid Custom Summaries]({environment:SamplesEmbedUrl}/grid/summaries-custom) + [igGrid Custom Summaries](\{environment:SamplesEmbedUrl\}/grid/summaries-custom) </div> ## <a id="topics"></a> Related Topics diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/enabling-column-summaries.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/enabling-column-summaries.mdx index dc9817211a..ae70d1b9d0 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/enabling-column-summaries.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/summaries/enabling-column-summaries.mdx @@ -55,7 +55,7 @@ Following is a preview of the final result. - MVC-specific requirements - An MVC 4 or above project in MS Visual Studio® with a grid connected to a data source - - A reference to the {environment:ProductNameMVC} dll - Infragistics.Web.Mvc.dll. + - A reference to the \{environment:ProductNameMVC\} dll - Infragistics.Web.Mvc.dll. ### <a id="scrip-requirements"></a> Script requirements @@ -63,7 +63,7 @@ Following is a preview of the final result. 1. The jQuery library script 2. The jQuery UI library script - 3. The {environment:ProductName} library scripts + 3. The \{environment:ProductName\} library scripts The following code sample demonstrates the scripts added to the header section of a HTML file. @@ -131,7 +131,7 @@ For the purpose of this example only: To verify the result, open the file. The result should look as shown in the Preview above. 5. Running sample <div class="embed-sample"> - [igGrid Summaries]({environment:SamplesEmbedUrl}/grid/summaries) + [igGrid Summaries](\{environment:SamplesEmbedUrl\}/grid/summaries) </div> @@ -214,15 +214,15 @@ Following are some other topics you may find useful. - [Configuring Column Summaries (igGrid)](/iggrid-configuring-column-summaries.mdx) -- [Using JavaScript Resources in {environment:ProductName}](/////general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](/////general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](/////general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](/////general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) ### <a id="samples"></a> Samples -- [Column Summaries]({environment:SamplesUrl}/grid/summaries) -- [Summaries (Remote Calculation)]({environment:SamplesUrl}/grid/summaries-remote) -- [Custom Summaries]({environment:SamplesUrl}/grid/summaries-custom) +- [Column Summaries](\{environment:SamplesUrl\}/grid/summaries) +- [Summaries (Remote Calculation)](\{environment:SamplesUrl\}/grid/summaries-remote) +- [Custom Summaries](\{environment:SamplesUrl\}/grid/summaries-custom) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/template/creating-a-basic-column-template-in-the-iggrid.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/template/creating-a-basic-column-template-in-the-iggrid.mdx index b117a78419..c6b5a5ad4b 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/template/creating-a-basic-column-template-in-the-iggrid.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/template/creating-a-basic-column-template-in-the-iggrid.mdx @@ -125,7 +125,7 @@ The following steps demonstrate how to create a basic column template in the `ig Look at the sample below to preview the result. <div class="embed-sample"> - [Column Template]({environment:SamplesEmbedUrl}/grid/column-template) + [Column Template](\{environment:SamplesEmbedUrl\}/grid/column-template) </div> diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-api-reference-landingpage.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-api-reference-landingpage.mdx index 26a591338c..50eec92582 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-api-reference-landingpage.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-api-reference-landingpage.mdx @@ -6,7 +6,6 @@ slug: iggrid-unboundcolumns-api-reference-landingpage # API Reference (Unbound Columns, igGrid) - ## In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-method-reference.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-method-reference.mdx index d6e0e1e607..545f9cc516 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-method-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-method-reference.mdx @@ -2,6 +2,9 @@ title: "Method Reference (Unbound Columns, igGrid)" slug: iggrid-unboundcolumns-method-reference --- + +# Method Reference (Unbound Columns, igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Method Reference (Unbound Columns, igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-property-reference.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-property-reference.mdx index fcdbe86f31..6434d7fcb7 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-property-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-property-reference.mdx @@ -2,6 +2,9 @@ title: "Property Reference (Unbound Columns, igGrid)" slug: iggrid-unboundcolumns-property-reference --- + +# Property Reference (Unbound Columns, igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Property Reference (Unbound Columns, igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-known-issues.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-known-issues.mdx index 02a97b27f1..182c3ee834 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-known-issues.mdx @@ -5,7 +5,6 @@ slug: iggrid-unboundcolumns-known-issues # Known Issues and Limitations (Unbound Columns, igGrid) - ## Topic Overview ### Overview @@ -116,7 +115,7 @@ The following topics provide additional information related to this topic. - [Known Issues and Limitations (igGrid)](///iggrid-known-issues.mdx): This topic explains the known issues of the `igGrid` control. -- [Known Issues Revision History](/////known-issues/known-issues-revision-history/revision-history.mdx): This group of topics explains the known issues of {environment:ProductName} controls between the volume releases. +- [Known Issues Revision History](/////known-issues/known-issues-revision-history/revision-history.mdx): This group of topics explains the known issues of \{environment:ProductName\} controls between the volume releases. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-overview.mdx index cbea393598..668f546d3f 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-overview.mdx @@ -2,6 +2,9 @@ title: "Unbound Columns Overview (igGrid)" slug: iggrid-unboundcolumns-overview --- + +# Unbound Columns Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Unbound Columns Overview (igGrid) @@ -53,7 +56,7 @@ You can populate unbound column values in several ways. If column values are pre The sample bellow demonstrates configuring unbound columns in the `igGrid` control. <div class="embed-sample"> - [Unbound Column]({environment:SamplesEmbedUrl}/grid/unbound-column) + [Unbound Column](\{environment:SamplesEmbedUrl\}/grid/unbound-column) </div> ## <a id="configure"></a> Configuring Unbound Columns diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-setting-column-as-unbound.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-setting-column-as-unbound.mdx index 67136facc5..0fb68f34b7 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-setting-column-as-unbound.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/unboundcolumns-setting-column-as-unbound.mdx @@ -2,6 +2,9 @@ title: "Setting a Column as Unbound (igGrid)" slug: iggrid-unboundcolumns-setting-column-as-unbound --- + +# Setting a Column as Unbound (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Setting a Column as Unbound (igGrid) @@ -134,7 +137,7 @@ View: .Render()) ``` -The View is strongly typed with model `IQueryable<UnboundColumns.Models.Employee>`. The {environment:ProductNameMVC} Grid uses this model to bind to data. The code configures the grid with one unbound column with key `FullName` and provides its values by the `ViewData` variable with key `EmployeeFullName`. +The View is strongly typed with model `IQueryable<UnboundColumns.Models.Employee>`. The \{environment:ProductNameMVC\} Grid uses this model to bind to data. The code configures the grid with one unbound column with key `FullName` and provides its values by the `ViewData` variable with key `EmployeeFullName`. Controller: diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-locally.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-locally.mdx index 5aafc9dfab..2f25c7a64e 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-locally.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-locally.mdx @@ -2,6 +2,9 @@ title: "Populating Unbound Columns Locally (igGrid)" slug: iggrid-unboundcolumns-populating-with-data-locally --- + +# Populating Unbound Columns Locally (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Populating Unbound Columns Locally (igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-overview.mdx index d2be539f18..a2c03980c7 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-overview.mdx @@ -2,6 +2,9 @@ title: "Populating Unbound Columns Overview (igGrid)" slug: iggrid-unboundcolumns-populating-with-data-overview --- + +# Populating Unbound Columns Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Populating Unbound Columns Overview (igGrid) @@ -38,7 +41,7 @@ This topic contains the following sections: ### <a id="summary"></a> Populating Unbound Columns Summary -You may populate unbound columns with data on the client or the server (if you are using {environment:ProductNameMVC}) using predefined data (for example from an external source) or calculates the data from the grid data source. +You may populate unbound columns with data on the client or the server (if you are using \{environment:ProductNameMVC\}) using predefined data (for example from an external source) or calculates the data from the grid data source. On the client, you can populate the values as part of the grid initialization code or at runtime (after the grid instantiates). @@ -66,7 +69,7 @@ In order to populate unbound column data at runtime use <ApiLink type="iggrid" m ### <a id="remote-data"></a> Populating Unbound Columns with Data Remotely summary -In {environment:ProductNameMVC} unbound columns can be set in either the View (when using chaining) or in the Controller (when using `GridModel` class). +In \{environment:ProductNameMVC\} unbound columns can be set in either the View (when using chaining) or in the Controller (when using `GridModel` class). In the View you can populate unbound column data by using an object list with the `UnboundColumnWrapper<T>.UnboundValues(List<object> list)` method. There is also a Formula method which should be set to a name of a JavaScript function which will be called on the client for each cell to calculate its value. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-remotely.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-remotely.mdx index fa3e45c39c..6efbdfa4a4 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-remotely.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-remotely.mdx @@ -198,7 +198,7 @@ View: .Render()) ``` -The View is very simple. It has a strongly typed model `IQueryable<UnboundColumns.Models.Product>`. This is the model used by the {environment:ProductNameMVC} Grid to bind to data. Grid is configured with one unbound column with key `InStock` which is bound to data by a call to `Grid<T>.SetUnboundValues(string columnKey, List<object> unboundValues)`. The code defines the primary key so that the Grid Wrapper matches the unbound values with the grid data by primary key. +The View is very simple. It has a strongly typed model `IQueryable<UnboundColumns.Models.Product>`. This is the model used by the \{environment:ProductNameMVC\} Grid to bind to data. Grid is configured with one unbound column with key `InStock` which is bound to data by a call to `Grid<T>.SetUnboundValues(string columnKey, List<object> unboundValues)`. The code defines the primary key so that the Grid Wrapper matches the unbound values with the grid data by primary key. Controller: @@ -324,7 +324,7 @@ View: .Render()) ``` -The strongly typed View is with model `IQueryable<UnboundColumns.Models.Product>`. The {environment:ProductNameMVC} Grid uses this model to bind to data. The code configures the grid with one unbound column with key `InStock` bound to data by a call to `UnboundColumnWrapper<T>.UnboundValues(List<object> list)`. +The strongly typed View is with model `IQueryable<UnboundColumns.Models.Product>`. The \{environment:ProductNameMVC\} Grid uses this model to bind to data. The code configures the grid with one unbound column with key `InStock` bound to data by a call to `UnboundColumnWrapper<T>.UnboundValues(List<object> list)`. ## <a id="primary-key"></a> Populating unbound column in the Controller by using the primary key (Code Example) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-optimize-performance.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-optimize-performance.mdx index ca0d7c3b8a..a6fa009049 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-optimize-performance.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-optimize-performance.mdx @@ -50,7 +50,7 @@ In the View this configuration is controlled by `Grid<T>.MergeUnboundColumns(boo In the Controller this configuration is controlled by `GridModel.MergeUnboundColumns` boolean property. -`MergeUnboundColumns` option makes sense only in MVC scenario when {environment:ProductNameMVC} Grid is used. On the client this option should not be set explicitly by the developer. +`MergeUnboundColumns` option makes sense only in MVC scenario when \{environment:ProductNameMVC\} Grid is used. On the client this option should not be set explicitly by the developer. The default value for `MergeUnboundColumns` is false. @@ -65,7 +65,7 @@ This is the default configuration. Failing to set `MergeUnboundColumns` option or explicitly set it to false, will result in the unbound column being merged on the client. This means that in the JSON response unbound column data is send as part of the response *Metadata*, that is to say separately from the grid data. -The code snippet below shows an `igGrid` initialization code generated by the {environment:ProductNameMVC} Grid. You can see that the data source `Metadata` property has an `unboundValues` property containing `DomainName` unbound column data. `mergeUnboundColumns = false` which tells `igGrid` to look for unbound column data in the data source metadata. +The code snippet below shows an `igGrid` initialization code generated by the \{environment:ProductNameMVC\} Grid. You can see that the data source `Metadata` property has an `unboundValues` property containing `DomainName` unbound column data. `mergeUnboundColumns = false` which tells `igGrid` to look for unbound column data in the data source metadata. **In JavaScript:** @@ -121,7 +121,7 @@ In a large data source scenario, using of paging is advisable. This will lower t When performing `MergeUnboundColumns = true`, merging occurs on the server. As a result, data gets send to the client as a typically normal set of records (there is no metadata for the unbound column in the response). `mergeUnboundColumn` property on the client is set to *true*, and `igGrid` did not touch the data. In the column configuration on the client `unbound` property is set to false by the Grid MVC Wrapper, so the `igGrid` sees the column as bound. In this case one more property (which is considered internal and thus is undocumented in the API docs) is sent as part of the column definition. Its name is `unboundDS` and it is available to the `igGrid` to check for unbound columns and disable the [not supported features](../04_igGrid_UnboundColumns_Known_Issues.mdx#remote-filtering-sorting). -The code bellow shows the `igGrid` client side code generated from {environment:ProductNameMVC} Grid. Column with key `DomainName` is unbound, but its data is part of the data source. In this case, its `unbound` property is set to false and `mergeUnboundColumns` is set to true. Column property `unboundDS` is set to true (by the {environment:ProductNameMVC} Grid) to indicate that the column is unbound. +The code bellow shows the `igGrid` client side code generated from \{environment:ProductNameMVC\} Grid. Column with key `DomainName` is unbound, but its data is part of the data source. In this case, its `unbound` property is set to false and `mergeUnboundColumns` is set to true. Column property `unboundDS` is set to true (by the \{environment:ProductNameMVC\} Grid) to indicate that the column is unbound. **In JavaScript:** diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-rendering-calculated-values.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-rendering-calculated-values.mdx index ce3510bcf2..6204b1ae96 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-rendering-calculated-values.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-rendering-calculated-values.mdx @@ -148,7 +148,7 @@ View: .Render()) ``` -The View is strongly typed with model `IQueryable<UnboundColumns.Models.Employee>` used by the {environment:ProductNameMVC} Grid to bind to data. The code configures the grid with one unbound column with key `FullName`. A JavaScript function called `calcFullName` calculates its values on the client. This is the reason to define a script block in the View containing the definition of the `calcFullName` function. +The View is strongly typed with model `IQueryable<UnboundColumns.Models.Employee>` used by the \{environment:ProductNameMVC\} Grid to bind to data. The code configures the grid with one unbound column with key `FullName`. A JavaScript function called `calcFullName` calculates its values on the client. This is the reason to define a script block in the View containing the definition of the `calcFullName` function. The `calcFullName` function concatenates the `FirstName` and `LastName` fields from the data source. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/configuring-knockout-support.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/configuring-knockout-support.mdx index b26e2fe795..8f9c99a7e7 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/configuring-knockout-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/configuring-knockout-support.mdx @@ -2,6 +2,9 @@ title: "Configuring Knockout Support (igGrid)" slug: iggrid-configuring-knockout-support --- + +# Configuring Knockout Support (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Knockout Support (igGrid) @@ -76,7 +79,7 @@ This procedure demonstrates the basic configuration of an `igGrid` control bound To complete the procedure, you need the following: -1. The required {environment:ProductName} JavaScript and CSS files for version 13.1 and later +1. The required \{environment:ProductName\} JavaScript and CSS files for version 13.1 and later 2. The knockout library referenced on the page **In JavaScript:** @@ -204,7 +207,7 @@ Following are the general conceptual steps for binding `igGrid` to a Knockout ob 4. **Result** <div class="embed-sample"> - [KnockoutJS Configuration]({environment:SamplesEmbedUrl}/grid/bind-grid-with-ko) + [KnockoutJS Configuration](\{environment:SamplesEmbedUrl\}/grid/bind-grid-with-ko) </div> ## <a id="related-content"></a> Related Content @@ -215,7 +218,7 @@ The following topics provide additional information related to this topic. - [Configuring Knockout Support (igCombo)](//igcombo/configuring/knockoutjs-support.mdx): This topic explains how to configure the `igCombo` control to bind to View-Model objects managed by the Knockout library -- [Knockout Support (Editors)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure {environment:ProductName} editor controls to bind to View-Model objects managed by the Knockout library. +- [Knockout Support (Editors)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure \{environment:ProductName\} editor controls to bind to View-Model objects managed by the Knockout library. - [Configuring Knockout Support (igTree)](//igtree/knockoutjs-support.mdx): This topic explains how to configure the `igTree` control to bind to View-Model objects managed by the Knockout library. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/extending-iggrid-modal-dialog.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/extending-iggrid-modal-dialog.mdx index db06cdeff1..0a745d366d 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/extending-iggrid-modal-dialog.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/extending-iggrid-modal-dialog.mdx @@ -2,6 +2,9 @@ title: "Extending igGrid Modal Dialog" slug: extending-iggrid-modal-dialog --- + +# Extending igGrid Modal Dialog + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Extending igGrid Modal Dialog @@ -75,7 +78,7 @@ The custom dialog widget should include certain functions and fire certain event The following sample shows a custom dialog being used to edit the grid. -- [Custom Modal Dialog]({environment:SamplesUrl}/grid/customize-updating) +- [Custom Modal Dialog](\{environment:SamplesUrl\}/grid/customize-updating) ### <a id="topics"></a> Topics diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/feature-chooser.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/feature-chooser.mdx index 32b2b9b8b1..39e07a512f 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/feature-chooser.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/feature-chooser.mdx @@ -2,6 +2,9 @@ title: "Feature Chooser (igGrid)" slug: iggrid-feature-chooser --- + +# Feature Chooser (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Feature Chooser (igGrid) @@ -12,7 +15,7 @@ The Feature Chooser makes it easy for users to interact with the grid's features The following sample demonstrates Feature Chooser. <div class="embed-sample"> - [Feature Chooser]({environment:SamplesEmbedUrl}/grid/feature-chooser) + [Feature Chooser](\{environment:SamplesEmbedUrl\}/grid/feature-chooser) </div> ## Touch vs. Non-Touch Oriented Contexts @@ -86,4 +89,4 @@ The following topics provide additional information related to this topic. - [Configuring the Column Chooser (igGrid)](/columns/hiding/iggrid-hiding-column-chooser.mdx) - [igGrid Multiple Sorting Modal](/columns/sorting/iggrid-multiple-sorting-dialog.mdx) - [igGrid Filtering](/columns/iggrid-filtering.mdx) -- [Touch Support for {environment:ProductName} Controls](///general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx) +- [Touch Support for \{environment:ProductName\} Controls](///general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/feature-compatibility-matrixiggrid.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/feature-compatibility-matrixiggrid.mdx index 2e33a31ad9..1e09b79b98 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/feature-compatibility-matrixiggrid.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/feature-compatibility-matrixiggrid.mdx @@ -5,7 +5,6 @@ slug: feature-compatibility-matrix(iggrid) # Feature Compatibility Matrix (igGrid) - The following table shows the compatibility between `igGrid` features when enabled at the same time. The details on limitations between features can be found in the Known Issues and Limitations (`igGrid`) topic. Legend | Description diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/handling-remote-features-manually.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/handling-remote-features-manually.mdx index 934520f22c..32ffdd047c 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/handling-remote-features-manually.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/handling-remote-features-manually.mdx @@ -2,6 +2,9 @@ title: "Handling Remote Features Manually (igGrid)" slug: handling-remote-features-manually --- + +# Handling Remote Features Manually (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Handling Remote Features Manually (igGrid) @@ -36,7 +39,7 @@ features: [ ] ``` -When you're using the {environment:ProductNameMVC} Grid the remote requests initiated by these features can be processed out of the box by adding to the related Action the `GridDataSourceActionAttribute`. +When you're using the \{environment:ProductNameMVC\} Grid the remote requests initiated by these features can be processed out of the box by adding to the related Action the `GridDataSourceActionAttribute`. This is an action filter attribute that you can use to decorate the MVC Action that returns your grid data. For example: @@ -55,7 +58,7 @@ It handles incoming requests by the various remote grid features and returns the We recommend you to use the above methods in order to take full advantage of their remote capabilities with the least amount of effort. -However in some cases you may not have access to the MVC wrappers (for example if you're using {environment:ProductName} in an ASP.NET project) or you may want to build a custom logic for handling those requests. +However in some cases you may not have access to the MVC wrappers (for example if you're using \{environment:ProductName\} in an ASP.NET project) or you may want to build a custom logic for handling those requests. This topic will guide you through the process manually handling `igGrid` features remote requests and sending back a response in a JSON format that they can understand. ## <a id="paging"></a> Handling Remote Paging diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/jsrender-integration.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/jsrender-integration.mdx index 65595b14a4..a033b14bc0 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/jsrender-integration.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/jsrender-integration.mdx @@ -2,6 +2,9 @@ title: "jsRender Integration (igGrid)" slug: iggrid-jsrender-integration --- + +# jsRender Integration (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jsRender Integration (igGrid) @@ -76,7 +79,7 @@ The following screenshot previews of the result. In this example the rows the ce To complete the procedure, you need the following: -1. The required {environment:ProductName} JavaScript and CSS files for version 13.2 +1. The required \{environment:ProductName\} JavaScript and CSS files for version 13.2 2. The jsRender library referenced on the page **In JavaScript:** @@ -211,7 +214,7 @@ Following are the general conceptual steps for Binding `igGrid` to DataTable wit ``` 5. **Working sample** <div class="embed-sample"> - [igGrid JsRender Integration]({environment:SamplesEmbedUrl}/grid/jsrender-integration) + [igGrid JsRender Integration](\{environment:SamplesEmbedUrl\}/grid/jsrender-integration) </div> ## <a id="row-edit-filter"></a> Integration with Row Edit Template and advanced filtering diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/landing-page.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/landing-page.mdx index 3ccdc71781..4fa272c3e7 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/landing-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/landing-page.mdx @@ -6,7 +6,6 @@ slug: iggrid-features-landing-page # igGrid Features - - [Column Management Features](/columns/iggrid-columnmanagementfeatures-landingpage.mdx) - [Column Fixing](/columns/fixing/iggrid-columnfixing-landingpage.mdx) - [Column Grouping](/columns/grouping/iggrid-groupby.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/multirowlayout.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/multirowlayout.mdx index a12a92e1b4..6b168b107a 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/multirowlayout.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/multirowlayout.mdx @@ -2,6 +2,9 @@ title: "Grid Multi-Row Layout" slug: iggrid-multirowlayout --- + +# Grid Multi-Row Layout + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Grid Multi-Row Layout @@ -17,7 +20,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="overview"></a> Overview -Multi-Row Layout is a feature for the {environment:ProductName}™ grid, or `igGrid`. It allows you to create a complex structure that repeats for each record and contains multiple physical rows with cells in them that can span multiple columns and rows. Such structure allows for greater rendering flexibility for grids with many columns that would otherwise require a horizontal scrollbar or when the data shown is better presented in a non-tabular fashion. +Multi-Row Layout is a feature for the \{environment:ProductName\}™ grid, or `igGrid`. It allows you to create a complex structure that repeats for each record and contains multiple physical rows with cells in them that can span multiple columns and rows. Such structure allows for greater rendering flexibility for grids with many columns that would otherwise require a horizontal scrollbar or when the data shown is better presented in a non-tabular fashion. **Figure 1: Visual example of a Multi-Row Layout Grid** @@ -54,7 +57,7 @@ columns: [ > **Note:** For cells that span one column the `colSpan` property is omitted and for those that span one row the `rowSpan` property is omitted. Widths are defined for two columns only. The sample below demonstrates how to setup an igGrid with a Multi-Row Layout. <div class="embed-sample"> - [igGrid Multi-Row Layout sample]({environment:SamplesEmbedUrl}/grid/multi-row-layout) + [igGrid Multi-Row Layout sample](\{environment:SamplesEmbedUrl\}/grid/multi-row-layout) </div> ## <a id="api"></a> API in a Multi-Row Layout Grid diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/paging.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/paging.mdx index 2ae8d9c650..cfe46a19fa 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/paging.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/paging.mdx @@ -26,7 +26,7 @@ This topic contains the following sections: ## <a id="overview"></a> Overview -The {environment:ProductName}™ grid, or `igGrid`, Paging feature allows you to divide your data in pages so that you can achieve better performance by fetching only a predefined number of records from your original data source. +The \{environment:ProductName\}™ grid, or `igGrid`, Paging feature allows you to divide your data in pages so that you can achieve better performance by fetching only a predefined number of records from your original data source. **Figure 1: Typical grid paging UI** @@ -51,7 +51,7 @@ The Paging feature allows the user to change the `pageSize` through the UI, whic The Paging feature supports binding to oData services out-of-the-box. When binding to oData, the required parameters are automatically determined and set in the service request. You only need to point the `dataSource` option of the grid to your service URL. -When using Paging from the {environment:ProductNameMVC}, Grid all paging-related data binding logic is performed automatically by translating the paging URL parameters to LINQ expressions. +When using Paging from the \{environment:ProductNameMVC\}, Grid all paging-related data binding logic is performed automatically by translating the paging URL parameters to LINQ expressions. Depending on the value of the `pageCountLimit` property, the UI automatically switches from page links to rendering a page index dropdown. @@ -74,7 +74,7 @@ In order to enable Paging, you first need to include the necessary JavaScript an <script type="text/javascript" src="infragistics.core.js"></script><script type="text/javascript" src="infragistics.lob.js"></script> ``` - If you would like to include only the minimal {environment:ProductName}™ scripts necessary for paging, you can do so by referencing the scripts as depicted in Listing 2. + If you would like to include only the minimal \{environment:ProductName\}™ scripts necessary for paging, you can do so by referencing the scripts as depicted in Listing 2. - **Listing 2: Minimum scripts and styles to enable grid paging** @@ -144,13 +144,13 @@ In order to enable Paging, you first need to include the necessary JavaScript an ## <a id="sample"></a> **Running sample** <div class="embed-sample"> - [igGrid Paging]({environment:SamplesEmbedUrl}/grid/paging) + [igGrid Paging](\{environment:SamplesEmbedUrl\}/grid/paging) </div> ## <a id="mvc"></a> ASP.NET MVC Code -**Listing 6** demonstrates how to initialize the {environment:ProductNameMVC} Grid with paging enabled in an ASP.NET MVC view and controller. +**Listing 6** demonstrates how to initialize the \{environment:ProductNameMVC\} Grid with paging enabled in an ASP.NET MVC view and controller. - **Listing 6: Initializing the grid with paging enabled in ASP.NET MVC** @@ -202,7 +202,7 @@ In order to enable Paging, you first need to include the necessary JavaScript an ## <a id="remote"></a> Remote Paging -When you're using {environment:ProductNameMVC} it will handle remote paging automatically for you. You are required to create action method decorated with `GridDataSourceActionAttribute` attribute which returns `ActionResult` (**Listing 6**). In the action method just pass the data as instance of `IQueryable`. The `GridDataSourceActionAttribute` class (which implements `IActionFilter` interface) will transform the data according the request parameters and will return it as `JsonResult`. +When you're using \{environment:ProductNameMVC\} it will handle remote paging automatically for you. You are required to create action method decorated with `GridDataSourceActionAttribute` attribute which returns `ActionResult` (**Listing 6**). In the action method just pass the data as instance of `IQueryable`. The `GridDataSourceActionAttribute` class (which implements `IActionFilter` interface) will transform the data according the request parameters and will return it as `JsonResult`. If you are implementing your own remote service (for example in ASP.NET or PHP), in order to properly initialize and render the pager, your service must specify both the `responseDataKey` (grid option) and the `recordCountKey` (paging option). The `recordCountKey` member tells the Paging widget how many records in total are in the backend. The `responseDataKey` specifies which property in the response contains the resulting data. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-bootstrap-support.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-bootstrap-support.mdx index 5ae2502344..817f243217 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-bootstrap-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-bootstrap-support.mdx @@ -2,6 +2,9 @@ title: "Configuring Bootstrap Support (igGrid, RWD Mode)" slug: iggrid-responsive-web-design-mode-configuring-bootstrap-support --- + +# Configuring Bootstrap Support (igGrid, RWD Mode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Bootstrap Support (igGrid, RWD Mode) @@ -88,5 +91,5 @@ Class | Phone (up to 767 px) | Tablet (768 ÷ 979 px) | Desktop (980 px or more) The below sample demonstrates how to configure Responsive Web Design Mode feature to use Twitter Bootstrap Framework utility class for profile activation. <div class="embed-sample"> - [Twitter Bootstrap]({environment:SamplesEmbedUrl}/grid/twitter-bootstrap) + [Twitter Bootstrap](\{environment:SamplesEmbedUrl\}/grid/twitter-bootstrap) </div> \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-column-hiding.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-column-hiding.mdx index 4939d4d2a3..fce5b14cb7 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-column-hiding.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-column-hiding.mdx @@ -2,6 +2,9 @@ title: "Configuring Column Hiding (igGrid, RWD Mode)" slug: iggrid-responsive-web-design-mode-configuring-column-hiding --- + +# Configuring Column Hiding (igGrid, RWD Mode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Column Hiding (igGrid, RWD Mode) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-row-and-column-templates.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-row-and-column-templates.mdx index 86ff54b7df..7775ab61de 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-row-and-column-templates.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-row-and-column-templates.mdx @@ -2,6 +2,9 @@ title: "Configuring Column Templates (igGrid, RWD Mode)" slug: iggrid-responsive-web-design-mode-configuring-row-and-column-templates --- + +# Configuring Column Templates (igGrid, RWD Mode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Column Templates (igGrid, RWD Mode) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-single-column-template.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-single-column-template.mdx index 48630f3207..9cd733110b 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-single-column-template.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-single-column-template.mdx @@ -2,6 +2,9 @@ title: "Configuring Single Column Template (igGrid, RWD Mode)" slug: iggrid-responsive-web-design-mode-configuring-single-column-template --- + +# Configuring Single Column Template (igGrid, RWD Mode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Single Column Template (igGrid, RWD Mode) @@ -48,7 +51,7 @@ The below sample shows how this configuration affects the rendering of the data In order to see the different modes take effect please open this sample on a mobile device or resize the browser's window. <div class="embed-sample"> - [Responsive Single Column Template]({environment:SamplesEmbedUrl}/grid/responsive-single-column-template) + [Responsive Single Column Template](\{environment:SamplesEmbedUrl\}/grid/responsive-single-column-template) </div> ## <a id="related-content"></a> Related Content diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-vertical-column-rendering.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-vertical-column-rendering.mdx index c242b9e4ac..c86345150e 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-vertical-column-rendering.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-configuring-vertical-column-rendering.mdx @@ -2,6 +2,9 @@ title: "Configuring Vertical Column Rendering (igGrid, RWD Mode)" slug: iggrid-responsive-web-design-mode-configuring-vertical-column-rendering --- + +# Configuring Vertical Column Rendering (igGrid, RWD Mode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Vertical Column Rendering (igGrid, RWD Mode) @@ -68,7 +71,7 @@ You can control the width of the headers and values columns with the `properties The sample below demonstrates the `igGrid`’s Responsive Web Design feature in vertical mode. Responsive vertical rendering mode renders the grid data in two columns. The left column holds the columns captions and the right column holds the data. <div class="embed-sample"> - [Responsive Vertical Rendering]({environment:SamplesEmbedUrl}/grid/responsive-vertical-rendering) + [Responsive Vertical Rendering](\{environment:SamplesEmbedUrl\}/grid/responsive-vertical-rendering) </div> ### <a id="summary"></a> Configuring vertical column rendering summary diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-creating-custom-profile.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-creating-custom-profile.mdx index e376afa4c6..041ddfe125 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-creating-custom-profile.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/configure/web-design-mode-creating-custom-profile.mdx @@ -2,6 +2,9 @@ title: "Creating Custom Responsive Web Design (RWD) Profiles (igGrid)" slug: iggrid-responsive-web-design-mode-creating-custom-profile --- + +# Creating Custom Responsive Web Design (RWD) Profiles (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Creating Custom Responsive Web Design (RWD) Profiles (igGrid) @@ -111,7 +114,7 @@ With these settings, the Name column is configured as hidden in `customPhone` mo **In JavaScript:** <div class="embed-sample"> - [Responsive Web Design Mode]({environment:SamplesEmbedUrl}/grid/responsive-web-design-mode) + [Responsive Web Design Mode](\{environment:SamplesEmbedUrl\}/grid/responsive-web-design-mode) </div> **In C#:** diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/web-design-mode-overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/web-design-mode-overview.mdx index 84e538ce08..191d216a3a 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/web-design-mode-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/responsive/web-design-mode-overview.mdx @@ -2,6 +2,9 @@ title: "Responsive Web Design (RWD) Mode Overview (igGrid)" slug: iggrid-responsive-web-design-mode-overview --- + +# Responsive Web Design (RWD) Mode Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Responsive Web Design (RWD) Mode Overview (igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/rest-updating.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/rest-updating.mdx index fe2c09202f..0aef29388d 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/rest-updating.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/rest-updating.mdx @@ -2,6 +2,9 @@ title: "REST Updating (igGrid)" slug: iggrid-rest-updating --- + +# REST Updating (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # REST Updating (igGrid) @@ -23,7 +26,7 @@ The following table lists the topics and articles required as a prerequisite to - Topics - [igGrid Overview](/iggrid-overview.mdx): The `igGrid` is a jQuery-based client-side grid that is responsible for presenting and manipulating tabular data. Its whole lifecycle is on the client-side making it independent of any specific server-side technology. - [igGrid/igDataSource Architecture Overview](/iggrid-igdatasource-architecture-overview.mdx): This document explains the architecture of `igDataSource`. - - [Binding to REST Services (igDataSource)](///data-sources/igdatasource/binding-to-rest-services.mdx): This document demonstrates how to bind REST services to the {environment:ProductName}™ data source, or `igDataSource`, control. + - [Binding to REST Services (igDataSource)](///data-sources/igdatasource/binding-to-rest-services.mdx): This document demonstrates how to bind REST services to the \{environment:ProductName\}™ data source, or `igDataSource`, control. - External Resources - Representational State Transfer (REST) - Open Data Protocol @@ -251,7 +254,7 @@ The screenshot below demonstrates how the `$.ig.RESTDataSource` behaves as a res The following topics provide additional information related to this topic. -- [Binding to Web Services](/binding/iggrid-binding-to-web-services.mdx): This document demonstrates how to bind the {environment:ProductName}™ grid, or `igGrid`, to an OData protocol web-based data source. +- [Binding to Web Services](/binding/iggrid-binding-to-web-services.mdx): This document demonstrates how to bind the \{environment:ProductName\}™ grid, or `igGrid`, to an OData protocol web-based data source. - [Getting started with igGrid, OData and WCF Data Services](/binding/iggrid-getting-started-with-iggrid-odata-and-wcf-data-services.mdx): This topic demonstrates how to setup a client-side jQuery grid with remote paging, filtering, and sorting by setting up a WCF Data Service in an ASP.NET Web Application and setting two options on the `igGrid`. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/configuring-row-selectors.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/configuring-row-selectors.mdx index 38aff350e2..3cf333533e 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/configuring-row-selectors.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/configuring-row-selectors.mdx @@ -2,6 +2,9 @@ title: "Configuring Row Selectors (igGrid)" slug: iggrid-configuring-row-selectors --- + +# Configuring Row Selectors (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Row Selectors (igGrid) @@ -370,7 +373,7 @@ Following are some other topics you may find useful. This sample shows how to configure a Row Selectors in the `igGrid`. <div class="embed-sample"> - [Configuring Row Selectors]({environment:SamplesEmbedUrl}/grid/row-selectors) + [Configuring Row Selectors](\{environment:SamplesEmbedUrl\}/grid/row-selectors) </div> diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/enabling-row-selectors.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/enabling-row-selectors.mdx index 5ee54e0cff..ee5fc2d1ca 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/enabling-row-selectors.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/enabling-row-selectors.mdx @@ -5,7 +5,6 @@ slug: iggrid-enabling-row-selectors # Enabling Row Selectors (igGrid) - ## Topic Overview ### Purpose @@ -57,17 +56,17 @@ Following is a preview of the final result - MVC-specific requirements - An MVC 4 or above project in MS Visual Studio® with a grid connected to a data source - - A reference to the {environment:ProductNameMVC} dll - Infragistics.Web.Mvc.dll. + - A reference to the \{environment:ProductNameMVC\} dll - Infragistics.Web.Mvc.dll. ### <a id="script-requirements"></a> Script Requirements -- The required scripts for both {environment:ProductName} and {environment:ProductNameMVC} samples are the same because the {environment:ProductNameMVC} render jQuery widgets. +- The required scripts for both \{environment:ProductName\} and \{environment:ProductNameMVC\} samples are the same because the \{environment:ProductNameMVC\} render jQuery widgets. The following scripts are required to run the grid and its grouping functionality: - The jQuery library script - The jQuery User Interface (UI) library script -- The {environment:ProductName} library scripts +- The \{environment:ProductName\} library scripts The following code sample demonstrates the scripts added to the header section of a HTML file. @@ -198,13 +197,13 @@ Following are some other topics you may find useful. - [Configuring Row Selectors](/iggrid-configuring-row-selectors.mdx) -- [Using JavaScript Resources in {environment:ProductName}](////general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](////general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](////general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](////general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) ### <a id="samples"></a> Samples -- [Row Selectors]({environment:SamplesUrl}/grid/selection) +- [Row Selectors](\{environment:SamplesUrl\}/grid/selection) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/events.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/events.mdx index 23e91d861c..27ab67a82a 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/events.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/events.mdx @@ -2,6 +2,9 @@ title: "Row Selectors Events (igGrid)" slug: iggrid-rowselectors-events --- + +# Row Selectors Events (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Row Selectors Events (igGrid) @@ -77,7 +80,7 @@ $("#grid1").on("iggridrowselectorsrowselectorclicked", function (evt, ui) { ); ``` -> **Note:** For more information please read the topic [Using Events in {environment:ProductName}](////general-and-getting-started/using-events-in-igniteui-for-jquery.mdx). +> **Note:** For more information please read the topic [Using Events in \{environment:ProductName\}](////general-and-getting-started/using-events-in-igniteui-for-jquery.mdx). ## <a id="reference-chart"></a> Events Reference Chart diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/row-selectors.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/row-selectors.mdx index 99d606c579..db3a2e0ece 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/row-selectors.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/row-selectors/row-selectors.mdx @@ -5,7 +5,6 @@ slug: iggrid-row-selectors # Row Selectors (igGrid) - Click on the links below to find information on how to get the `igGrid` Row Selectors feature quickly up and running. - [Enabling Row Selectors](/iggrid-enabling-row-selectors.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/multiple-cell-selection.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/multiple-cell-selection.mdx index 532bb0700f..aab4c76998 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/multiple-cell-selection.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/multiple-cell-selection.mdx @@ -2,6 +2,9 @@ title: "Multiple Cell Selection (igGrid)" slug: iggrid-multiple-cell-selection --- + +# Multiple Cell Selection (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Multiple Cell Selection (igGrid) @@ -16,7 +19,7 @@ This topic demonstrates how to configure Multiple Cell Selection for both Deskto The following table lists the topics required as a prerequisite to understanding this topic. -- [Touch Support for {environment:ProductName} Control](////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces to user to the new updates that {environment:ProductName} controls has to support touch interactions. +- [Touch Support for \{environment:ProductName\} Control](////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces to user to the new updates that \{environment:ProductName\} controls has to support touch interactions. - [igGrid Selection](/iggrid-selection-overview.mdx): This topic shows you how to enable and use `igGrid` Selection. @@ -71,7 +74,7 @@ Additional implementation details are available in the related sample. #### Related Sample: -- [igGrid Selection]({environment:SamplesUrl}/grid/selection) +- [igGrid Selection](\{environment:SamplesUrl\}/grid/selection) ### <a id="clicks-taps"></a> Multiple Cell Selection by multiple clicks/taps @@ -103,7 +106,7 @@ Property | Default Value | Description The following topics provide additional information related to this topic. -- [Touch Support for {environment:ProductName} Control](////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces to user to the new updates that {environment:ProductName} controls has to support touch interactions. +- [Touch Support for \{environment:ProductName\} Control](////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces to user to the new updates that \{environment:ProductName\} controls has to support touch interactions. - [igGrid Selection](/iggrid-selection-overview.mdx): This topic shows you how to enable and use `igGrid` Selection. @@ -114,7 +117,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Selection]({environment:SamplesUrl}/grid/selection): This sample demonstrates configuration of cell selection in the `igGrid` control. +- [Selection](\{environment:SamplesUrl\}/grid/selection): This sample demonstrates configuration of cell selection in the `igGrid` control. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/overview.mdx index 9847e0a4de..eee3c93a4b 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/overview.mdx @@ -2,6 +2,9 @@ title: "Selection Overview (igGrid)" slug: iggrid-selection-overview --- + +# Selection Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Selection Overview (igGrid) @@ -77,7 +80,7 @@ Selection persistence is implemented for `igHierarchicalGrid` too. The following sample demonstrates the persistance capabilities of the Selection feature. <div class="embed-sample"> - [Feature Persistence]({environment:SamplesEmbedUrl}/grid/feature-persistence) + [Feature Persistence](\{environment:SamplesEmbedUrl\}/grid/feature-persistence) </div> Persisting depends on the feature’s ability to unambiguously distinguish rows and columns from one another. @@ -306,7 +309,7 @@ You can bind to client-side events in two different ways: For more information regarding handling events please refer to the topic : -[Using Events in {environment:ProductName}](////general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) +[Using Events in \{environment:ProductName\}](////general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) - By specifying the event name as an option when you initialize the Selection feature (this is not case sensitive, as opposed to the first way of binding events): @@ -435,5 +438,5 @@ In igHierarchicalGrid scenario selection skips going into the child grids with t ### <a id="samples"></a> Samples -- [Selection]({environment:SamplesUrl}/grid/selection) +- [Selection](\{environment:SamplesUrl\}/grid/selection) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/selection.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/selection.mdx index c26764639c..37a6ab93ec 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/selection.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/selection/selection.mdx @@ -5,7 +5,6 @@ slug: iggrid-selection # Selection (igGrid) - Click on the links below to find information on how to get the `igGrid` Selection feature quickly up and running. - [Selection Overview](/iggrid-selection-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/enabling-tooltips.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/enabling-tooltips.mdx index ada2ed77f0..a1abeffbd9 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/enabling-tooltips.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/enabling-tooltips.mdx @@ -39,16 +39,16 @@ Following is a preview of the final result of the example procedure. The end res - jQuery-specific requirements - An HTML web page with an [`igGrid`](//iggrid-overview.mdx) connected to a data source. - MVC-specific requirements - - An MVC 4 or above project in MS Visual Studio® with a [{environment:ProductNameMVC} Grid](//iggrid-overview.mdx) connected to a data source - - A reference to the {environment:ProductNameMVC} dll - Infragistics.Web.Mvc.dll. + - An MVC 4 or above project in MS Visual Studio® with a [\{environment:ProductNameMVC\} Grid](//iggrid-overview.mdx) connected to a data source + - A reference to the \{environment:ProductNameMVC\} dll - Infragistics.Web.Mvc.dll. ### <a id="script-requirements"></a>Script Requirements -The required scripts for both {environment:ProductName} and {environment:ProductNameMVC} samples are the same because the {environment:ProductNameMVC} render jQuery widgets. +The required scripts for both \{environment:ProductName\} and \{environment:ProductNameMVC\} samples are the same because the \{environment:ProductNameMVC\} render jQuery widgets. The following scripts are required to run the grid and its grouping functionality: - The jQuery library script - The jQuery User Interface (UI) library script -- The {environment:ProductName} library scripts +- The \{environment:ProductName\} library scripts The following code sample demonstrates the scripts added to the header section of a HTML file. @@ -88,7 +88,7 @@ $("#grid1").igGrid({ To verify the result, open the HTML file in your browser. A tooltip should appear every time you hover with the mouse over a cell of the first and third columns of the grid as shown in the Preview above. -## <a id="adding-mvc"></a>Adding {environment:ProductNameMVC} Grid Tooltips +## <a id="adding-mvc"></a>Adding \{environment:ProductNameMVC\} Grid Tooltips Define the igGrid itself along with the Tooltip feature and all his configurations: diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/overview.mdx index 2d54050fc4..ae02e6eeb4 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/overview.mdx @@ -2,6 +2,9 @@ title: "Tooltips Overview (igGrid)" slug: iggrid-tooltips-overview --- + +# Tooltips Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Tooltips Overview (igGrid) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx index e791b7f195..08bd562748 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx @@ -2,6 +2,9 @@ title: "Styling the Grid Tooltips (igGrid)" slug: iggrid-popover-style-for-tooltips --- + +# Styling the Grid Tooltips (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Styling the Grid Tooltips (igGrid) @@ -16,7 +19,7 @@ This topic demonstrates how to configure the Tooltips Popover style. The following table lists the topics required as a prerequisite to understanding this topic. -- [Touch Support for {environment:ProductName} Controls](////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces to user to the new updates that jQuery controls has to support touch interactions. +- [Touch Support for \{environment:ProductName\} Controls](////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces to user to the new updates that jQuery controls has to support touch interactions. - [igGrid™ Tooltips Overview](/iggrid-tooltips-overview.mdx): This topic shows how to enable and use `igGrid` tooltips. @@ -100,7 +103,7 @@ The following topics provide additional information related to this topic. - [igGrid Tooltips Overview](/iggrid-tooltips-overview.mdx): Topic describing the properties and behavior of the `igGrid` Tooltips. -- [Touch Support for {environment:ProductName} Controls](////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces to user to the new updates that jQuery controls has to support touch interactions. +- [Touch Support for \{environment:ProductName\} Controls](////general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx): This topic introduces to user to the new updates that jQuery controls has to support touch interactions. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/tooltips.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/tooltips.mdx index 85d8205777..27bcb0e00d 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/tooltips.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/tooltips.mdx @@ -6,7 +6,6 @@ slug: igGrid_Tooltips # Tooltips (igGrid) - Click on the links below to find information on how to get the igGrid Tooltips feature quickly up and running. - [Tooltips Overview](/iggrid-tooltips-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/using-tooltips.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/using-tooltips.mdx index 2088194718..e2cc950ed0 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/using-tooltips.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/tooltips/using-tooltips.mdx @@ -2,6 +2,9 @@ title: "Configuring Tooltips (igGrid)" slug: iggrid-using-tooltips --- + +# Configuring Tooltips (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Tooltips (igGrid) @@ -168,7 +171,7 @@ $("#grid1").igGrid({ ## <a id="demo"></a> Running sample <div class="embed-sample"> - [igGrid Tooltips]({environment:SamplesEmbedUrl}/grid/tooltips) + [igGrid Tooltips](\{environment:SamplesEmbedUrl\}/grid/tooltips) </div> ## <a id="topics"></a> Related Topics diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx index 2835fda7ce..7ec90a1795 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx @@ -2,6 +2,9 @@ title: "Implementing Custom Editor Provider" slug: implementing-custom-editor-provider --- + +# Implementing Custom Editor Provider + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Implementing Custom Editor Provider @@ -27,7 +30,7 @@ This topic contains the following sections: The Updating feature when in edit mode displays editors for the row or cell being edited. Those editors are implemented by an editor providers abstraction which provides a common editing communication interface with the Updating feature. -Updating comes with a set of editor providers that wrap the [{environment:ProductName} Editors](igEditors-LandingPage.html) to provide feature rich experience for the end user. +Updating comes with a set of editor providers that wrap the [\{environment:ProductName\} Editors](igEditors-LandingPage.html) to provide feature rich experience for the end user. ## <a id="editors"></a> Built-in editor types @@ -290,5 +293,5 @@ Following are some other topics you may find useful. ## <a id="samples"></a> Related Samples -- [Basic Editing]({environment:NewSamplesUrl}/grid/basic-editing) -- [Editing: Custom Editor Provider]({environment:NewSamplesUrl}/grid/editing-custom-editor-provider) \ No newline at end of file +- [Basic Editing](\{environment:NewSamplesUrl\}/grid/basic-editing) +- [Editing: Custom Editor Provider](\{environment:NewSamplesUrl\}/grid/editing-custom-editor-provider) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-paste-from-excel.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-paste-from-excel.mdx index 1699975b4c..92f443cead 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-paste-from-excel.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/implementing-paste-from-excel.mdx @@ -133,7 +133,7 @@ Paste starting from active cell - when this mode is selected the pasted records In order to test it open up any Excel spreadsheet ([or this one here](http://www.igniteui.com/data-files/sample-data.xlsx)), copy some rows, and paste it into the grid using the keyboard. <div class="embed-sample"> - [Paste from Excel]({environment:SamplesEmbedUrl}/grid/paste-from-excel) + [Paste from Excel](\{environment:SamplesEmbedUrl\}/grid/paste-from-excel) </div> ## <a id='related'></a> Related Content diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/migrating-to-the-new-updating.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/migrating-to-the-new-updating.mdx index 3dde4baf7f..41181249ff 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/migrating-to-the-new-updating.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/migrating-to-the-new-updating.mdx @@ -2,6 +2,9 @@ title: "Migrating to the new Updating (igGrid)" slug: iggrid-updating-migrating-to-the-new-updating --- + +# Migrating to the new Updating (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating to the new Updating (igGrid) @@ -30,7 +33,7 @@ This topic contains the following sections: ### <a id="dependencies"></a> Dependencies Changes and improvements in the structure and functionality in the igEditors suite that igGridUpdating uses to edit rows and cells in the grid changed the earliest jQuery and jQuery UI versions that are supported. The difference is summarized in the following table. -||{environment:ProductName} 15.1|{environment:ProductName} 15.2| +||\{environment:ProductName\} 15.1|\{environment:ProductName\} 15.2| |---|:---:|:---:| |**Earliest supported jQuery version**|1.4.4|1.9.1| |**Earliest supported jQuery UI version**|-|1.9.0| diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/row-template/roweditdialog-configuring.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/row-template/roweditdialog-configuring.mdx index 5098186095..666eed54bb 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/row-template/roweditdialog-configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/row-template/roweditdialog-configuring.mdx @@ -229,7 +229,7 @@ To complete the procedure, you need the following: - ASP.NET MVC 4 or newer Framework installed - The AdventureWorks Database installed - A reference to the Infragistics.Web.Mvc.dll assembly -- Required {environment:ProductName} JavaScript and theme resources +- Required \{environment:ProductName\} JavaScript and theme resources ### <a id="mvc-overview"></a> Overview @@ -408,9 +408,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Row Edit Dialog]({environment:SamplesUrl}/grid/row-edit-dialog): This sample shows how to configure a Row Edit Dialog in the `igGrid` +- [Row Edit Dialog](\{environment:SamplesUrl\}/grid/row-edit-dialog): This sample shows how to configure a Row Edit Dialog in the `igGrid` -- [HierarchicalGrid Row Edit Dialog]({environment:SamplesUrl}/hierarchical-grid/row-edit-dialog): This sample shows how to configure a Row Edit Dialog in the `igHierarchicalGrid` +- [HierarchicalGrid Row Edit Dialog](\{environment:SamplesUrl\}/hierarchical-grid/row-edit-dialog): This sample shows how to configure a Row Edit Dialog in the `igHierarchicalGrid` diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/row-template/roweditdialog.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/row-template/roweditdialog.mdx index dd8da1eb24..d926b3b601 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/row-template/roweditdialog.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/row-template/roweditdialog.mdx @@ -2,6 +2,9 @@ title: "Row Edit Dialog Overview (igGrid)" slug: iggrid-updating-roweditdialog --- + +# Row Edit Dialog Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Row Edit Dialog Overview (igGrid) @@ -398,5 +401,5 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. <div class="embed-sample"> - [Row Edit Dialog]({environment:SamplesEmbedUrl}/grid/row-edit-dialog) + [Row Edit Dialog](\{environment:SamplesEmbedUrl\}/grid/row-edit-dialog) </div> \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/updating.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/updating.mdx index e8a27e991c..6a6ccc608e 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/updating.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/updating.mdx @@ -2,6 +2,9 @@ title: "Updating Overview (igGrid)" slug: iggrid-updating --- + +# Updating Overview (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Updating Overview (igGrid) @@ -20,7 +23,7 @@ This topic contains the following sections: - [**Enabling Updating**](#enable) - [Adding Required CSS and JavaScript references using igLoader in JavaScript](#required) - [Loading CSS and JavaScript references statically – needed only for updating](#minimal-required) -- [**Adding igGrid with Updating feature enabled using the {environment:ProductFamilyName} CLI**](#adding-using-CLI) +- [**Adding igGrid with Updating feature enabled using the \{environment:ProductFamilyName\} CLI**](#adding-using-CLI) - [**Disabling row adding, row updating and row deleting**](#disable-row-add-delete) - [**Column Settings and Editors**](#column-settings-editors) - [Retrieving the columnSettings object](#retrieving-columnsettings) @@ -104,7 +107,7 @@ By enabling the Updating feature, you enable adding, removing or updating the da ### <a id="required"></a> Adding Required CSS and JavaScript references using igLoader in JavaScript -The `igLoader` control is the recommended way to load JavaScript and CSS resources required by the {environment:ProductName} library controls. First the `igLoader` script must be included in the page: +The `igLoader` control is the recommended way to load JavaScript and CSS resources required by the \{environment:ProductName\} library controls. First the `igLoader` script must be included in the page: **In HTML:** ```js @@ -381,19 +384,19 @@ $("#grid1").igGrid({ .DataBind().Render()%> ``` -## <a id="adding-using-CLI"></a> Adding igGrid with Updating feature enabled using the {environment:ProductFamilyName} CLI -To install the {environment:ProductFamilyName} CLI: +## <a id="adding-using-CLI"></a> Adding igGrid with Updating feature enabled using the \{environment:ProductFamilyName\} CLI +To install the \{environment:ProductFamilyName\} CLI: ``` npm install -g igniteui-cli ``` -Once the {environment:ProductFamilyName} CLI is installed the commands for generating an {environment:ProductName} project, adding a new igGrid component with Updating feature configured, building and serving the project are as following: +Once the \{environment:ProductFamilyName\} CLI is installed the commands for generating an \{environment:ProductName\} project, adding a new igGrid component with Updating feature configured, building and serving the project are as following: ``` ig new <project name> --framework=jquery cd <project name> ig add grid-editing newGridEditing ig start ``` - For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](////general-and-getting-started/using-ignite-ui-cli.mdx) topic. + For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](////general-and-getting-started/using-ignite-ui-cli.mdx) topic. ## <a id="adding-primarykey"></a> Adding a PrimaryKey for the AddNewRow When you initialize a new row on the grid for a data source that includes a primary key, the `generatePrimaryKeyValue` event of `igGrid` Updating feature is raised to provide a primary key value to the new row. The second parameter of the event handler includes the value member which is used to return the new primary key value back up to the grid. By default, the value is initialized with a value that is equal to the number of rows in the data source. The following code listing is an example of how to implement generating a new primary key value to a new row of the grid. @@ -627,7 +630,7 @@ $('#grid1').igGridUpdating('updateRow', 1, { 'FirstName': 'Alex' }); ``` The sample below demonstrates the Updating API and events. <div class="embed-sample"> - [igGrid Editing API and Events]({environment:SamplesEmbedUrl}/grid/editing-api-events) + [igGrid Editing API and Events](\{environment:SamplesEmbedUrl\}/grid/editing-api-events) </div> @@ -744,5 +747,5 @@ Following are some other topics you may find useful. ## <a id="samples"></a> Related Samples Following are some samples you may find useful. -- [Editing]({environment:SamplesUrl}/grid/basic-editing) -- [Live Updates]({environment:SamplesUrl}/grid/binding-real-time-data) \ No newline at end of file +- [Editing](\{environment:SamplesUrl\}/grid/basic-editing) +- [Live Updates](\{environment:SamplesUrl\}/grid/binding-real-time-data) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx index 0d11a3ff51..5e16fb6072 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx @@ -2,6 +2,9 @@ title: "Working with igCombo editor provider" slug: working-with-combo-editor-provider --- + +# Working with igCombo editor provider + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Working with igCombo editor provider @@ -92,7 +95,7 @@ This procedure guides you through the process of configuring an igCombo editor i However if the `textKey` points to a different field than the `valueKey` it’s important to note that the actual value saved in the data source after editing will be the value of the selected item. The text will be disregarded as it serves only a display purpose. - If you’d like the text of the associated drop-down items to be displayed in the grid cells instead of the value an additional <ApiLink type="iggrid" member="columns.formatter" section="options" label="formatter" /> function will need to be defined for the column in order for the value to be associated with the corresponding display text. A similar example can be found in the following related sample: [Grid with Combo Editor]({environment:NewSamplesUrl}/combo/grid-with-combo-editor) + If you’d like the text of the associated drop-down items to be displayed in the grid cells instead of the value an additional <ApiLink type="iggrid" member="columns.formatter" section="options" label="formatter" /> function will need to be defined for the column in order for the value to be associated with the corresponding display text. A similar example can be found in the following related sample: [Grid with Combo Editor](\{environment:NewSamplesUrl\}/combo/grid-with-combo-editor) **In JavaScript** ``` @@ -220,5 +223,5 @@ Following are some other topics you may find useful. ## <a id="samples"></a> Related Samples -- [Basic Editing]({environment:NewSamplesUrl}/grid/basic-editing) -- [Grid with Combo Editor]({environment:NewSamplesUrl}/combo/grid-with-combo-editor) +- [Basic Editing](\{environment:NewSamplesUrl\}/grid/basic-editing) +- [Grid with Combo Editor](\{environment:NewSamplesUrl\}/combo/grid-with-combo-editor) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/virtualization/enabling-and-configuring-virtualization.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/virtualization/enabling-and-configuring-virtualization.mdx index 7f16373dec..2e165d8264 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/virtualization/enabling-and-configuring-virtualization.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/virtualization/enabling-and-configuring-virtualization.mdx @@ -2,6 +2,9 @@ title: "Enabling and Configuring Virtualization (igGrid)" slug: iggrid-enabling-and-configuring-virtualization --- + +# Enabling and Configuring Virtualization (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Enabling and Configuring Virtualization (igGrid) @@ -117,7 +120,7 @@ $("#grid1").igGrid({ The sample below demonstrates how the fixed virtualization works: <div class="embed-sample"> - [Virtualization (Fixed)]({environment:SamplesEmbedUrl}/grid/virtualization-fixed) + [Virtualization (Fixed)](\{environment:SamplesEmbedUrl\}/grid/virtualization-fixed) </div> ## <a id="fixed-column"></a> Enabling and Configuring Column Virtualization @@ -265,7 +268,7 @@ $("#grid1").igGrid({ The sample below demonstrates how the continuous virtualization works: <div class="embed-sample"> - [Virtualization (Continuous)]({environment:SamplesEmbedUrl}/grid/virtualization-continuous) + [Virtualization (Continuous)](\{environment:SamplesEmbedUrl\}/grid/virtualization-continuous) </div> ## <a id="related-content"></a> Related Content diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/features/virtualization/overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/features/virtualization/overview.mdx index 6f65548cd2..41fef85d8a 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/features/virtualization/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/features/virtualization/overview.mdx @@ -5,7 +5,6 @@ slug: iggrid-virtualization-overview # Virtualization Overview (igGrid) - ## In this topic This topic contains the following sections: diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/igdatasource-architecture-overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/igdatasource-architecture-overview.mdx index 0863caa8b1..cd41350cb4 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/igdatasource-architecture-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/igdatasource-architecture-overview.mdx @@ -20,7 +20,7 @@ This topic contains the following sections: ## <a id="overview"></a>Overview -The {environment:ProductName}™ grid, or `igGrid`™, is a client-side grid control built entirely with JavaScript, HTML and CSS. The client-only nature of the control makes the grid agnostic to server-side technologies allowing seamless interaction with applications built in PHP, Ruby on Rails®, Java™, Python™, Microsoft® ASP.NET™ and more. +The \{environment:ProductName\}™ grid, or `igGrid`™, is a client-side grid control built entirely with JavaScript, HTML and CSS. The client-only nature of the control makes the grid agnostic to server-side technologies allowing seamless interaction with applications built in PHP, Ruby on Rails®, Java™, Python™, Microsoft® ASP.NET™ and more. The grid is constructed using a modular architecture where the data source and optional features are logically separated from the grid control. The separation of logic from presentation allows the associated data source control to take on the responsibility for processing features such as paging, sorting, filtering and the like. The grid itself, on the other hand, is only concerned with presentation details. While the grid is built with this modular construction, you are not required to first setup the data source and then the grid. You can easily configure the data source through the public interface of the grid control. @@ -81,7 +81,7 @@ This architecture enables you to easily create extensions of the data source tha - ***$.ig.XMLDataSource*** - This class is pre-configured to work specifically with [XML](http://en.wikipedia.org/wiki/XML) data. -> **Note:** The controls listed above are included in the {environment:ProductName} data source JavaScript library. +> **Note:** The controls listed above are included in the \{environment:ProductName\} data source JavaScript library. Further, you can extend the data source control to override any of its implementation in order to achieve a highly customized data binding functionality. Listing 1 demonstrates how to extend the base data source to pre-configure the options to work with JSON data. @@ -240,6 +240,6 @@ Since the `igGrid` control is built as a jQuery UI widget, it is dependent on th - [Performance Guide (igGrid)](/iggrid-performance-guide.mdx) - [Styling igGrid](/iggrid-styling-and-theming.mdx) -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/iggridexcelexporter-configuring.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/iggridexcelexporter-configuring.mdx index 37f0ee4933..048a409d35 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/iggridexcelexporter-configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/iggridexcelexporter-configuring.mdx @@ -2,6 +2,9 @@ title: "Configuring igGridExcelExporter" slug: iggridexcelexporter-configuring --- + +# Configuring igGridExcelExporter + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igGridExcelExporter @@ -22,7 +25,7 @@ This topic contains the following sections: - [Configure styling](#configure_styling) - [Attach to callbacks (events)](#callbacks) - [Display an overlay while exporting](#exporting_overlay) -- [Create igGrid with Excel Exporting configured using the {environment:ProductFamilyName} CLI](#adding-using-CLI) +- [Create igGrid with Excel Exporting configured using the \{environment:ProductFamilyName\} CLI](#adding-using-CLI) ### Required background - [igGridExcelExporter Overview](iggridexcelexporter-overview.html "igGridExcelExporter Overview") - General information on the `igGridExcelExporter` control. @@ -164,25 +167,25 @@ $.ig.GridExcelExporter.exportGrid($("#grid1"), {}, }); ``` -### <a id="adding-using-CLI"></a> Create igGrid with Excel Exporting configured using the {environment:ProductFamilyName} CLI -The easiest way to add a new igGrid, with Excel Exporting configured, to your application is via the {environment:ProductFamilyName} CLI. +### <a id="adding-using-CLI"></a> Create igGrid with Excel Exporting configured using the \{environment:ProductFamilyName\} CLI +The easiest way to add a new igGrid, with Excel Exporting configured, to your application is via the \{environment:ProductFamilyName\} CLI. -To install the {environment:ProductFamilyName} CLI: +To install the \{environment:ProductFamilyName\} CLI: ``` npm install -g igniteui-cli ``` -Once the {environment:ProductFamilyName} CLI is installed the commands for generating an {environment:ProductFamilyName} project, adding a new igGrid component, with Excel Exporting configured, building and serving the project are as following: +Once the \{environment:ProductFamilyName\} CLI is installed the commands for generating an \{environment:ProductFamilyName\} project, adding a new igGrid component, with Excel Exporting configured, building and serving the project are as following: ``` ig new <project name> cd <project name> ig add grid-export newGridExport ig start ``` - For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. + For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. ### <a id="Preview"></a>Preview The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/grid/export-client-events]({environment:SamplesEmbedUrl}/grid/export-client-events) + [\{environment:SamplesEmbedUrl\}/grid/export-client-events](\{environment:SamplesEmbedUrl\}/grid/export-client-events) </div> \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/iggridexcelexporter-overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/iggridexcelexporter-overview.mdx index b2599a00fa..4457c216bd 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/iggridexcelexporter-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/iggridexcelexporter-overview.mdx @@ -2,6 +2,9 @@ title: "Grid Excel Exporter Overview" slug: iggridexcelexporter-overview --- + +# Grid Excel Exporter Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Grid Excel Exporter Overview @@ -21,7 +24,7 @@ The `igGridExcelExporter` includes the following characteristics: - Provides callbacks (events) throughout the export process. ## Required Background -- [{environment:ProductName} Overview](IgniteUI-for-jQuery-Overview.html "{environment:ProductName} Overview") - General information on the {environment:ProductName}™ library. +- [\{environment:ProductName\} Overview](IgniteUI-for-jQuery-Overview.html "\{environment:ProductName\} Overview") - General information on the \{environment:ProductName\}™ library. - [igGrid Overview](igGrid-Overview.html "igGrid Overview") - General information on the `igGrid` control. ## Dependencies @@ -108,7 +111,7 @@ For more information on all the available properties of the exporter you can exp The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/grid/export-basic-grid]({environment:SamplesEmbedUrl}/grid/export-basic-grid) + [\{environment:SamplesEmbedUrl\}/grid/export-basic-grid](\{environment:SamplesEmbedUrl\}/grid/export-basic-grid) </div> ## Related Content @@ -119,6 +122,6 @@ The following is a preview of the final result. ### <a id="samples"></a> Samples -- [Export Basic Grid to Excel]({environment:SamplesUrl}/grid/export-basic-grid) -- [Exporting Grid to Excel with Features]({environment:SamplesUrl}/grid/export-feature-rich-grid) -- [Customizing Grid Excel Export]({environment:SamplesUrl}/grid/export-client-events) +- [Export Basic Grid to Excel](\{environment:SamplesUrl\}/grid/export-basic-grid) +- [Exporting Grid to Excel with Features](\{environment:SamplesUrl\}/grid/export-feature-rich-grid) +- [Customizing Grid Excel Export](\{environment:SamplesUrl\}/grid/export-client-events) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/jquery-api.mdx index 749ebcfa90..624f8f0792 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/jquery-api.mdx @@ -2,12 +2,15 @@ title: "jQuery and MVC API Links (igGrid)" slug: iggrid-jquery-api --- + +# jQuery and MVC API Links (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igGrid) -The `igGrid` is built as a jQuery UI widget with an accompanying {environment:ProductNameMVC} Grid. For more information about each API, see the following API documentation: +The `igGrid` is built as a jQuery UI widget with an accompanying \{environment:ProductNameMVC\} Grid. For more information about each API, see the following API documentation: - <ApiLink type="igGrid" label="igGrid jQuery API" /> - [igGrid MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel.html) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/known-issues.mdx index 51143feba0..2fba8feacc 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/known-issues.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations (igGrid)" slug: iggrid-known-issues --- + +# Known Issues and Limitations (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations (igGrid) @@ -33,7 +36,7 @@ Issue | Description | Status [The showHeader option not working correctly](#showHeader) | When the <ApiLink type="iggrid" member="showHeader" section="options" label="showHeader" /> option is set to false on grid initialization, setting it to true run-time using the API will not show the header. | ![](../../images/images/positive.png) [Horizontal scrollbar visibility issues on Mac OS](#scrollbar-mac) | The grid’s horizontal scrollbar is not visible on Mac OS® when its *Show scrollbars only when scrolling option* is set to true. This is because the grid’s horizontal scrollbar has an `overflow` set to hidden. | ![](../../images/images/positive.png) With auto-generated columns, the source must contain key/value pairs | When the grid’s columns are auto-generated (i.e. <ApiLink type="iggrid" member="autoGenerateColumns" section="options" label="autoGenerateColumns" /> is enabled), the source should always contain key/value pairs, otherwise the grid might not render correctly. | ![](../../images/images/positive.png) -Defining a feature more than once not possible | **In JavaScript:** <br /> In both `igGrid` and `igHierarchicalGrid`™, defining a feature more than once throws an error. <br /> **In MVC:** <br /> In both `igGrid` and `igHierarchicalGrid`, defining a feature more than once in {environment:ProductNameMVC}, causes only the last definition to be taken into account. | ![](../../images/images/negative.png) +Defining a feature more than once not possible | **In JavaScript:** <br /> In both `igGrid` and `igHierarchicalGrid`™, defining a feature more than once throws an error. <br /> **In MVC:** <br /> In both `igGrid` and `igHierarchicalGrid`, defining a feature more than once in \{environment:ProductNameMVC\}, causes only the last definition to be taken into account. | ![](../../images/images/negative.png) [Checkbox rendering not compatible with templates (row and column)](#checkbox-template) | When using templating and the `renderCheckboxes` option is set to true, the Boolean columns do not render checkboxes because it is not possible to examine if the Boolean column has a template defined. | ![](../../images/images/positive.png) Calling API methods does not raise the directly related events. | Calling API methods programmatically does not raise events related to their operation. Those events are only raised by their respective user interaction. | ![](../../images/images/negative.png) [KnockoutJS observable array functions’ limitations](#knockout-observable-array) | The use of `unshift`, `reverse` and `sort` observable array functions results in incorrect visual appearance of the grid. | ![](../../images/images/positive.png) @@ -63,8 +66,8 @@ The [`LoadTransaction()`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~Lo | Issue | Description | Status | | --- | --- | --- | | [Remote filtering, sorting and grouping not supported for unbound columns](#unbound-remote-operations) | The Sorting, Filtering, and Group By features do not work with unbound columns. These features are disabled for the unbound columns in the [`Columns`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~Columns.html) collection. | ![](../../images/images/positive.png) | -| [The grid `SetUnboundValues(, )` method overload of the {environment:ProductNameMVC} Grid requires a primary key](#SetUnboundValues) | Using the `SetUnboundValues(, )` method overload requires setting a primary key. | ![](../../images/images/positive.png) | -| [Limitations to using the {environment:ProductNameMVC} Grid in the View](#unbound-mvc-helper) | Using the {environment:ProductNameMVC} Grid in an ASP.NET MVC View is not a valid scenario when the data source is remote and the [`MergeUnboundColumns`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~MergeUnboundColumns.html) property is set to true. | ![](../../images/images/negative.png) | +| [The grid `SetUnboundValues(, )` method overload of the \{environment:ProductNameMVC\} Grid requires a primary key](#SetUnboundValues) | Using the `SetUnboundValues(, )` method overload requires setting a primary key. | ![](../../images/images/positive.png) | +| [Limitations to using the \{environment:ProductNameMVC\} Grid in the View](#unbound-mvc-helper) | Using the \{environment:ProductNameMVC\} Grid in an ASP.NET MVC View is not a valid scenario when the data source is remote and the [`MergeUnboundColumns`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~MergeUnboundColumns.html) property is set to true. | ![](../../images/images/negative.png) | | [Unbound column values not updated when remote paging and *unboundValues* is used](#unboundValues-remote-paging) | The grid displays same values for the unbound column when <ApiLink type="iggrid" member="columns.unboundValues" section="options" label="unboundValues" /> is set on the client with remote paging enabled. | ![](../../images/images/negative.png) | | [Limitations to using formulas in unbound columns](#unbound-formulas) | Formulas cannot be used in the igGrid’s unbound columns when the [`MergeUnboundColumns`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~MergeUnboundColumns.html) option is set to true. | ![](../../images/images/positive.png) | | [Unbound data values not persisted automatically in the grid’s controls](#unbound-CRUD) | If a row with unbound values is edited and committed, and the grid is rebound after that, the changes are not persisted. | ![](../../images/images/positive.png) | @@ -207,7 +210,7 @@ Keyboard navigation not supported for column virtualization | Keyboard navigatio Issue | Description | Status ------|-------------|------- -[Limitation when using custom summary with remote data](#summaries-custom-remote) | {environment:ProductNameMVC} doesn’t handle the custom summaries by default. Therefore, a custom summary should be created and calculated separately. | ![](../../images/images/positive.png) +[Limitation when using custom summary with remote data](#summaries-custom-remote) | \{environment:ProductNameMVC\} doesn’t handle the custom summaries by default. Therefore, a custom summary should be created and calculated separately. | ![](../../images/images/positive.png) Only basic numeric formats supported | The <ApiLink type="iggridgroupby" member="summarySettings.summaryFormat" section="options" label="summaryFormat" /> property supports only the basic numeric formats. For example, formats like $ .00 will not be able to display the $ sign. | ![](../../images/images/negative.png) [Limitation when setting custom methods](#summaries-custom-methods) | When setting custom methods, it is highly recommended to set the order and <ApiLink type="iggridsummaries" member="columnSettings.summaryOperands.summaryCalculator" section="options" label="summaryCalculator" /> options of the summary operands. | ![](../../images/images/positive.png) @@ -465,9 +468,9 @@ The Sorting, Filtering, and Group By features do not work with unbound columns. > > When unbound columns are defined, use local configuration for the Sorting, Filtering, and Group By features. -### <a id="SetUnboundValues"></a> The grid SetUnboundValues(<Column key>, <Dictionary of values>) method overload of the {environment:ProductNameMVC} Grid requires a primary key +### <a id="SetUnboundValues"></a> The grid SetUnboundValues(<Column key>, <Dictionary of values>) method overload of the \{environment:ProductNameMVC\} Grid requires a primary key -The grid [`SetUnboundValues(<Column key>, <Dictionary of values>)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~SetUnboundValues.html) method overload of the {environment:ProductNameMVC} grid requires a primary key. This overload has parameters for column key and dictionary of primary key and unbound value pairs. The primary key in the dictionary points to the primary key of a row in the grid and the unbound value is the value which will be set in the unbound column with key equal to the column key. +The grid [`SetUnboundValues(<Column key>, <Dictionary of values>)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~SetUnboundValues.html) method overload of the \{environment:ProductNameMVC\} grid requires a primary key. This overload has parameters for column key and dictionary of primary key and unbound value pairs. The primary key in the dictionary points to the primary key of a row in the grid and the unbound value is the value which will be set in the unbound column with key equal to the column key. > **Workaround** > @@ -475,7 +478,7 @@ The grid [`SetUnboundValues(<Column key>, <Dictionary of values>)`](Infragistics ### <a id="unbound-mvc-helper"></a> Limitations to using the grid helper in the View -The grid helper cannot be used in the View when the data source is remote and [`MergeUnboundColumns`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~MergeUnboundColumns.html) is set to true. Using the {environment:ProductNameMVC} Grid ASP.NET MVC View is not a valid scenario when the data source is remote and the `MergeUnboundColumns` property is set to true. +The grid helper cannot be used in the View when the data source is remote and [`MergeUnboundColumns`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~MergeUnboundColumns.html) is set to true. Using the \{environment:ProductNameMVC\} Grid ASP.NET MVC View is not a valid scenario when the data source is remote and the `MergeUnboundColumns` property is set to true. You can set some options through chaining but when remote requests are performed, these options are re-set with the default values from the request. @@ -835,7 +838,7 @@ Selecting a row in IE is applying focus to the row, which scrolls the `igGrid` a ### <a id="summaries-custom-remote"></a> Limitation when using custom summary with remote data -{environment:ProductNameMVC} doesn’t handle the custom summaries by +\{environment:ProductNameMVC\} doesn’t handle the custom summaries by default. Therefore, a custom summary should be created and calculated separately. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/migrating-enableutcdates-option-in-17-1.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/migrating-enableutcdates-option-in-17-1.mdx index a2d7e19acd..7a19f1f131 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/migrating-enableutcdates-option-in-17-1.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/migrating-enableutcdates-option-in-17-1.mdx @@ -2,6 +2,9 @@ title: "Migrating enableUTCDates option after 17.1" slug: migrating-enableUTCDates-option-in-17-1 --- + +# Migrating enableUTCDates option after 17.1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating enableUTCDates option after 17.1 @@ -12,15 +15,15 @@ Grids are handling dates through two options <ApiLink type="iggrid" member="enab - <ApiLink type="iggrid" member="enableUTCDates" section="options" label="enableUTCDates" /> - this option is similar to what it does for igDateEditor and igDatePicker. It has nothing to do with displaying dates anymore. It serves the purpose to specify dates serialization. Whether the dates are serialized as [UTC ISO 8061](https://en.wikipedia.org/wiki/ISO_8601#UTC) string or in local time and zone values. For example 10:00 AM from a client with local offset of 5 hours ahead of GMT will be serialized as: "2016-11-11T10:00:00+05:00". This is when the option gets the default 'false' value. Otherwise, the date will use the ISO UTC format: "2016-11-11T05:00:00Z". -- <ApiLink type="iggrid" member="columns.dateDisplayType" section="options" label="dateDisplayType" /> – This option is part of the columns definitions and can be used for the date columns. If set to "local" (default) the grid is rendering the dates in local time zone. If set to "utc" the grid is rendering the dates in UTC. There is one more behavior delivered with that option and designed specifically to handle the default {environment:ProductNameMVC} Grid scenario. It requires data source with time zone offset metadata. The dates are rendered as if in "utc" with the added offset. The idea behind this is to show the same dates the user sees on the server. The option dateDisplayType has no effect on non-date type columns and is ignored. +- <ApiLink type="iggrid" member="columns.dateDisplayType" section="options" label="dateDisplayType" /> – This option is part of the columns definitions and can be used for the date columns. If set to "local" (default) the grid is rendering the dates in local time zone. If set to "utc" the grid is rendering the dates in UTC. There is one more behavior delivered with that option and designed specifically to handle the default \{environment:ProductNameMVC\} Grid scenario. It requires data source with time zone offset metadata. The dates are rendered as if in "utc" with the added offset. The idea behind this is to show the same dates the user sees on the server. The option dateDisplayType has no effect on non-date type columns and is ignored. ->**Note:** When a {environment:ProductNameMVC} Grid is initalized `enableUTCDates` is set to `true` by default. When a {environment:ProductName} grid is initialized the option is set to `false` by default. For example if the `enableUTCDates` is not specified(using the default behavior) and {environment:ProductNameMVC} is used the dates are serialized in ISO UTC format ("2016-11-11T05:00:00Z"). In non-MVC scenario not specifing `enableUTCDates` would serialize the dates to local time and zone values ("2016-11-11T10:00:00+05:00"). +>**Note:** When a \{environment:ProductNameMVC\} Grid is initalized `enableUTCDates` is set to `true` by default. When a \{environment:ProductName\} grid is initialized the option is set to `false` by default. For example if the `enableUTCDates` is not specified(using the default behavior) and \{environment:ProductNameMVC\} is used the dates are serialized in ISO UTC format ("2016-11-11T05:00:00Z"). In non-MVC scenario not specifing `enableUTCDates` would serialize the dates to local time and zone values ("2016-11-11T10:00:00+05:00"). The main questions to answer in order to understand the date handling are how and where are the dates stored. All records and their values(including dates) are stored by igDataSource. Before storing the dates igDataSource transforms them as Date objects, if they are not already Date objects. Once stored they should be rendered and displayed into the grid cells. The responsibility for this is owned by $.ig.formatter. The formatter renders the dates as they are expected and in accordance with `dateDisplayType` option. Another behavioral change is that the transaction log will not keep dates serialized. All dates will be preserved as Date objects and serialization will be done only to the passed parameters, when saveChanges is invoked and the enableUTCDates option tells how this should be done. -In 17.1 and above {environment:ProductNameMVC} will send the dates into the following format: +In 17.1 and above \{environment:ProductNameMVC\} will send the dates into the following format: ```js { @@ -51,9 +54,9 @@ In 17.1 and above {environment:ProductNameMVC} will send the dates int The option `enableUTCDates` determines how the grid displays and uses dates into its cells. - If enabled the grid shows UTC time, ignoring the client offset. For example, the grid has a property with a value of 2009-02-15T04:00:00Z and the client has GMT+02:00 offset. Then the grid will use 4 AM. In addition, sorting and filtering will consider this value when comparing values. - If disabled the grid shows local time, taking into account the client offset. Consider the following example, there is a value of 2009-02-15T04:00:00Z into the data source and the client offset is GMT+02:00. In this case, the used value will be 6 AM. ->**Note:** If the {environment:ProductNameMVC} grid is used the enableUTCDates is enabled by default, otherwise the option is disabled by default. +>**Note:** If the \{environment:ProductNameMVC\} grid is used the enableUTCDates is enabled by default, otherwise the option is disabled by default. ->**Note:** If {environment:ProductNameMVC} is used to process the data source or the data source is remote and the GridDataSource attribute is used, then metadata with time zone offsets has been generated. +>**Note:** If \{environment:ProductNameMVC\} is used to process the data source or the data source is remote and the GridDataSource attribute is used, then metadata with time zone offsets has been generated. ```js "Metadata": { @@ -107,7 +110,7 @@ The API method `saveChanges()` is sending the serialized accumulated transaction ## Migrate igGrid,igHierarchicalGrid or igTreeGrid from 16.2 to 17.1 and above From 17.1 the igDataSource is not going to accept Microsoft date formatting `/Date(1234656000000)/`. If the provided data source contains this kind of data they have to be changed to ISO UTC format "2009-02-15T00:00:00Z". -If {environment:ProductNameMVC} is used, for the user perspective there is nothing to configure. Internally {environment:ProductNameMVC} was using Microsoft format in 16.2 and from 17.1 it would send the dates in ISO UTC. +If \{environment:ProductNameMVC\} is used, for the user perspective there is nothing to configure. Internally \{environment:ProductNameMVC\} was using Microsoft format in 16.2 and from 17.1 it would send the dates in ISO UTC. To display UTC time in 17.1 and above versions: ```js @@ -142,7 +145,7 @@ $('#Grid1').igGrid({ }); ``` -After {environment:ProductNameMVC} 17.1: +After \{environment:ProductNameMVC\} 17.1: ```csharp @(Html.Infragistics().Grid(Model) .ID("Grid1") @@ -162,7 +165,7 @@ After {environment:ProductNameMVC} 17.1: .Render() ) ``` -Before {environment:ProductNameMVC} 16.2: +Before \{environment:ProductNameMVC\} 16.2: ```csharp @(Html.Infragistics().Grid(Model) @@ -217,7 +220,7 @@ $('#Grid1').igGrid({ }); ``` -After {environment:ProductNameMVC} 17.1: +After \{environment:ProductNameMVC\} 17.1: ```csharp .ID("Grid1") .AutoGenerateColumns(false) @@ -236,7 +239,7 @@ After {environment:ProductNameMVC} 17.1: .Render() ) ``` -Before {environment:ProductNameMVC} 16.2: +Before \{environment:ProductNameMVC\} 16.2: ```csharp @(Html.Infragistics().Grid(Model) .ID("Grid1") @@ -259,7 +262,7 @@ Before {environment:ProductNameMVC} 16.2: ``` ->**Note:** The default {environment:ProductNameMVC} Grid will display the dates as they are on the server. If the initialization is not done through {environment:ProductNameMVC} the default behavior is to show local time. +>**Note:** The default \{environment:ProductNameMVC\} Grid will display the dates as they are on the server. If the initialization is not done through \{environment:ProductNameMVC\} the default behavior is to show local time. -For more information of how to show the specific client date, please follow the [Using {environment:ProductName} controls in different time zones](//general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx) topic and specifically the Ignoring server date and displaying the specific client one paragraph. +For more information of how to show the specific client date, please follow the [Using \{environment:ProductName\} controls in different time zones](//general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx) topic and specifically the Ignoring server date and displaying the specific client one paragraph. diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/overview.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/overview.mdx index 579d0c03de..dde6614bd9 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/overview.mdx @@ -2,6 +2,9 @@ title: "igGrid Overview" slug: iggrid-overview --- + +# igGrid Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igGrid Overview @@ -37,29 +40,29 @@ Further, the grid also includes support for: - Rich client-side API - ASP.NET MVC wrapper -## Adding igGrid using the {environment:ProductFamilyName} CLI -The easiest way to add a new igGrid to your application is via the {environment:ProductFamilyName} CLI. +## Adding igGrid using the \{environment:ProductFamilyName\} CLI +The easiest way to add a new igGrid to your application is via the \{environment:ProductFamilyName\} CLI. -To install the {environment:ProductFamilyName} CLI: +To install the \{environment:ProductFamilyName\} CLI: ``` npm install -g igniteui-cli ``` -Once the {environment:ProductFamilyName} CLI is installed the commands for generating an {environment:ProductFamilyName} project, adding a new igGrid component, building and serving the project are as following: +Once the \{environment:ProductFamilyName\} CLI is installed the commands for generating an \{environment:ProductFamilyName\} project, adding a new igGrid component, building and serving the project are as following: ``` ig new <project name> cd <project name> ig add grid newGrid ig start ``` -For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. +For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. ## Adding igGrid to a Web Page -The following steps demonstrate how to create a basic implementation of the jQuery Grid on a web page using either jQuery client code. To read about which implementation to choose, see [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx). +The following steps demonstrate how to create a basic implementation of the jQuery Grid on a web page using either jQuery client code. To read about which implementation to choose, see [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx). -[igGrid Overview Sample]({environment:SamplesUrl}/grid/overview) +[igGrid Overview Sample](\{environment:SamplesUrl\}/grid/overview) -To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 1. On your HTML page, **reference the required JavaScript and CSS** files. **In HTML:** @@ -164,7 +167,7 @@ To get started, include the required and localized resources for your applicatio 6. Working sample <div class="embed-sample"> - [igGrid Grid API and Events]({environment:SamplesEmbedUrl}/grid/grid-api-events) + [igGrid Grid API and Events](\{environment:SamplesEmbedUrl\}/grid/grid-api-events) </div> ## Related Content @@ -172,5 +175,5 @@ To get started, include the required and localized resources for your applicatio ### Topics - [igGrid/igDataSource Architecture Overview](/iggrid-igdatasource-architecture-overview.mdx) -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) \ No newline at end of file +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/performance-guide.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/performance-guide.mdx index 45719a7e36..88dcfc2405 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/performance-guide.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/performance-guide.mdx @@ -2,6 +2,9 @@ title: "Performance Guide (igGrid)" slug: iggrid-performance-guide --- + +# Performance Guide (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Performance Guide (igGrid) @@ -32,7 +35,7 @@ This topic contains the following sections: ## <a id="overview"></a> Overview -The {environment:ProductName}® `igGrid` provides exceptional performance out-of-the box. Going beyond the default settings, however, gives you an opportunity to further increase the grid’s performance ability (without sacrificing functionality) in special cases. +The \{environment:ProductName\}® `igGrid` provides exceptional performance out-of-the box. Going beyond the default settings, however, gives you an opportunity to further increase the grid’s performance ability (without sacrificing functionality) in special cases. Before learning about ways to adjust the grid to fine-tune performance, first get acquainted with some the underlying building blocks of the grid. @@ -161,4 +164,4 @@ When a column is sorted, by default all cells in that column get a specific CSS ### <a id="samples"></a> Samples -- [Performance Options]({environment:SamplesUrl}/grid/grid-performance) +- [Performance Options](\{environment:SamplesUrl\}/grid/grid-performance) diff --git a/docs/jquery/src/content/en/topics/controls/iggrid/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/iggrid/styling-and-theming.mdx index c2a9dce7a6..e6e7ac5247 100644 --- a/docs/jquery/src/content/en/topics/controls/iggrid/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/iggrid/styling-and-theming.mdx @@ -7,7 +7,7 @@ slug: iggrid-styling-and-theming ## Required CSS and Themes -The {environment:ProductName}™ grid (or `igGrid`), like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in {environment:ProductName} are custom jQuery UI themes called Infragistics and Metro. These themes provide a professional and attractive design to all Infragistics and standard jQuery UI widgets. +The \{environment:ProductName\}™ grid (or `igGrid`), like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in \{environment:ProductName\} are custom jQuery UI themes called Infragistics and Metro. These themes provide a professional and attractive design to all Infragistics and standard jQuery UI widgets. In addition to the Infragistics and Metro themes, there is a structure directory, which is required for the basic CSS layout of the Infragistics widgets. @@ -80,7 +80,7 @@ The Metro Theme is referenced after the jQuery Theme. The following stylesheets ## Using ThemeRoller -The ThemeRoller is a tool provided by jQuery UI which facilitates the creation of custom themes that are compatible with jQuery UI widgets. Many pre-built themes that can be downloaded and incorporated into your website. The {environment:ProductName} widgets support the use of ThemeRoller themes. +The ThemeRoller is a tool provided by jQuery UI which facilitates the creation of custom themes that are compatible with jQuery UI widgets. Many pre-built themes that can be downloaded and incorporated into your website. The \{environment:ProductName\} widgets support the use of ThemeRoller themes. In addition to incorporating individual themes, the [jQuery UI Theme Switcher widget](http://docs.jquery.com/UI/Theming/ThemeSwitcher) is available to change pre-built jQuery UI themes dynamically in the browser. For more information on ThemeRoller and the Theme Switcher widget, see the [**External References**](#external-references) below. @@ -148,7 +148,7 @@ Adding a custom theme is similar to adding the *Infragistics* theme. ### <a id="samples"></a> Samples -- [Windows UI Theme sample]({environment:SamplesUrl}/grid/windows-ui-theme) +- [Windows UI Theme sample](\{environment:SamplesUrl\}/grid/windows-ui-theme) diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/accessibility-compliance.mdx index 353d44440a..559c93fc01 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/accessibility-compliance.mdx @@ -14,7 +14,7 @@ This topic contains the following sections: ## <a id="section-508"></a>igHierarchicalGrid Section 508 Compliance Overview -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table in the Section "508 Compliance Description" block lists the specific rules of Subpart 1194.22 that pertain to the control and details how the grid control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table in the Section "508 Compliance Description" block lists the specific rules of Subpart 1194.22 that pertain to the control and details how the grid control complies with each rule. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by to setting a specific property, but in other cases, the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-dataset.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-dataset.mdx index 214d8be7d1..b99f92a348 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-dataset.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-dataset.mdx @@ -230,7 +230,7 @@ public List<Transaction<T>> LoadTransactionsDictionary<T>(string postdata) where Another approach is to create strongly-typed models which correspond to the structure of each `DataTable` from the `DataSet`. The fields of the custom type must match the type and key of the `DataColumns` of the `DataTable` that they represent. This model should be used in the LoadTransactions method. -The sample [Editing DataSet]({environment:SamplesUrl}/hierarchical-grid/editing-dataset) demonstrates how to use the updating feature when binding to a `DataSet` and passing a model based on the root table’s layout in the `LoadTransactions` method. +The sample [Editing DataSet](\{environment:SamplesUrl\}/hierarchical-grid/editing-dataset) demonstrates how to use the updating feature when binding to a `DataSet` and passing a model based on the root table’s layout in the `LoadTransactions` method. ### If no primaryKeys are set on the bound DataTables, they should be set on the corresponding GridModel and ColumnLayout objects @@ -243,13 +243,13 @@ GridModel grid = new GridModel(); grid.PrimaryKey = "DepartmentID"; ``` -### Manually creating the columns in igHierarchicalGrid using {environment:ProductNameMVC} in the view +### Manually creating the columns in igHierarchicalGrid using \{environment:ProductNameMVC\} in the view When bound to a `DataSet` and manually creating layouts, each `ColumnLayout` should have its `DataMember` set to its corresponding `DataTable`’s name in the dataset tables’ collection. If the `igHierarchicalGrid` is defined in the view and a `DataSet` is used as the grid’s Model then the columns can only be auto-generated. If you want to define the columns manually, define a model which corresponds to the root `DataTable` structure and set it as the grid’s type. -You should create strongly-typed models which correspond to the structure of each `DataTable` from the `DataSet`. Thus you should be able to use the grid with {environment:ProductNameMVC} in the view. +You should create strongly-typed models which correspond to the structure of each `DataTable` from the `DataSet`. Thus you should be able to use the grid with \{environment:ProductNameMVC\} in the view. Note: The fields of the custom type Customer must match the type and key of the DataColumns of the DataTable that they represent. @@ -312,8 +312,8 @@ public class Order ### Samples -- [Editing - Edit Dialog]({environment:SamplesUrl}/hierarchical-grid/row-edit-dialog): This sample demonstrates how to use the updating feature with edit dialog. -- [Load On Demand]({environment:SamplesUrl}/hierarchical-grid/load-on-demand): This sample demonstrates how to use Load On Demand. +- [Editing - Edit Dialog](\{environment:SamplesUrl\}/hierarchical-grid/row-edit-dialog): This sample demonstrates how to use the updating feature with edit dialog. +- [Load On Demand](\{environment:SamplesUrl\}/hierarchical-grid/load-on-demand): This sample demonstrates how to use Load On Demand. diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-local-data.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-local-data.mdx index b2dc8e1fa5..cf8eb86dd3 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-local-data.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-local-data.mdx @@ -2,6 +2,9 @@ title: "igHierarchicalGrid Binding to Local Data" slug: ighierarchicalgrid-binding-to-local-data --- + +# igHierarchicalGrid Binding to Local Data + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igHierarchicalGrid Binding to Local Data @@ -65,7 +68,7 @@ Instead of defining the `columnLayouts` you could set the `autoGenerateLayouts` You can refer to the below sample that demonstrates the end result. <div class="embed-sample"> - [Hierarchical Grid JSON Binding]({environment:SamplesEmbedUrl}/hierarchical-grid/json-binding) + [Hierarchical Grid JSON Binding](\{environment:SamplesEmbedUrl\}/hierarchical-grid/json-binding) </div> ## <a id="xml"></a> Binding to XML data @@ -142,7 +145,7 @@ You can then assign this data source to the dataSource of the igHierarchicalGrid You can refer to the below sample that demonstrates the result of this configuration. <div class="embed-sample"> - [Hierarchical Grid XML Binding]({environment:SamplesEmbedUrl}/hierarchical-grid/xml-binding) + [Hierarchical Grid XML Binding](\{environment:SamplesEmbedUrl\}/hierarchical-grid/xml-binding) </div> ### <a id='related'></a> Related Content diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-rest-services.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-rest-services.mdx index 88b275300d..7211b56968 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-rest-services.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-rest-services.mdx @@ -2,6 +2,9 @@ title: "Binding igHierarchicalGrid to REST Services" slug: ighierarchicalgrid-binding-to-rest-services --- + +# Binding igHierarchicalGrid to REST Services + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Binding igHierarchicalGrid to REST Services @@ -108,7 +111,7 @@ The following screenshot is a preview of the final result. To complete the procedure, you need the following: -- {environment:ProductName} JavaScript and Theme Files +- \{environment:ProductName\} JavaScript and Theme Files ## Steps @@ -148,7 +151,7 @@ $.ig.loader({ }); ``` -> **Note:** The Infragistics loader is a quick and efficient way to reference the required files. However, you can reference them manually. For more information, see the "[Using JavaScript Resouces in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx)" topic in the [Related Content](#related-content) section. +> **Note:** The Infragistics loader is a quick and efficient way to reference the required files. However, you can reference them manually. For more information, see the "[Using JavaScript Resouces in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx)" topic in the [Related Content](#related-content) section. ### Step ​4. Initialize the *igHierarchicalGrid*. diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-webapi.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-webapi.mdx index c03be67979..4553a9a5e0 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-webapi.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/bind/binding-to-webapi.mdx @@ -76,7 +76,7 @@ To complete the procedure, you need the following: - MVC 4 Framework installed - Northwind Database installed - Infragistics.Web.Mvc.dll -- {environment:ProductName} JavaScript and Theme Files +- \{environment:ProductName\} JavaScript and Theme Files ### Steps @@ -95,8 +95,8 @@ The following steps demonstrate how to bind igHierarchicalGrid to MVC 4 Web API. - Right click on the References folder and choose Add Reference… - Locate the `Infragistics.Web.Mvc.dll` from the .NET tab or alternatively Browse for it. -3. Add reference to {environment:ProductName} Scripts - - Copy the {environment:ProductName} distributable files to your project Scripts directory +3. Add reference to \{environment:ProductName\} Scripts + - Copy the \{environment:ProductName\} distributable files to your project Scripts directory - In the `_Layout.cshtml` file under the `Views\Shared` folder add the reference to Infragistics loader **In HTML:** @@ -205,7 +205,7 @@ Define the Infragistics loader @Html.Infragistics().Loader().ScriptPath("~/Scripts/Infragistics/js/").CssPath("~/Scripts/Infragistics /css/").Render() ``` -> Note: You must change the `ScriptPath` and `CssPath` to match your {environment:ProductName} file locations. +> Note: You must change the `ScriptPath` and `CssPath` to match your \{environment:ProductName\} file locations. Define the grid: diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/configuring-knockout-support.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/configuring-knockout-support.mdx index 5a52a934a0..090a0af9b3 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/configuring-knockout-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/configuring-knockout-support.mdx @@ -2,6 +2,9 @@ title: "Configuring Knockout Support (igHierarchicalGrid)" slug: ighierarchicalgrid-configuring-knockout-support --- + +# Configuring Knockout Support (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Knockout Support (igHierarchicalGrid) @@ -56,7 +59,7 @@ The following example demonstrates the basic configuration of an `igHierarchica In this implementation, the first row of the hierarchical grid parent/child layout is bound using a standard two-way binding. <div class="embed-sample"> - [Hierarchical Grid KnockoutJS Configuration]({environment:SamplesEmbedUrl}/hierarchical-grid/bind-hgrid-with-ko) + [Hierarchical Grid KnockoutJS Configuration](\{environment:SamplesEmbedUrl\}/hierarchical-grid/bind-hgrid-with-ko) </div> ## <a id="related-topics"></a> Related Topics diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/events-api.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/events-api.mdx index 4aef0a457c..4d701fcde8 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/events-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/events-api.mdx @@ -2,6 +2,9 @@ title: "Event Reference (igHierarchicalGrid)" slug: ighierarchicalgrid-events-api --- + +# Event Reference (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Event Reference (igHierarchicalGrid) diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/columns-and-layouts.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/columns-and-layouts.mdx index 56ccd9fa38..ebab6e4db6 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/columns-and-layouts.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/columns-and-layouts.mdx @@ -2,6 +2,9 @@ title: "Columns and Layouts (igHierarchicalGrid)" slug: ighierarchicalgrid-columns-and-layouts --- + +# Columns and Layouts (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Columns and Layouts (igHierarchicalGrid) diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/feature-inheritance.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/feature-inheritance.mdx index 8752f9e65d..968d8cb4db 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/feature-inheritance.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/feature-inheritance.mdx @@ -2,6 +2,9 @@ title: "Feature Inheritance (igHierarchicalGrid)" slug: ighierarchicalgrid-feature-inheritance --- + +# Feature Inheritance (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Feature Inheritance (igHierarchicalGrid) diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/custom.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/custom.mdx index 36dafd5fb9..613f898437 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/custom.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/custom.mdx @@ -6,7 +6,6 @@ slug: ighierarchicalgrid-grouping-custom # Configuring Custom Grouping (igHierarchicalGrid) - ## Topic Overview #### Purpose diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/overview.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/overview.mdx index d735850906..d17465bb92 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/overview.mdx @@ -2,6 +2,9 @@ title: "Grouping Overview (igHierarchicalGrid)" slug: ighierarchicalgrid-grouping-overview --- + +# Grouping Overview (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Grouping Overview (igHierarchicalGrid) diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/with-summaries.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/with-summaries.mdx index fd9ed578db..0178d18b96 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/with-summaries.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/grouping/with-summaries.mdx @@ -2,6 +2,9 @@ title: "Grouping with Summaries (igHierarchicalGrid)" slug: ighierarchicalgrid-grouping-with-summaries --- + +# Grouping with Summaries (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Grouping with Summaries (igHierarchicalGrid) diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/load-on-demand.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/load-on-demand.mdx index 750ac7423b..1a5f5cc935 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/load-on-demand.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/load-on-demand.mdx @@ -2,6 +2,9 @@ title: "Load-on-Demand (igHierarchicalGrid)" slug: ighierarchicalgrid-load-on-demand --- + +# Load-on-Demand (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Load-on-Demand (igHierarchicalGrid) @@ -28,9 +31,9 @@ This topic contains the following sections: ## <a id="introduction"></a> Introduction If Load On Demand is disabled on the client, the whole data set will be retrieved from the server; if it is enabled, only the needed data set will be retrieved. With JSON format, when Load On Demand is enabled, a JSON file without child data will be generated. -Load On Demand works differently for igHierarchicalGrid, depending on whether you are using {environment:ProductName} or {environment:ProductNameMVC}. The jQuery widget doesn’t have a specific property for Load On Demand, but can achieve this effect using the oData protocol, meaning the data must come from a remote server supporting that protocol. +Load On Demand works differently for igHierarchicalGrid, depending on whether you are using \{environment:ProductName\} or \{environment:ProductNameMVC\}. The jQuery widget doesn’t have a specific property for Load On Demand, but can achieve this effect using the oData protocol, meaning the data must come from a remote server supporting that protocol. -The {environment:ProductNameMVC} hierarchical grid, on the other hand, has a Load On Demand property that if set to true will make the control send data only for the requested layout to the client. +The \{environment:ProductNameMVC\} hierarchical grid, on the other hand, has a Load On Demand property that if set to true will make the control send data only for the requested layout to the client. The text blocks that follow demonstrate how to implement each of these two approaches. @@ -187,4 +190,4 @@ For the two examples above (Code Listing 1 and Code Listing 2), the data has the - <ApiLink type="ighierarchicalgrid" label="igHierarchicalGrid Properties Reference" /> ## <a id="relSamples"></a> Related Samples -- [igHierarchicalGrid Load On Demand]({environment:SamplesUrl}/hierarchical-grid/load-on-demand) \ No newline at end of file +- [igHierarchicalGrid Load On Demand](\{environment:SamplesUrl\}/hierarchical-grid/load-on-demand) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/multicolumnheaders-configuring.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/multicolumnheaders-configuring.mdx index 76fd481f26..6531670d89 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/multicolumnheaders-configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/multicolumnheaders-configuring.mdx @@ -2,6 +2,9 @@ title: "Configuring Multi-Column Headers (igHierarchicalGrid)" slug: ighierarchicalgrid-multicolumnheaders-configuring --- + +# Configuring Multi-Column Headers (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Multi-Column Headers (igHierarchicalGrid) @@ -253,7 +256,7 @@ To complete the procedure, you need the following: - MVC 4 Framework or newer installed - Northwind Database installed - Infragistics.Web.Mvc.dll added to an ASP.NET MVC project -- {environment:ProductName} JavaScript and theme files added to an ASP.NET MVC project +- \{environment:ProductName\} JavaScript and theme files added to an ASP.NET MVC project ### Steps diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/configuring-rowselectors.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/configuring-rowselectors.mdx index e039345eda..b5c7aae445 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/configuring-rowselectors.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/configuring-rowselectors.mdx @@ -2,6 +2,9 @@ title: "Configuring Row Selectors (igHieararchicalGrid)" slug: ighierarchicalgrid-configuring-rowselectors --- + +# Configuring Row Selectors (igHieararchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Row Selectors (igHieararchicalGrid) @@ -384,4 +387,4 @@ The following topics provide additional information related to this topic. ### Samples The following samples provide additional information related to this topic. -- [Row Selectors]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): Demonstrates the usage of `RowSelectors` in igHierarchicalGrid. +- [Row Selectors](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): Demonstrates the usage of `RowSelectors` in igHierarchicalGrid. diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/enabling-rowselectors.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/enabling-rowselectors.mdx index 61147e4b0b..a3df8a594c 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/enabling-rowselectors.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/enabling-rowselectors.mdx @@ -225,5 +225,5 @@ Additional topics providing information related to this topic. ### Samples The following samples provide additional information related to this topic. -- [Row Selectors]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): Demonstrates the usage of RowSelectors in igHierarchicalGrid. +- [Row Selectors](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): Demonstrates the usage of RowSelectors in igHierarchicalGrid. diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/events.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/events.mdx index 98c834d166..7964368c01 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/events.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/row-selectors/events.mdx @@ -2,6 +2,9 @@ title: "Event Reference (Row Selectors, igHierarchicalGrid)" slug: ighierarchicalgrid-rowselectors-events --- + +# Event Reference (Row Selectors, igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Event Reference (Row Selectors, igHierarchicalGrid) @@ -112,7 +115,7 @@ $("#grid").igHierarchicalGrid({ ## <a id="example_attaching_event_handler_mvc"></a> Code Example: Attaching an Event Handler in jQuery and MVC at Run-Time ### Description -When using {environment:ProductNameMVC}, you can attach event handlers at runtime using the jQuery `on()` method. +When using \{environment:ProductNameMVC\}, you can attach event handlers at runtime using the jQuery `on()` method. **In JavaScript:** @@ -123,7 +126,7 @@ $("#grid").on("iggridrowselectorsrowselectorclicked", function (e, args) { ); ``` -This option is available when using {environment:ProductNameMVC} as well, but {environment:ProductNameMVC} also exposes another way with the `AddClientEvent` method. The first method argument accepts the string name of the event’s option and the second accepts the string name of the event handler function. +This option is available when using \{environment:ProductNameMVC\} as well, but \{environment:ProductNameMVC\} also exposes another way with the `AddClientEvent` method. The first method argument accepts the string name of the event’s option and the second accepts the string name of the event handler function. While this approach serves the majority of use cases, the second argument of the `AddClientEvent` method also accepts a string of JavaScript code to execute as well as a string representing the full JavaScript function as demonstrated in step 2 without the script element tags. @@ -194,7 +197,7 @@ Refer to the following topics for additional information. The following samples provide additional information related to this topic. -- [**Row Selectors**]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): Demonstrates the usage of RowSelectors in igHierarchicalGrid. +- [**Row Selectors**](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): Demonstrates the usage of RowSelectors in igHierarchicalGrid. diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-features-selection-enabling-ighierarchical-grid-selection.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-features-selection-enabling-ighierarchical-grid-selection.mdx index 55faa23b5a..2a00285f41 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-features-selection-enabling-ighierarchical-grid-selection.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-features-selection-enabling-ighierarchical-grid-selection.mdx @@ -239,4 +239,4 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Selection]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): This sample demonstrates configuration of selection in igHierarchicalGrid. \ No newline at end of file +- [Selection](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): This sample demonstrates configuration of selection in igHierarchicalGrid. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selecting-and-deselecting-rows-and-cell-programmatically-in-ighierarchicalgrid.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selecting-and-deselecting-rows-and-cell-programmatically-in-ighierarchicalgrid.mdx index 6e251e90ed..2e88306598 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selecting-and-deselecting-rows-and-cell-programmatically-in-ighierarchicalgrid.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selecting-and-deselecting-rows-and-cell-programmatically-in-ighierarchicalgrid.mdx @@ -2,6 +2,9 @@ title: "Selecting and Deselecting Rows and Cells Programmatically (igHierarchicalGrid)" slug: jquery-ighierarchical-grid-selecting-and-deselecting-rows-and-cell-programmatically-in-ighierarchicalgrid --- + +# Selecting and Deselecting Rows and Cells Programmatically (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Selecting and Deselecting Rows and Cells Programmatically (igHierarchicalGrid) @@ -144,7 +147,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Selection]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): This sample demonstrates configuration of selection feature in igHierarchicalGrid. +- [Selection](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): This sample demonstrates configuration of selection feature in igHierarchicalGrid. diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selection-overview.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selection-overview.mdx index 764e780a88..2f174f1de3 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selection-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selection-overview.mdx @@ -74,7 +74,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Selection]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): This sample demonstrates configuration of selection feature in igHierarchicalGrid. +- [Selection](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): This sample demonstrates configuration of selection feature in igHierarchicalGrid. ### Resources diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/virtualization/enabling-and-configuring-virtualization.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/virtualization/enabling-and-configuring-virtualization.mdx index 15a84a2c6d..8851a8248a 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/virtualization/enabling-and-configuring-virtualization.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/features/virtualization/enabling-and-configuring-virtualization.mdx @@ -2,6 +2,9 @@ title: "Enabling and Configuring Virtualization (igHierarchicalGrid)" slug: ighierarchicalgrid-enabling-and-configuring-virtualization --- + +# Enabling and Configuring Virtualization (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Enabling and Configuring Virtualization (igHierarchicalGrid) diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/ighierarchicalgrid.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/ighierarchicalgrid.mdx index b344295c42..e05591c948 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/ighierarchicalgrid.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/ighierarchicalgrid.mdx @@ -6,7 +6,6 @@ slug: ighierarchicalgrid-ighierarchicalgrid # igHierarchicalGrid - Click on the links below to find information on how to get igHierarchicalGrid quickly up and running. - [igHierarchicalGrid Overview](/ighierarchicalgrid-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/initializing.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/initializing.mdx index d216fd9e25..37769c39ce 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/initializing.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/initializing.mdx @@ -2,6 +2,9 @@ title: "Initializing igHierarchicalGrid" slug: ighierarchicalgrid-initializing --- + +# Initializing igHierarchicalGrid + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Initializing igHierarchicalGrid @@ -58,7 +61,7 @@ Following is a preview of the final result. - A reference to the MVC dll (stores the MVC IG wrappers) ### Scripting Requirements -The required scripts for the jQuery and MVC samples are the same because {environment:ProductNameMVC} renders jQuery widgets. +The required scripts for the jQuery and MVC samples are the same because \{environment:ProductNameMVC\} renders jQuery widgets. The following scripts are required to run the grid and its grouping functionality: @@ -88,7 +91,7 @@ For the purpose of this example only: The sample below demonstrates how to bind igHierarchicalGrid to JSON data source. <div class="embed-sample"> - [igHierarchicalGrid JSON Binding]({environment:SamplesEmbedUrl}/hierarchical-grid/json-binding) + [igHierarchicalGrid JSON Binding](\{environment:SamplesEmbedUrl\}/hierarchical-grid/json-binding) </div> ## <a id="initializing-mvc"></a>Initializing an MVC igHierarchicalGrid diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/jquery-ighierarchical-grid-expanding-and-collapsing-rows-programmatically-in-ighierarchicalgrid.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/jquery-ighierarchical-grid-expanding-and-collapsing-rows-programmatically-in-ighierarchicalgrid.mdx index 35cf2e49d0..5dde6a7692 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/jquery-ighierarchical-grid-expanding-and-collapsing-rows-programmatically-in-ighierarchicalgrid.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/jquery-ighierarchical-grid-expanding-and-collapsing-rows-programmatically-in-ighierarchicalgrid.mdx @@ -2,6 +2,9 @@ title: "Expanding and Collapsing Rows Programmatically (igHierarchicalGrid)" slug: jquery-ighierarchical-grid-expanding-and-collapsing-rows-programmatically-in-ighierarchicalgrid --- + +# Expanding and Collapsing Rows Programmatically (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Expanding and Collapsing Rows Programmatically (igHierarchicalGrid) diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/known-issues.mdx index 2db16a0727..aab42ee036 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/known-issues.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations (igHierarchicalGrid)" slug: ighierarchicalgrid-known-issues --- + +# Known Issues and Limitations (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations (igHierarchicalGrid) diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/overview.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/overview.mdx index 3505516fde..b74c6569ae 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/overview.mdx @@ -5,8 +5,6 @@ slug: ighierarchicalgrid-overview # igHierarchicalGrid Overview -# Topic Overview - ## Purpose This topic provides conceptual information about the igHierarchicalGrid™ including information regarding features, binding to data sources, requirements, templates, and interaction. @@ -22,9 +20,9 @@ This topic contains the following sections: - [Inheritance](#inheritance) - [Events API](#events-api) - [Styling and Theming](#styling-theming) -- [Adding igHierarchicalGrid using the {environment:ProductFamilyName} CLI](#adding-using-CLI) -- [Adding igHierarachicalGrid configured for Excel Exporting using the {environment:ProductFamilyName} CLI](#exporting-with-CLI) -- [{environment:ProductNameMVC}](#aspnet-mvc-helper) +- [Adding igHierarchicalGrid using the \{environment:ProductFamilyName\} CLI](#adding-using-CLI) +- [Adding igHierarachicalGrid configured for Excel Exporting using the \{environment:ProductFamilyName\} CLI](#exporting-with-CLI) +- [\{environment:ProductNameMVC\}](#aspnet-mvc-helper) - [Binding Requirements](#binding-requirements) # Introduction @@ -86,7 +84,7 @@ If you want to load only the visible data, the igHierarchicalGrid allows you to - [igHierarchicalGrid Load on Demand](/features/ighierarchicalgrid-load-on-demand.mdx) ### Related samples -- [igHierarchicalGrid Load on Demand]({environment:SamplesUrl}/hierarchical-grid/load-on-demand) +- [igHierarchicalGrid Load on Demand](\{environment:SamplesUrl\}/hierarchical-grid/load-on-demand) ## <a id="inheritance"></a> Inheritance @@ -110,14 +108,14 @@ The igHierarchicalGrid has plenty of properties that allow you to change the ani - [igHierarchicalGrid Styling and Theming](/ighierarchicalgrid-styling-and-theming.mdx) -## <a id="adding-using-CLI"></a> Adding igHierarchicalGrid using the {environment:ProductFamilyName} CLI -The easiest way to add a new igHierarchicalGrid to your application is via the {environment:ProductFamilyName} CLI. +## <a id="adding-using-CLI"></a> Adding igHierarchicalGrid using the \{environment:ProductFamilyName\} CLI +The easiest way to add a new igHierarchicalGrid to your application is via the \{environment:ProductFamilyName\} CLI. -To install the {environment:ProductFamilyName} CLI: +To install the \{environment:ProductFamilyName\} CLI: ``` npm install -g igniteui-cli ``` -Once the {environment:ProductFamilyName} CLI is installed the commands for generating an {environment:ProductName} project, adding a new igHierarchicalGrid component, building and serving the project are as following: +Once the \{environment:ProductFamilyName\} CLI is installed the commands for generating an \{environment:ProductName\} project, adding a new igHierarchicalGrid component, building and serving the project are as following: ``` ig new <project name> --framework=jquery cd <project name> @@ -129,16 +127,16 @@ Additionally, you can add an igHierarchicalGrid with Updating feature configured ``` ig add hierarchical-grid-editing newHierarchicalGridEditing ``` - For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. + For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. -## <a id="exporting-with-CLI"></a> Adding igHierarachicalGrid configured for Excel Exporting using the {environment:ProductFamilyName} CLI +## <a id="exporting-with-CLI"></a> Adding igHierarachicalGrid configured for Excel Exporting using the \{environment:ProductFamilyName\} CLI -The easiest way to add a new igHierarachicalgrid with exporting configured is via the {environment:ProductFamilyName} CLI. -To install the {environment:ProductFamilyName} CLI: +The easiest way to add a new igHierarachicalgrid with exporting configured is via the \{environment:ProductFamilyName\} CLI. +To install the \{environment:ProductFamilyName\} CLI: ``` npm install -g igniteui-cli ``` -Once the {environment:ProductFamilyName} CLI is installed the commands for generating an {environment:ProductName} project, adding a new igHierarachicalGrid configured for Excel Exporting, building and serving the project are as following: +Once the \{environment:ProductFamilyName\} CLI is installed the commands for generating an \{environment:ProductName\} project, adding a new igHierarachicalGrid configured for Excel Exporting, building and serving the project are as following: ``` ig new <project name> --framework=jquery @@ -146,18 +144,18 @@ cd <project name> ig add hierarchical-grid-export newHierarchicalGridExport ig start ``` -For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. +For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. -## <a id="aspnet-mvc-helper"></a> {environment:ProductNameMVC} +## <a id="aspnet-mvc-helper"></a> \{environment:ProductNameMVC\} -You can use {environment:ProductNameMVC} for managed code languages to configure the igHierarchicalGrid. The MVC wrapper for the igHierarchicalGrid uses the same code as the flat igGrid wrapper. That’s why, as it is in the flat igGrid, the features’ logic is automatically handled by the MVC wrapper and you don’t need to create implementation for features like paging, sorting, filtering, summaries, as the requests It from these features are handled internally. +You can use \{environment:ProductNameMVC\} for managed code languages to configure the igHierarchicalGrid. The MVC wrapper for the igHierarchicalGrid uses the same code as the flat igGrid wrapper. That’s why, as it is in the flat igGrid, the features’ logic is automatically handled by the MVC wrapper and you don’t need to create implementation for features like paging, sorting, filtering, summaries, as the requests It from these features are handled internally. ### Related Topics - [Initializing the igHierarchicalGrid](/ighierarchicalgrid-initializing.mdx) ## <a id="binding-requirements"></a> Binding Requirements -The igHierarchicalGrid is a jQuery UI Widget and therefore has a requirement for the jQuery and jQuery UI JavaScript libraries. In addition, there are several {environment:ProductName} JavaScript resources that the igHierarchicalGrid uses for shared functionality and data binding. These JavaScript references are required whether the igHierarchicalGrid is used in JavaScript or in ASP.NET MVC. When using the igHierarchicalGrid in ASP.NET MVC, the Infragistics.Web.Mvc assembly is required to configure the igHierarchicalGrid with .NET languages. +The igHierarchicalGrid is a jQuery UI Widget and therefore has a requirement for the jQuery and jQuery UI JavaScript libraries. In addition, there are several \{environment:ProductName\} JavaScript resources that the igHierarchicalGrid uses for shared functionality and data binding. These JavaScript references are required whether the igHierarchicalGrid is used in JavaScript or in ASP.NET MVC. When using the igHierarchicalGrid in ASP.NET MVC, the Infragistics.Web.Mvc assembly is required to configure the igHierarchicalGrid with .NET languages. Data structures can be any of the following: - Well-formed JSON or XML supplied locally or from a web server, including servers that supports oData protocol. diff --git a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/styling-and-theming.mdx index fa94e332b3..2058f9f685 100644 --- a/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/ighierarchicalgrid/styling-and-theming.mdx @@ -2,6 +2,9 @@ title: "Styling igHierarchicalGrid" slug: ighierarchicalgrid-styling-and-theming --- + +# Styling igHierarchicalGrid + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Styling igHierarchicalGrid @@ -32,7 +35,7 @@ All the jQuery controls use the jQuery UI CSS Framework class conventions. The i ## <a id="styling_using_themes"></a> Styling Using Themes ### <a id="required_css"></a> Required CSS and Themes -The {environment:ProductName}™ Hierarchical grid, like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in {environment:ProductName} are custom jQuery UI themes called Infragistics and Metro. These themes provide a professional and attractive design to all Infragistics and standard jQuery UI widgets. +The \{environment:ProductName\}™ Hierarchical grid, like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in \{environment:ProductName\} are custom jQuery UI themes called Infragistics and Metro. These themes provide a professional and attractive design to all Infragistics and standard jQuery UI widgets. In addition to the Infragistics and Metro themes, there is a structure directory, which is required for the basic CSS layout of the Infragistics widgets. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/accessibility-compliance.mdx index f437c88147..77aeafc3ba 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/accessibility-compliance.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-accessibility-compliance # Accessibility Compliance - ##Topic Overview @@ -28,7 +27,7 @@ The following topics are prerequisites to understanding this topic: ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igHtmlEditor` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igHtmlEditor` control complies with each rule. To meet the requirements for each accessibility rule, in some cases, you may need to interact with the control by setting a specific option, but in other cases the control does the work for you. @@ -58,7 +57,7 @@ Rules|Rule Text|How We Comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all {environment:ProductName} controls. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all \{environment:ProductName\} controls. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/adding-ightmleditor.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/adding-ightmleditor.mdx index bbcc4a9db8..73122fcf9d 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/adding-ightmleditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/adding-ightmleditor.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-adding-ightmleditor # Adding igHtmlEditor - ##Topic Overview @@ -20,7 +19,7 @@ The following table lists the topics required as a prerequisite to understanding - [igHtmlEditor Overview](/ightmleditor-overview.mdx): This topic provides an overview of the `igHtmlEditor` and its features. -- [Using Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx): This topic explains how to manage the required resources to work with {environment:ProductName} using the Infragistics Loader. +- [Using Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx): This topic explains how to manage the required resources to work with \{environment:ProductName\} using the Infragistics Loader. ##Adding a igHtmlEditor to Web Page @@ -65,7 +64,7 @@ The following steps demonstrate how to add the `igHtmlEditor` to a web page. 2. <a id="initialize-htmlEditor"></a> Initialize the igHtmlEditor in JavaScript. - If you are using Infragistics {environment:ProductNameMVC} then you should instantiate `igHtmlEditor` in ASP.NET MVC View as shown in step 3. + If you are using Infragistics \{environment:ProductNameMVC\} then you should instantiate `igHtmlEditor` in ASP.NET MVC View as shown in step 3. 1. Define the HTML placeholder for the editor @@ -87,7 +86,7 @@ The following steps demonstrate how to add the `igHtmlEditor` to a web page. }); ``` - >**Note:** The Infragistics loader is a quick and efficient way to reference the required files. However, you can reference them manually. For more information, see the "[Using JavaScript Resouces in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx)" topic in the [Related Content](#related-content) section. + >**Note:** The Infragistics loader is a quick and efficient way to reference the required files. However, you can reference them manually. For more information, see the "[Using JavaScript Resouces in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx)" topic in the [Related Content](#related-content) section. 3. Initialize the igHtmlEditor @@ -111,7 +110,7 @@ The following steps demonstrate how to add the `igHtmlEditor` to a web page. @(Html.Infragistics().Loader().ScriptPath(Url.Content ("js")).CssPath(Url.Content("css")).Render()) ``` - The Resources method invocation is not required when using the {environment:ProductNameMVC} Loader because the loader infers which resources to include based off of the other {environment:ProductNameMVC} helpers used in a given View. This is only valid if the {environment:ProductName} controls are also instantiated with {environment:ProductNameMVC}. + The Resources method invocation is not required when using the \{environment:ProductNameMVC\} Loader because the loader infers which resources to include based off of the other \{environment:ProductNameMVC\} helpers used in a given View. This is only valid if the \{environment:ProductName\} controls are also instantiated with \{environment:ProductNameMVC\}. 2. Initialize the igHtmlEditor @@ -133,16 +132,16 @@ The following topics provide additional information related to this topic. - [Styling and Theming (igHtmlEditor)](/ightmleditor-styling-and-theming.mdx): This topic explains, with code examples, how to customize the look-and-feel of the `igHtmlEditor`. -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the {environment:ProductName} within a Web application. +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the \{environment:ProductName\} within a Web application. ### Samples The following samples provide additional information related to this topic. -- [Edit Content]({environment:SamplesUrl}/html-editor/edit-content): In this forum post example, an initial piece of content provided in the HTML Editor. +- [Edit Content](\{environment:SamplesUrl\}/html-editor/edit-content): In this forum post example, an initial piece of content provided in the HTML Editor. -- [Custom Toolbars and Buttons]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. +- [Custom Toolbars and Buttons](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/api-reference.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/api-reference.mdx index 29eee1e47e..d84fd03ff4 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/api-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/api-reference.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-api-reference # igHtmlEditor API Reference - ##Topic Overview @@ -96,8 +95,8 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Edit Content]({environment:SamplesUrl}/html-editor/edit-content): In this forum post example, an initial piece of content provided in the HTML Editor. +- [Edit Content](\{environment:SamplesUrl\}/html-editor/edit-content): In this forum post example, an initial piece of content provided in the HTML Editor. -- [Custom Toolbars and Buttons]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. +- [Custom Toolbars and Buttons](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. - [API and Events](ightmleditor-modifying-contents-programmatically#api-and-events-demo): This sample demonstrates how to handle events in the Html Editor control and API usage. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/asp-net-mvc-helper-api.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/asp-net-mvc-helper-api.mdx index 61da4dcdc7..ae4b1b41cc 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/asp-net-mvc-helper-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/asp-net-mvc-helper-api.mdx @@ -2,6 +2,9 @@ title: "API Reference Links" slug: ightmleditor-asp-net-mvc-helper-api --- + +# API Reference Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # API Reference Links diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/adding-button-to-custom-toolbar.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/adding-button-to-custom-toolbar.mdx index 100a67151e..39a39a39ea 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/adding-button-to-custom-toolbar.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/adding-button-to-custom-toolbar.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-adding-button-to-custom-toolbar # Adding a Button to a Custom Toolbar - ##Topic Overview @@ -282,7 +281,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Custom Toolbars and Buttons]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. +- [Custom Toolbars and Buttons](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/adding-combo-to-custom-toolbar.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/adding-combo-to-custom-toolbar.mdx index 063ca59e79..62fea808f0 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/adding-combo-to-custom-toolbar.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/adding-combo-to-custom-toolbar.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-adding-combo-to-custom-toolbar # Adding a Combo Box to a Custom Toolbar - ##Topic Overview @@ -272,7 +271,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Custom Toolbars and Buttons]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. +- [Custom Toolbars and Buttons](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/configuring-custom-toolbars.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/configuring-custom-toolbars.mdx index 4c7d64d2d5..ab6c10a41a 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/configuring-custom-toolbars.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/configuring-custom-toolbars.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-configuring-custom-toolbars # Configuring Custom Toolbars - ##Topic Overview @@ -248,7 +247,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Custom Toolbars and Buttons]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. +- [Custom Toolbars and Buttons](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/custom-toolbars.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/custom-toolbars.mdx index ea0878cf66..9599e0546b 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/custom-toolbars.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/custom-toolbars/custom-toolbars.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-custom-toolbars # Custom Toolbars - ##In This Group of Topics diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/known-issues.mdx index 2c2545fac3..519e046da2 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/known-issues.mdx @@ -15,7 +15,7 @@ This topic lists the known issues and limitations of the `igHtmlEditor`™ contr The following topics are prerequisites to understanding this topic: -- [Known Issues](//known-issues/known-issues-revision-history/revision-history.mdx): Provides reference information for known issues and limitations of all {environment:ProductName} controls. +- [Known Issues](//known-issues/known-issues-revision-history/revision-history.mdx): Provides reference information for known issues and limitations of all \{environment:ProductName\} controls. ##Known Issues and Limitations @@ -121,7 +121,7 @@ The following topics provide additional information related to this topic. - [Accessibility Compliance(igHtmlEditor)](/ightmleditor-accessibility-compliance.mdx): This topic explains the accessibility features of the `igHtmlEditor` and gives information on how to achieve accessibility compliance for pages containing `igHtmlEditor`. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all {environment:ProductName} controls. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all \{environment:ProductName\} controls. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/overview.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/overview.mdx index 5a9138cdc8..7eca8532ce 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/overview.mdx @@ -151,9 +151,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Edit Content]({environment:SamplesUrl}/html-editor/edit-content): In this forum post example, an initial piece of content provided in the HTML Editor. +- [Edit Content](\{environment:SamplesUrl\}/html-editor/edit-content): In this forum post example, an initial piece of content provided in the HTML Editor. -- [Custom Toolbars and Buttons]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. +- [Custom Toolbars and Buttons](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. - [API and Events](ightmleditor-modifying-contents-programmatically#api-and-events-demo): This sample demonstrates how to handle events in the Html Editor control and API usage. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/styling-and-theming.mdx index 01cc0f1756..c05a4f1989 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/styling-and-theming.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-styling-and-theming # Styling and Theming - ##Topic Overview @@ -28,7 +27,7 @@ The following table lists the topics, concepts, and articles required as a prere - [Configuring Toolbars and Buttons](/working/ightmleditor-configuring-toolbars-and-buttons.mdx): This topic explains how to configure the `igHtmlEditor` toolbars and buttons. -- [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): This topic provides instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. +- [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): This topic provides instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. **External Resources** @@ -64,9 +63,9 @@ In the following screenshot you can see the `igHtmlEditor` with custom button ic ### Introduction -{environment:ProductName}™ utilizes the jQuery UI CSS Framework for styling and theming purposes. Infragistics and metro are jQuery UI themes provided by Infragistics for use in your application. +\{environment:ProductName\}™ utilizes the jQuery UI CSS Framework for styling and theming purposes. Infragistics and metro are jQuery UI themes provided by Infragistics for use in your application. -Detailed information for applying these themes is available in the [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. +Detailed information for applying these themes is available in the [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. The `igHtmlEditor` specifically is not supported with jQuery UI themes and the Theme Roller tool because the styles of the jQuery UI themes override the `igHtmlEditor` button styles causing the buttons display incorrect icons from the jQuery UI themes. @@ -86,7 +85,7 @@ The following table summarizes the themes available for the `igHtmlEditor`. <tr> <td>IG Theme</td> <td>Path: {IG CSS root}/themes/Infragistics/ File: infragistics.theme.css</td> - <td>This theme defines general visual features for all {environment:ProductName} controls.</td> + <td>This theme defines general visual features for all \{environment:ProductName\} controls.</td> </tr> <tr> @@ -160,7 +159,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Custom Icons and Styles]({environment:SamplesUrl}/html-editor/custom-icons-and-styles): Since the `igHtmlEditor` control doesn't support the jQuery UI CSS Framework for styling, the standard Infragistics theme and the Windows UI themes are supported by default. This sample demonstrates how to customize `igHtmlEditor` look and feel by using CSS styles. +- [Custom Icons and Styles](\{environment:SamplesUrl\}/html-editor/custom-icons-and-styles): Since the `igHtmlEditor` control doesn't support the jQuery UI CSS Framework for styling, the standard Infragistics theme and the Windows UI themes are supported by default. This sample demonstrates how to customize `igHtmlEditor` look and feel by using CSS styles. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/angularjs-support.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/angularjs-support.mdx index 3e1ef98c77..24c952990c 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/angularjs-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/angularjs-support.mdx @@ -21,18 +21,18 @@ This topic contains the following sections: The following is a preview of the final result. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/html-editor/angular]({environment:SamplesEmbedUrl}/html-editor/angular) + [\{environment:SamplesEmbedUrl\}/html-editor/angular](\{environment:SamplesEmbedUrl\}/html-editor/angular) </div> ### <a id="Requirements"></a>Requirements In order to run this sample, you need to have: -- The required {environment:ProductName} JavaScript and CSS files -- The {environment:ProductFamilyName} AngularJS directives +- The required \{environment:ProductName\} JavaScript and CSS files +- The \{environment:ProductFamilyName\} AngularJS directives ### <a id="Details"></a>Details In the sample we have an `igHtmlEditor` initialized with its AngularJS directive. The data source of the `igHtmlEditor` is stored in a variable in the AngularJS controller. The same variable holding the data is bound to a HTML `textarea`. When we update the data from the `textarea`, the `igHtmlEditor`'s content is immediately updated. ### <a id="Related_Content"></a>Related Content The following topics provide additional information related to this topic: -- [Using {environment:ProductFamilyName} with AngularJS](../../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx) - This topic contains an overview using the {environment:ProductFamilyName} directives for AngularJS. -- [Conditional and Advanced Templating with AngularJS](../../../10_AngularJS Directives/01_Conditional_and_Advanced_Templating_with_AngularJS.mdx) - This topic explains how to use conditional templates and use advanced templating methods to customize controls created with the {environment:ProductFamilyName} directives for AngularJS. \ No newline at end of file +- [Using \{environment:ProductFamilyName\} with AngularJS](../../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx) - This topic contains an overview using the \{environment:ProductFamilyName\} directives for AngularJS. +- [Conditional and Advanced Templating with AngularJS](../../../10_AngularJS Directives/01_Conditional_and_Advanced_Templating_with_AngularJS.mdx) - This topic explains how to use conditional templates and use advanced templating methods to customize controls created with the \{environment:ProductFamilyName\} directives for AngularJS. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/configuring-toolbars-and-buttons.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/configuring-toolbars-and-buttons.mdx index f78c01771f..061d069bea 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/configuring-toolbars-and-buttons.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/configuring-toolbars-and-buttons.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-configuring-toolbars-and-buttons # Configuring Toolbars and Buttons - ##Topic Overview @@ -446,9 +445,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Edit Content]({environment:SamplesUrl}/html-editor/edit-content): In this forum post example, an initial piece of content provided in the HTML Editor. +- [Edit Content](\{environment:SamplesUrl\}/html-editor/edit-content): In this forum post example, an initial piece of content provided in the HTML Editor. -- [Custom Toolbars and Buttons]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. +- [Custom Toolbars and Buttons](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): This sample demonstrates how the HtmlEditor control works as an email client. This implementation features a custom toolbar where you can add a signature to the message. - [API and Events](ightmleditor-modifying-contents-programmatically#api-and-events-demo): This sample demonstrates how to handle events in the Html Editor control and API usage. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/modifying-contents-programmatically.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/modifying-contents-programmatically.mdx index 321c9624fe..12efc6a180 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/modifying-contents-programmatically.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/modifying-contents-programmatically.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-modifying-contents-programmatically # Modifying Contents Programmatically - ##Topic Overview ### Purpose @@ -292,7 +291,7 @@ The following steps demonstrate how to print the `igHtmlEditor` contents. The following sample demonstrates how to handle events and use the API of the `igHtmlEditor` control: <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/html-editor/api-and-events]({environment:SamplesEmbedUrl}/html-editor/api-and-events) + [\{environment:SamplesEmbedUrl\}/html-editor/api-and-events](\{environment:SamplesEmbedUrl\}/html-editor/api-and-events) </div> ##<a id="related-content"></a>Related Content diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/saving-html-content.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/saving-html-content.mdx index 9ffb3ce1b9..333d0f63b8 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/saving-html-content.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/saving-html-content.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-saving-html-content # Saving the HTML Content Programmatically - ##Topic Overview @@ -72,7 +71,7 @@ The following screenshot is a preview of the final result. To complete the procedure, you need the following: -- An ASP.NET MVC 3 project with included {environment:ProductName} resources +- An ASP.NET MVC 3 project with included \{environment:ProductName\} resources ###<a id="asp-net-mvc-overview"></a> Overview @@ -206,7 +205,7 @@ The following screenshot is a preview of the final result. To complete the procedure, you need the following: -- An ASP.NET MVC 3 project with included {environment:ProductName} resources +- An ASP.NET MVC 3 project with included \{environment:ProductName\} resources ###<a id="ajax-call-overview"></a> Overview @@ -324,7 +323,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Edit Content]({environment:SamplesUrl}/html-editor/edit-content): In this forum post example, an initial piece of content provided in the HTML Editor. +- [Edit Content](\{environment:SamplesUrl\}/html-editor/edit-content): In this forum post example, an initial piece of content provided in the HTML Editor. diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/typescript-support.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/typescript-support.mdx index 45226738d6..1fc5d0731c 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/typescript-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/typescript-support.mdx @@ -27,8 +27,8 @@ The following screenshot is a preview of the final result. ### <a id="Requirements"></a>Requirements In order to run this sample, you need to have: -- The required {environment:ProductName} JavaScript and CSS files -- The required {environment:ProductName} TypeScript definitions +- The required \{environment:ProductName\} JavaScript and CSS files +- The required \{environment:ProductName\} TypeScript definitions ### <a id="Overview"></a>Overview This topic takes you step-by-step toward creating an `igHtmlEditor` and TypeScript code to go with it. @@ -290,4 +290,4 @@ $(function () { ### <a id="Related_Content"></a>Related Content The following topic provides additional information related to this topic: -- [Using {environment:ProductName} with TypeScript](Using-Ignite-UI-with-TypeScript.html) - This topic contains an overview for using the {environment:ProductName} type definitions for TypeScript. \ No newline at end of file +- [Using \{environment:ProductName\} with TypeScript](Using-Ignite-UI-with-TypeScript.html) - This topic contains an overview for using the \{environment:ProductName\} type definitions for TypeScript. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/with-ightmleditor.mdx b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/with-ightmleditor.mdx index 3aaba281c3..16913f9d44 100644 --- a/docs/jquery/src/content/en/topics/controls/ightmleditor/working/with-ightmleditor.mdx +++ b/docs/jquery/src/content/en/topics/controls/ightmleditor/working/with-ightmleditor.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-working-with-ightmleditor # Working with the igHtmlEditor - ### Introduction This section explains how to use the `igHtmlEditor`™. diff --git a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/accessibility-compliance.mdx index e8a8a1f50f..138cbf3567 100644 --- a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/accessibility-compliance.mdx @@ -5,7 +5,6 @@ slug: iglayoutmanager-accessibility-compliance # Accessibility Compliance (igLayoutManager) - ##Topic Overview @@ -26,7 +25,7 @@ The following topics are prerequisites to understanding this topic: ### Introduction -All of the {environment:ProductName}® controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igLayoutManager` control complies with each rule. +All of the \{environment:ProductName\}® controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igLayoutManager` control complies with each rule. To meet the requirements for each accessibility rule, in some cases, you may need to interact with the control by setting a specific option, but, in other cases, the control does the work for you. @@ -48,7 +47,7 @@ Rules|Rule Text|How We Comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for accessibility compliance of all {environment:ProductName} controls. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for accessibility compliance of all \{environment:ProductName\} controls. diff --git a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/adding.mdx b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/adding.mdx index 919cb566f3..9db28d2020 100644 --- a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/adding.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/adding.mdx @@ -2,6 +2,9 @@ title: "Adding igLayoutManager" slug: iglayoutmanager-adding --- + +# Adding igLayoutManager + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igLayoutManager @@ -72,8 +75,8 @@ The following table summarizes the requirements for `igLayoutManager` control. | | | | | --- | --- | --- | | Requirement / Required Resource | Description | What you need to do… | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName} is built on top of these frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the <head> section of your page. | -| igLayoutManager JavaScript resources | The igLayoutManager functionality of the {environment:ProductName} library is distributed across several files. You can load the required resources in one of the following ways: (Recommended) [**Using Infragistics Loader**](//general-and-getting-started/using-infragistics-loader.mdx) (igLoader™). You only need to include a script reference to igLoader on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the {environment:ProductName} library dependences related to the igLayoutManager control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use igLoader). JS Resource | Description | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\} is built on top of these frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the <head> section of your page. | +| igLayoutManager JavaScript resources | The igLayoutManager functionality of the \{environment:ProductName\} library is distributed across several files. You can load the required resources in one of the following ways: (Recommended) [**Using Infragistics Loader**](//general-and-getting-started/using-infragistics-loader.mdx) (igLoader™). You only need to include a script reference to igLoader on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the \{environment:ProductName\} library dependences related to the igLayoutManager control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use igLoader). JS Resource | Description | | infragistics.ui.layoutmanager.js | The igLayoutManager control | | <br/> </td> @@ -82,7 +85,7 @@ The following table summarizes the requirements for `igLayoutManager` control. </tr> <tr> <td>IG theme \*(Optional)\*</td> - <td>This theme contains the visual styles for the {environment:ProductName} library. The theme file is: {IG CSS root}/themes/Infragistics/infragistics.theme.css</td> + <td>This theme contains the visual styles for the \{environment:ProductName\} library. The theme file is: {IG CSS root}/themes/Infragistics/infragistics.theme.css</td> <td></td> </tr> <tr> @@ -94,7 +97,7 @@ The following table summarizes the requirements for `igLayoutManager` control. </table> ->**Note:**It is recommended to use the `igLoader` component to load JavaScript and CSS resources. For information on how to do this, refer to the [Adding Required Resources Automatically with the Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx) topic. In addition to that, in the online [{environment:ProductName} Samples Browser]({environment:SamplesUrl}), you can find some specific examples on how to use the `igLoader` with the `igLayoutManager` component. +>**Note:**It is recommended to use the `igLoader` component to load JavaScript and CSS resources. For information on how to do this, refer to the [Adding Required Resources Automatically with the Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx) topic. In addition to that, in the online [\{environment:ProductName\} Samples Browser](\{environment:SamplesUrl\}), you can find some specific examples on how to use the `igLoader` with the `igLayoutManager` component. ### <a id="steps"></a>Steps @@ -110,7 +113,7 @@ Following are the general conceptual steps for adding `igLayoutManager` to an HT ### <a id="introduction"></a>Introduction -This procedure guides you through the steps of adding an `igLayoutManager` control with Flow layout and default settings to an HTML page. This is a pure HTML/JavaScript implementation. It uses the Infragistics Loader (`igLoader`) component to load all {environment:ProductName} resources needed by the `igLayoutManager` control. The markup is also defined in an HTML page. The `igLayoutManager` initializes directly in the HTML markup (i.e on an `` element with `- ` elements). +This procedure guides you through the steps of adding an `igLayoutManager` control with Flow layout and default settings to an HTML page. This is a pure HTML/JavaScript implementation. It uses the Infragistics Loader (`igLoader`) component to load all \{environment:ProductName\} resources needed by the `igLayoutManager` control. The markup is also defined in an HTML page. The `igLayoutManager` initializes directly in the HTML markup (i.e on an `` element with `- ` elements). For other scenarios, refer to [Configuring igLayoutManager](/iglayoutmanager-configuring-layouts.mdx). @@ -126,8 +129,8 @@ The required resources added and properly referenced. (For a conceptual overview - The required files added to their appropriate locations: - The required jQuery and jQueryUI JavaScript resources added to a folder named Scripts in the directory where your web page resides. - - The {environment:ProductName} CSS files added to a folder named Content/ig (For details, see the [**Styling and Theming {environment:ProductName}**](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). - - The {environment:ProductName} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [**Using JavaScript Resources in {environment:ProductName}**](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). + - The \{environment:ProductName\} CSS files added to a folder named Content/ig (For details, see the [**Styling and Theming \{environment:ProductName\}**](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). + - The \{environment:ProductName\} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [**Using JavaScript Resources in \{environment:ProductName\}**](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). - The required JavaScript resources referenced in the `<head>` section of the page. **In HTML:** @@ -208,7 +211,7 @@ The following steps demonstrate how to add a basic `igLayoutManager` control to ### <a id="js-introduction"></a>Introduction -This procedure guides you through the steps of adding an `igLayoutManager` control with basic functionality to an HTML page using a pure HTML/JavaScript implementation. It uses the Infragistics Loader component to load all {environment:ProductName} resources needed by the `igLayoutManager` control. The `igLayoutManager` initializes as an array of item objects in the control options (i.e. on a blank `` element, and the number of items is provided inside the instance of `igLayoutManager` using the <ApiLink type="iglayoutmanager" label="itemCount" /> property). +This procedure guides you through the steps of adding an `igLayoutManager` control with basic functionality to an HTML page using a pure HTML/JavaScript implementation. It uses the Infragistics Loader component to load all \{environment:ProductName\} resources needed by the `igLayoutManager` control. The `igLayoutManager` initializes as an array of item objects in the control options (i.e. on a blank `` element, and the number of items is provided inside the instance of `igLayoutManager` using the <ApiLink type="iglayoutmanager" label="itemCount" /> property). ### <a id="js-preview"></a>Preview @@ -222,8 +225,8 @@ The required resources added and properly referenced. (For a conceptual overview - The required files added to their appropriate locations: - The required jQuery and jQueryUI JavaScript resources added to a folder named Scripts in the directory where your web page resides. - - The {environment:ProductName} CSS files added to a folder named Content/ig (For details, see the [**Styling and Theming {environment:ProductName}**](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). - - The {environment:ProductName} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [**Using JavaScript Resources in {environment:ProductName}**](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). + - The \{environment:ProductName\} CSS files added to a folder named Content/ig (For details, see the [**Styling and Theming \{environment:ProductName\}**](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). + - The \{environment:ProductName\} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [**Using JavaScript Resources in \{environment:ProductName\}**](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). - The required JavaScript resources referenced in the `<head>` section of the page. **In HTML:** @@ -294,7 +297,7 @@ The following steps demonstrate how to add a basic `igLayoutManager` control wit The following sample demonstrates initializing the Layout Manager control's Border layout from JavaScript, by handling <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> events and assigning content to the created regions. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/layout-manager/border-layout]({environment:SamplesEmbedUrl}/layout-manager/border-layout) + [\{environment:SamplesEmbedUrl\}/layout-manager/border-layout](\{environment:SamplesEmbedUrl\}/layout-manager/border-layout) </div> @@ -316,8 +319,8 @@ The required resources added and properly referenced. (For a conceptual overview - The required files added to their appropriate locations: - The required jQuery and jQueryUI JavaScript resources added to a folder named Scripts in the directory where your web page resides. - - The {environment:ProductName} CSS files added to a folder named Content/ig (For details, see the [**Styling and Theming {environment:ProductName}**](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). - - The {environment:ProductName} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [**Using JavaScript Resources in {environment:ProductName}**](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). + - The \{environment:ProductName\} CSS files added to a folder named Content/ig (For details, see the [**Styling and Theming \{environment:ProductName\}**](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). + - The \{environment:ProductName\} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [**Using JavaScript Resources in \{environment:ProductName\}**](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). - The required JavaScript resources referenced in the `<head>` section of the page. **In HTML:** @@ -401,18 +404,18 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/layout-manager/aspnet-mvc-helper): This sample demonstrates using the ASP.NET MVC helper for the Layout Manager control. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/layout-manager/aspnet-mvc-helper): This sample demonstrates using the ASP.NET MVC helper for the Layout Manager control. -- [Border Layout from HTML Markup]({environment:SamplesUrl}/layout-manager/border-layout-markup): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from the HTML markup by assigning *"center"*/*"left"*/*"right"*/*"header"*/*"footer"* CSS classes. +- [Border Layout from HTML Markup](\{environment:SamplesUrl\}/layout-manager/border-layout-markup): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from the HTML markup by assigning *"center"*/*"left"*/*"right"*/*"header"*/*"footer"* CSS classes. -- [Responsive Column Layout]({environment:SamplesUrl}/layout-manager/column-layout-markup):This sample demonstrates how the `igLayoutManager` control’s Column layout can be used by assigning classes to items thus specifying the area their content will span over. This sample does not use JavaScript initialization code: it is done with CSS and HTML only. +- [Responsive Column Layout](\{environment:SamplesUrl\}/layout-manager/column-layout-markup):This sample demonstrates how the `igLayoutManager` control’s Column layout can be used by assigning classes to items thus specifying the area their content will span over. This sample does not use JavaScript initialization code: it is done with CSS and HTML only. -- [Responsive Flow Layout]({environment:SamplesUrl}/layout-manager/flow-layout): This sample demonstrates the responsiveness of the `igLayoutManager` control’s Flow layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. +- [Responsive Flow Layout](\{environment:SamplesUrl\}/layout-manager/flow-layout): This sample demonstrates the responsiveness of the `igLayoutManager` control’s Flow layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. -- [Grid Layout with colspan and rowspan Support]({environment:SamplesUrl}/layout-manager/grid-layout): This sample demonstrates the ability of the `igLayoutManager` control’s Grid layout to allow items to have arbitrary position in a grid with a predefined size including for items with different rowspan and colspan settings. +- [Grid Layout with colspan and rowspan Support](\{environment:SamplesUrl\}/layout-manager/grid-layout): This sample demonstrates the ability of the `igLayoutManager` control’s Grid layout to allow items to have arbitrary position in a grid with a predefined size including for items with different rowspan and colspan settings. -- [Grid Layout with Custom Size]({environment:SamplesUrl}/layout-manager/grid-layout-custom-size): This sample demonstrates the `igLayoutManager` control’s Grid layout having specific width and height for each column. +- [Grid Layout with Custom Size](\{environment:SamplesUrl\}/layout-manager/grid-layout-custom-size): This sample demonstrates the `igLayoutManager` control’s Grid layout having specific width and height for each column. -- [Responsive Vertical Layout]({environment:SamplesUrl}/layout-manager/vertical-layout): This sample s demonstrates the responsiveness of the `igLayoutManager` control’s Vertical layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. +- [Responsive Vertical Layout](\{environment:SamplesUrl\}/layout-manager/vertical-layout): This sample s demonstrates the responsiveness of the `igLayoutManager` control’s Vertical layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. diff --git a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/configuring-layouts.mdx b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/configuring-layouts.mdx index d4f77c4938..4ad4bed156 100644 --- a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/configuring-layouts.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/configuring-layouts.mdx @@ -2,6 +2,9 @@ title: "Configuring igLayoutManager" slug: iglayoutmanager-configuring-layouts --- + +# Configuring igLayoutManager + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igLayoutManager @@ -713,21 +716,21 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/layout-manager/aspnet-mvc-helper): This sample demonstrates using the ASP.NET MVC helper for the Layout Manager control. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/layout-manager/aspnet-mvc-helper): This sample demonstrates using the ASP.NET MVC helper for the Layout Manager control. -- [Border Layout from HTML Markup]({environment:SamplesUrl}/layout-manager/border-layout-markup): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from the HTML markup by assigning "center"/"left"/"right"/"header"/"footer" CSS classes. +- [Border Layout from HTML Markup](\{environment:SamplesUrl\}/layout-manager/border-layout-markup): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from the HTML markup by assigning "center"/"left"/"right"/"header"/"footer" CSS classes. - [Border Layout – Initializing with JavaScript](help/iglayoutmanager-adding.html#js-steps): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from JavaScript, by handling <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> events and assigning content to the created regions. -- [Responsive Column Layout]({environment:SamplesUrl}/layout-manager/column-layout-markup): This sample demonstrates how the `igLayoutManager` control’s Column layout can be used by assigning classes to items thus specifying the area their content will span over. This sample does not use JavaScript initialization code: it is done with CSS and HTML only. +- [Responsive Column Layout](\{environment:SamplesUrl\}/layout-manager/column-layout-markup): This sample demonstrates how the `igLayoutManager` control’s Column layout can be used by assigning classes to items thus specifying the area their content will span over. This sample does not use JavaScript initialization code: it is done with CSS and HTML only. -- [Responsive Flow Layout]({environment:SamplesUrl}/layout-manager/flow-layout): This sample demonstrates the responsiveness of the `igLayoutManager` control’s Flow layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. +- [Responsive Flow Layout](\{environment:SamplesUrl\}/layout-manager/flow-layout): This sample demonstrates the responsiveness of the `igLayoutManager` control’s Flow layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. -- [Grid Layout with colspan and rowspan Support]({environment:SamplesUrl}/layout-manager/grid-layout): This sample demonstrates the ability of the `igLayoutManager` control’s Grid layout to allow items to have arbitrary position in a grid with a predefined size including for items with different rowspan and colspan settings. +- [Grid Layout with colspan and rowspan Support](\{environment:SamplesUrl\}/layout-manager/grid-layout): This sample demonstrates the ability of the `igLayoutManager` control’s Grid layout to allow items to have arbitrary position in a grid with a predefined size including for items with different rowspan and colspan settings. -- [Grid Layout with Custom Size]({environment:SamplesUrl}/layout-manager/grid-layout-custom-size): This sample demonstrates the `igLayoutManager` control’s Grid layout having specific width and height for each column. +- [Grid Layout with Custom Size](\{environment:SamplesUrl\}/layout-manager/grid-layout-custom-size): This sample demonstrates the `igLayoutManager` control’s Grid layout having specific width and height for each column. -- [Responsive Vertical Layout]({environment:SamplesUrl}/layout-manager/vertical-layout): This sample s demonstrates the responsiveness of the `igLayoutManager` control’s Vertical layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. +- [Responsive Vertical Layout](\{environment:SamplesUrl\}/layout-manager/vertical-layout): This sample s demonstrates the responsiveness of the `igLayoutManager` control’s Vertical layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. diff --git a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/handling-events.mdx b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/handling-events.mdx index ee3027be7d..a6c221d332 100644 --- a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/handling-events.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/handling-events.mdx @@ -2,6 +2,9 @@ title: "Handling Events (igLayoutManager)" slug: iglayoutmanager-handling-events --- + +# Handling Events (igLayoutManager) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Handling Events (igLayoutManager) @@ -18,7 +21,7 @@ This topic explains, with a code examples, how to attach event handlers to the ` The following topics are prerequisites to understanding this topic: -- [Using Events in {environment:ProductName}](//general-and-getting-started/using-events-in-igniteui-for-jquery.mdx): This topic explains how to manage the required resources to work with {environment:ProductName}® within a Web application. +- [Using Events in \{environment:ProductName\}](//general-and-getting-started/using-events-in-igniteui-for-jquery.mdx): This topic explains how to manage the required resources to work with \{environment:ProductName\}® within a Web application. - [igLayoutManager Overview](/iglayoutmanager-overview.mdx): This topic explains the `igLayoutManager` control conceptually and provides information on the supported layouts and their uses. @@ -57,7 +60,7 @@ This topic contains the following sections: Attaching event handler functions to the `igLayoutManager` control is commonly done upon the initialization of the control. -When using the {environment:ProductNameMVC}, it is necessary to assign event handlers at run-time because you cannot define event handlers within the HTML helper. +When using the \{environment:ProductNameMVC\}, it is necessary to assign event handlers at run-time because you cannot define event handlers within the HTML helper. jQuery supports the following methods for assigning event handlers: @@ -72,7 +75,7 @@ The `igLayoutManager` supports the following events: - <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> –fired after all items are rendered - <ApiLink type="iglayoutmanager" member="rendered" section="events" label="rendered" /> –fired before an item is going to accommodate 100% of the container's width or height -For details on how to handle events, refer to the [Using Events in {environment:ProductName}](//general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) topic. +For details on how to handle events, refer to the [Using Events in \{environment:ProductName\}](//general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) topic. ### <a id="event-handaling"></a>Event handling cases summary chart @@ -94,9 +97,9 @@ The following table lists the code examples included in this topic. Example|Description ---|--- [Handling the itemRendered Event Upon Initialization in jQuery](#example-jquery)|This example assigns an event handling function to the <ApiLink type="iglayoutmanager" label="itemRendered" /> event upon initialization in jQuery. -[Handling the itemRendered Event Upon Initialization in ASP.NET MVC](#example-asp-net)|This example assigns an event handling function to the <ApiLink type="iglayoutmanager" label="itemRendered" /> event upon initialization using the {environment:ProductNameMVC}. +[Handling the itemRendered Event Upon Initialization in ASP.NET MVC](#example-asp-net)|This example assigns an event handling function to the <ApiLink type="iglayoutmanager" label="itemRendered" /> event upon initialization using the \{environment:ProductNameMVC\}. [Handling the itemRendered Event at Run-Time in jQuery](#example-run-time-jquery)|This example assigns an event handling function to the <ApiLink type="iglayoutmanager" label="itemRendered" /> event at run-time in jQuery. -[Handling the itemRendered Event at Run-Time in ASP.NET MVC](#example-run-time-mvc)|This example assigns an event handling function to the <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> event at run-time using the {environment:ProductNameMVC}. +[Handling the itemRendered Event at Run-Time in ASP.NET MVC](#example-run-time-mvc)|This example assigns an event handling function to the <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> event at run-time using the \{environment:ProductNameMVC\}. ##<a id="example-jquery"></a>Code Example: Handling the itemRendered Event Upon Initialization in jQuery @@ -123,7 +126,7 @@ $(".selector").igLayoutManager({ ### <a id="itemRender-mvc-description"></a>Description -This example assigns an event handling function to the <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> event upon initialization using the {environment:ProductNameMVC}. +This example assigns an event handling function to the <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> event upon initialization using the \{environment:ProductNameMVC\}. ### <a id="itemRender-mvc-code"></a>Code @@ -160,7 +163,7 @@ $(document).delegate(".selector", "iglayoutmanageritemrendered", function(evt, u ### <a id="itemRender-mvc-description-run-time"></a>Description -This example assigns an event handling function to the <ApiLink type="iglayoutmanager" label="itemRendered" /> event at run-time using the {environment:ProductNameMVC}. +This example assigns an event handling function to the <ApiLink type="iglayoutmanager" label="itemRendered" /> event at run-time using the \{environment:ProductNameMVC\}. ### <a id="itemRender-mvc-code-run-time"></a>Code @@ -187,21 +190,21 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/layout-manager/aspnet-mvc-helper): This sample demonstrates using the {environment:ProductNameMVC} Layout Manager control. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/layout-manager/aspnet-mvc-helper): This sample demonstrates using the \{environment:ProductNameMVC\} Layout Manager control. -- [Border Layout from HTML Markup]({environment:SamplesUrl}/layout-manager/border-layout-markup): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from the HTML markup by assigning *"center"*/*"left"*/*"right"*/*"header"*/*"footer"* CSS classes. +- [Border Layout from HTML Markup](\{environment:SamplesUrl\}/layout-manager/border-layout-markup): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from the HTML markup by assigning *"center"*/*"left"*/*"right"*/*"header"*/*"footer"* CSS classes. - [Border Layout – Initializing with JavaScript](help/iglayoutmanager-adding.html#js-steps): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from JavaScript, by handling <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> events and assigning content to the created regions. -- [Responsive Column Layout]({environment:SamplesUrl}/layout-manager/column-layout-markup): This sample demonstrates how the `igLayoutManager` control’s Column layout can be used by assigning classes to items thus specifying the area their content will span over. This sample does not use JavaScript initialization code: it is done with CSS and HTML only. +- [Responsive Column Layout](\{environment:SamplesUrl\}/layout-manager/column-layout-markup): This sample demonstrates how the `igLayoutManager` control’s Column layout can be used by assigning classes to items thus specifying the area their content will span over. This sample does not use JavaScript initialization code: it is done with CSS and HTML only. -- [Responsive Flow Layout]({environment:SamplesUrl}/layout-manager/flow-layout): This sample demonstrates the responsiveness of the `igLayoutManager` control’s Flow layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. +- [Responsive Flow Layout](\{environment:SamplesUrl\}/layout-manager/flow-layout): This sample demonstrates the responsiveness of the `igLayoutManager` control’s Flow layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. -- [Grid Layout with colspan and rowspan Support]({environment:SamplesUrl}/layout-manager/grid-layout): This sample demonstrates the ability of the `igLayoutManager` control’s Grid layout to allow items to have arbitrary position in a grid with a predefined size including for items with different rowspan and colspan settings. +- [Grid Layout with colspan and rowspan Support](\{environment:SamplesUrl\}/layout-manager/grid-layout): This sample demonstrates the ability of the `igLayoutManager` control’s Grid layout to allow items to have arbitrary position in a grid with a predefined size including for items with different rowspan and colspan settings. -- [Grid Layout with Custom Size]({environment:SamplesUrl}/layout-manager/grid-layout-custom-size): This sample demonstrates the `igLayoutManager` control’s Grid layout having specific width and height for each column. +- [Grid Layout with Custom Size](\{environment:SamplesUrl\}/layout-manager/grid-layout-custom-size): This sample demonstrates the `igLayoutManager` control’s Grid layout having specific width and height for each column. -- [Responsive Vertical Layout]({environment:SamplesUrl}/layout-manager/vertical-layout)" This sample s demonstrates the responsiveness of the `igLayoutManager` control’s Vertical layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. +- [Responsive Vertical Layout](\{environment:SamplesUrl\}/layout-manager/vertical-layout)" This sample s demonstrates the responsiveness of the `igLayoutManager` control’s Vertical layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. diff --git a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/jquery-and-aspnet-mvc-helper-api-links.mdx b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/jquery-and-aspnet-mvc-helper-api-links.mdx index 2a798007ab..a327f41490 100644 --- a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/jquery-and-aspnet-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/jquery-and-aspnet-mvc-helper-api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igLayoutManager)" slug: iglayoutmanager-jquery-and-asp.net-mvc-helper-api-links --- + +# jQuery and MVC API Links (igLayoutManager) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igLayoutManager) diff --git a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/known-issues-and-limitations.mdx b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/known-issues-and-limitations.mdx index bdc36c3366..5719896bd5 100644 --- a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/known-issues-and-limitations.mdx @@ -5,13 +5,12 @@ slug: iglayoutmanager-known-issues-and-limitations # Known Issues and Limitations (igLayoutManager) - ##Known Issues and Limitations ### Known issues and limitations summary chart -The following table summarizes the known issues and limitations of the `igLayoutManager`™ control for the {environment:ProductName}® {environment:ProductVersion} release. +The following table summarizes the known issues and limitations of the `igLayoutManager`™ control for the \{environment:ProductName\}® \{environment:ProductVersion\} release. ### Legend: diff --git a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/landing-page.mdx b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/landing-page.mdx index a4e3b4c3ae..4e1877f39b 100644 --- a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/landing-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/landing-page.mdx @@ -6,7 +6,6 @@ slug: iglayoutmanager-landing-page # igLayoutManager - ##In This Group of Topics diff --git a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/overview.mdx b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/overview.mdx index a22a92da0c..1ad3bf1dc6 100644 --- a/docs/jquery/src/content/en/topics/controls/iglayoutmanager/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglayoutmanager/overview.mdx @@ -2,6 +2,9 @@ title: "igLayoutManager Overview" slug: iglayoutmanager-overview --- + +# igLayoutManager Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igLayoutManager Overview @@ -12,7 +15,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This topic explains the {environment:ProductName}® control conceptually and provides information on the supported layouts and their uses. +This topic explains the \{environment:ProductName\}® control conceptually and provides information on the supported layouts and their uses. ### In this topic @@ -213,7 +216,7 @@ Enlarged browser viewport|Diminished browser viewport ##<a id="requirements"></a>Requirements -The `igLayoutManager` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. References to these resources are needed nevertheless, in spite of the use of pure jQuery or {environment:ProductNameMVC}. The Infragistics.Web.Mvc assembly is required when the control is used in the context of ASP.NET MVC. +The `igLayoutManager` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. References to these resources are needed nevertheless, in spite of the use of pure jQuery or \{environment:ProductNameMVC\}. The Infragistics.Web.Mvc assembly is required when the control is used in the context of ASP.NET MVC. For the full requirements listing, refer to the [Adding igLayoutManager](/iglayoutmanager-adding.mdx) topic. @@ -243,21 +246,21 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/layout-manager/aspnet-mvc-helper): This sample demonstrates using the ASP.NET MVC helper for the Layout Manager control. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/layout-manager/aspnet-mvc-helper): This sample demonstrates using the ASP.NET MVC helper for the Layout Manager control. -- [Border Layout from HTML Markup]({environment:SamplesUrl}/layout-manager/border-layout-markup): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from the HTML markup by assigning *"center"*/*"left"*/*"right"*/*"header"*/*"footer"* CSS classes. +- [Border Layout from HTML Markup](\{environment:SamplesUrl\}/layout-manager/border-layout-markup): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from the HTML markup by assigning *"center"*/*"left"*/*"right"*/*"header"*/*"footer"* CSS classes. - [Border Layout – Initializing with JavaScript](help/iglayoutmanager-adding.html#js-steps): This sample demonstrates initializing the `igLayoutManager` control’s Border layout from JavaScript, by handling <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> events and assigning content to the created regions. -- [Responsive Column Layout]({environment:SamplesUrl}/layout-manager/column-layout-markup): This sample demonstrates how the `igLayoutManager` control’s Column layout can be used by assigning classes to items thus specifying the area their content will span over. This sample does not use JavaScript initialization code: it is done with CSS and HTML only. +- [Responsive Column Layout](\{environment:SamplesUrl\}/layout-manager/column-layout-markup): This sample demonstrates how the `igLayoutManager` control’s Column layout can be used by assigning classes to items thus specifying the area their content will span over. This sample does not use JavaScript initialization code: it is done with CSS and HTML only. -- [Responsive Flow Layout]({environment:SamplesUrl}/layout-manager/flow-layout): This sample demonstrates the responsiveness of the `igLayoutManager` control’s Flow layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. +- [Responsive Flow Layout](\{environment:SamplesUrl\}/layout-manager/flow-layout): This sample demonstrates the responsiveness of the `igLayoutManager` control’s Flow layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. -- [Grid Layout with colspan and rowspan Support]({environment:SamplesUrl}/layout-manager/grid-layout): This sample demonstrates the ability of the `igLayoutManager` control’s Grid layout to allow items to have arbitrary position in a grid with a predefined size including for items with different rowspan and colspan settings. +- [Grid Layout with colspan and rowspan Support](\{environment:SamplesUrl\}/layout-manager/grid-layout): This sample demonstrates the ability of the `igLayoutManager` control’s Grid layout to allow items to have arbitrary position in a grid with a predefined size including for items with different rowspan and colspan settings. -- [Grid Layout with Custom Size]({environment:SamplesUrl}/layout-manager/grid-layout-custom-size): This sample demonstrates the `igLayoutManager` control’s Grid layout having specific width and height for each column. +- [Grid Layout with Custom Size](\{environment:SamplesUrl\}/layout-manager/grid-layout-custom-size): This sample demonstrates the `igLayoutManager` control’s Grid layout having specific width and height for each column. -- [Responsive Vertical Layout]({environment:SamplesUrl}/layout-manager/vertical-layout): This sample s demonstrates the responsiveness of the `igLayoutManager` control’s Vertical layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. +- [Responsive Vertical Layout](\{environment:SamplesUrl\}/layout-manager/vertical-layout): This sample s demonstrates the responsiveness of the `igLayoutManager` control’s Vertical layout with various item sizes set either in pixels or percentages and setting the number of items in the `igLayoutManager`'s options without the need for any initial markup. ### <a id="resources"></a>Resources diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/accessibility-compliance.mdx index 41454738a4..d6925230a7 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/accessibility-compliance.mdx @@ -5,7 +5,6 @@ slug: iglineargauge-accessibility-compliance # Accessibility Compliance (igLinearGauge) - ##Topic Overview @@ -28,7 +27,7 @@ The following topics are prerequisites to understanding this topic: ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the `igLinearGauge` control complies with each of these rules. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the `igLinearGauge` control complies with each of these rules. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -50,7 +49,7 @@ Rules|Rule text|How we comply The following topic provides additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for the accessibility compliance of all controls in the {environment:ProductName} product. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for the accessibility compliance of all controls in the \{environment:ProductName\} product. diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/adding/to-an-html-page.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/adding/to-an-html-page.mdx index 15583a4704..9ad7026760 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/adding/to-an-html-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/adding/to-an-html-page.mdx @@ -2,6 +2,9 @@ title: "Adding igLinearGauge to an HTML Page" slug: iglineargauge-adding-to-an-html-page --- + +# Adding igLinearGauge to an HTML Page + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igLinearGauge to an HTML Page @@ -54,10 +57,10 @@ The following table summarizes the requirements for using the `igLinearGauge` co | | | | | --- | --- | --- | | Required Resources | Description | What you need to do… | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. | -| General igLinearGauge JavaScript Resources | The igLinearGauge control depends on functionality distributed across several files in the {environment:ProductName} Library. You can load the required resources in one of the following ways: Use the Infragistics® Loader (igLoader™). You only need to include a script reference to igLoader on your page. Load the required resources manually. You need to use the dependencies listed in the table below. Load the two combined files, containing the logic for all data visualization controls from the {environment:ProductName} package - infragistics.core.js, infragistics.dv.js and infragistics.encoding.js (optional). The following table lists the {environment:ProductName} library dependences related to the igLinearGauge control. These resources need to be referred to explicitly if you chose not to use igLoader or the combined files. JS Resource | Description | -| `infragistics.util.js`, `infragistics.util.jquery.js` | {environment:ProductName} utilities | | -| `infragistics.ui.widget.js` | Base igWidget for all {environment:ProductName} widgets. | | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. | +| General igLinearGauge JavaScript Resources | The igLinearGauge control depends on functionality distributed across several files in the \{environment:ProductName\} Library. You can load the required resources in one of the following ways: Use the Infragistics® Loader (igLoader™). You only need to include a script reference to igLoader on your page. Load the required resources manually. You need to use the dependencies listed in the table below. Load the two combined files, containing the logic for all data visualization controls from the \{environment:ProductName\} package - infragistics.core.js, infragistics.dv.js and infragistics.encoding.js (optional). The following table lists the \{environment:ProductName\} library dependences related to the igLinearGauge control. These resources need to be referred to explicitly if you chose not to use igLoader or the combined files. JS Resource | Description | +| `infragistics.util.js`, `infragistics.util.jquery.js` | \{environment:ProductName\} utilities | | +| `infragistics.ui.widget.js` | Base igWidget for all \{environment:ProductName\} widgets. | | | `infragistics.ext_core.js` `infragistics.ext_collections.js` `infragistics.ext_ui.js` `infragistics.dv_jquerydom.js` `infragistics.dv_core.js` `infragistics.dv_geometry.js` `infragistics.dv_visualdata.js` | Data visualization core functionality | | | `infragistics.dv_interactivity.js` | Provides support for user interaction such as panning, zooming, dragging, etc. | | | `infragistics.lineargauge.js` | The igLinearGauge control | | @@ -338,4 +341,4 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Basic Configuration]({environment:SamplesUrl}/linear-gauge/basic-configuration): This sample demonstrates a simple configuration of the `igLinearGauge` control. \ No newline at end of file +- [Basic Configuration](\{environment:SamplesUrl\}/linear-gauge/basic-configuration): This sample demonstrates a simple configuration of the `igLinearGauge` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/adding/using-the-mvc-helper.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/adding/using-the-mvc-helper.mdx index 4c3ddeccde..c5f9c18d2d 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/adding/using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/adding/using-the-mvc-helper.mdx @@ -2,6 +2,9 @@ title: "Adding igLinearGauge to an ASP.NET MVC application" slug: iglineargauge-adding-using-the-mvc-helper --- + +# Adding igLinearGauge to an ASP.NET MVC application + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igLinearGauge to an ASP.NET MVC application @@ -25,7 +28,7 @@ The following lists the concepts and topics required as a prerequisite to unders **Topics** -- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx):This topic explains how to get started with {environment:ProductName}™ components in an ASP.NET MVC application. +- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx):This topic explains how to get started with \{environment:ProductName\}™ components in an ASP.NET MVC application. - [igLinearGauge Overview](/iglineargauge-overview.mdx):This topic provides conceptual information about the `igLinearGauge` control including its main features, minimum requirements, and user functionality. @@ -146,7 +149,7 @@ The following steps demonstrate how to instantiate `igLinearGauge` in an ASP.NET ``` 2. Instantiate the `igLinearGauge` control configuring its basic rendering options. - Instantiate the igLinearGauge control. As with all {environment:ProductNameMVC} controls, you must call the Render method to render the HTML and JavaScript to the View. + Instantiate the igLinearGauge control. As with all \{environment:ProductNameMVC\} controls, you must call the Render method to render the HTML and JavaScript to the View. **In ASPX:** @@ -271,7 +274,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [MVC Initialization]({environment:SamplesUrl}/linear-gauge/mvc-initialization):This sample demonstrates how to use the ASP.NET MVC helper for the linear gauge. +- [MVC Initialization](\{environment:SamplesUrl\}/linear-gauge/mvc-initialization):This sample demonstrates how to use the ASP.NET MVC helper for the linear gauge. diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/api-links.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/api-links.mdx index f6e93cd998..80ba25adac 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igLinearGauge)" slug: iglineargauge-api-links --- + +# jQuery and MVC API Links (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igLinearGauge) diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/configuring.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/configuring.mdx index e65e19f4c2..162dc41ef7 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/configuring.mdx @@ -5,7 +5,6 @@ slug: iglineargauge-configuring # Configuring igLinearGauge - ##In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/comparative-ranges.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/comparative-ranges.mdx index 9da561852b..bdb70dcb40 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/comparative-ranges.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/comparative-ranges.mdx @@ -2,6 +2,9 @@ title: "Configuring Comparative Ranges (igLinearGauge)" slug: iglineargauge-configuring-comparative-ranges --- + +# Configuring Comparative Ranges (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Comparative Ranges (igLinearGauge) @@ -277,7 +280,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Range Settings]({environment:SamplesUrl}/linear-gauge/range-settings):This sample demonstrates setting comparative ranges in the `igLinearGauge` control. +- [Range Settings](\{environment:SamplesUrl\}/linear-gauge/range-settings):This sample demonstrates setting comparative ranges in the `igLinearGauge` control. diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-background.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-background.mdx index c507aa5600..e9468b3339 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-background.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-background.mdx @@ -2,6 +2,9 @@ title: "Configuring the Background (igLinearGauge)" slug: iglineargauge-configuring-the-background --- + +# Configuring the Background (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Background (igLinearGauge) diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-needle.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-needle.mdx index e9a6adac7f..f30ff6eb57 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-needle.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-needle.mdx @@ -2,6 +2,9 @@ title: "Configuring the Needle (igLinearGauge)" slug: iglineargauge-configuring-the-needle --- + +# Configuring the Needle (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Needle (igLinearGauge) @@ -426,7 +429,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Needle Settings]({environment:SamplesUrl}/linear-gauge/needle-settings): This sample demonstrates configuring the value needle, by using the predefined shapes, or creating a custom one. +- [Needle Settings](\{environment:SamplesUrl\}/linear-gauge/needle-settings): This sample demonstrates configuring the value needle, by using the predefined shapes, or creating a custom one. diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-scale.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-scale.mdx index f93696c41b..d407d5fece 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-scale.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-scale.mdx @@ -2,6 +2,9 @@ title: "Configuring the Scale (igLinearGauge)" slug: iglineargauge-configuring-the-scale --- + +# Configuring the Scale (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Scale (igLinearGauge) @@ -297,7 +300,7 @@ Setting the minimum and maximum values implicitly defines all values within the ![](images/igLinearGauge_Configuring_the_Scale_2.png) -Having the scales’ range defined also enables the positioning of the other value-based visual elements on the scale, namely the comparative ranges and the needle. Note that because these elements are value-based, when the scale’s range changes (i.e. when either its minimum or maximum value (or both) changes), these visual elements are re-positioned spatially together with the scale’s values keeping their position on the scale. (To see this effect in action, refer to the [Range Settings]({environment:SamplesUrl}/linear-gauge/range-settings) sample.) +Having the scales’ range defined also enables the positioning of the other value-based visual elements on the scale, namely the comparative ranges and the needle. Note that because these elements are value-based, when the scale’s range changes (i.e. when either its minimum or maximum value (or both) changes), these visual elements are re-positioned spatially together with the scale’s values keeping their position on the scale. (To see this effect in action, refer to the [Range Settings](\{environment:SamplesUrl\}/linear-gauge/range-settings) sample.) ### <a id="range-setting"></a>Property settings @@ -766,7 +769,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Scale Settings]({environment:SamplesUrl}/linear-gauge/scale-settings):This sample demonstrates the supported scale configurations of the `igLinearGauge` control. +- [Scale Settings](\{environment:SamplesUrl\}/linear-gauge/scale-settings):This sample demonstrates the supported scale configurations of the `igLinearGauge` control. diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-tooltips.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-tooltips.mdx index 4bb60a9540..408c59736e 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-tooltips.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-tooltips.mdx @@ -2,6 +2,9 @@ title: "Configuring the Tooltips (igLinearGauge)" slug: iglineargauge-configuring-the-tooltips --- + +# Configuring the Tooltips (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Tooltips (igLinearGauge) diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-visual-elements.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-visual-elements.mdx index 487637aacf..e10fdfd516 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-visual-elements.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/elements/the-visual-elements.mdx @@ -6,7 +6,6 @@ slug: iglineargauge-configuring-the-visual-elements # Configuring the Visual Elements (igLinearGauge) - ##In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/the-orientation-and-direction.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/the-orientation-and-direction.mdx index bf40751425..69d1356a13 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/the-orientation-and-direction.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/configuring/the-orientation-and-direction.mdx @@ -2,6 +2,9 @@ title: "Configuring the Orientation and Direction (igLinearGauge)" slug: iglineargauge-configuring-the-orientation-and-direction --- + +# Configuring the Orientation and Direction (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Orientation and Direction (igLinearGauge) @@ -18,7 +21,7 @@ The following topics are prerequisites to understanding this topic: - [igLinearGauge Overview](/iglineargauge-overview.mdx): This topic provides conceptual information about the `igLinearGauge` control including its main features, minimum requirements, and user functionality. -- [Adding igLinearGauge](/adding/iglineargauge-adding.mdx):This topic explains how to add the `igLinearGauge` control to a {environment:PlatformName} application. +- [Adding igLinearGauge](/adding/iglineargauge-adding.mdx):This topic explains how to add the `igLinearGauge` control to a \{environment:PlatformName\} application. ### In this topic @@ -205,4 +208,4 @@ $('#igLinearGauge').igLinearGauge({ The following samples provide additional information related to this topic. -- [Vertical Orientation]({environment:SamplesUrl}/linear-gauge/vertical-horizontal-orientation):This sample demonstrates how to change the orientation of the `igLinearGauge` and how to invert the scale. \ No newline at end of file +- [Vertical Orientation](\{environment:SamplesUrl\}/linear-gauge/vertical-horizontal-orientation):This sample demonstrates how to change the orientation of the `igLinearGauge` and how to invert the scale. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/iglineargauge.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/iglineargauge.mdx index 5863064765..27b990e716 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/iglineargauge.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/iglineargauge.mdx @@ -5,7 +5,6 @@ slug: iglineargauge # igLinearGauge - ##In This Group of Topics @@ -13,7 +12,7 @@ slug: iglineargauge The topics in this group cover the `igLinearGauge`™ control and its use. -The `igLinearGauge` control is an {environment:ProductName}™ control which allows for visualizing data in the form of a linear gauge. It provides a simple and concise view of a value compared against a scale and one or more ranges. +The `igLinearGauge` control is an \{environment:ProductName\}™ control which allows for visualizing data in the form of a linear gauge. It provides a simple and concise view of a value compared against a scale and one or more ranges. ![](images/igLinearGauge.png) @@ -21,7 +20,7 @@ The `igLinearGauge` control is an {environment:ProductName}™ control - [igLinearGauge Overview](/iglineargauge-overview.mdx): This topic provides conceptual information about the `igLinearGauge` control including its main features, minimum requirements, and user functionality. -- [Adding igLinearGauge](/adding/iglineargauge-adding.mdx): This topic explains how to add the `igLinearGauge` control to a {environment:PlatformName} application. +- [Adding igLinearGauge](/adding/iglineargauge-adding.mdx): This topic explains how to add the `igLinearGauge` control to a \{environment:PlatformName\} application. - [Configuring igLinearGauge](/configuring/iglineargauge-configuring.mdx): This is a group of topics explaining how to configure the various aspects of the `igLinearGauge` control including its orientation and visual elements, and the animated display of values. diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/known-issues-and-limitations.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/known-issues-and-limitations.mdx index 904e451615..66f6844da7 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/known-issues-and-limitations.mdx @@ -5,7 +5,6 @@ slug: iglineargauge-known-issues-and-limitations # Known Issues and Limitations (igLinearGauge) - ##Known Issues and Limitations ### Overview diff --git a/docs/jquery/src/content/en/topics/controls/iglineargauge/overview.mdx b/docs/jquery/src/content/en/topics/controls/iglineargauge/overview.mdx index bb1e7653c4..3405609650 100644 --- a/docs/jquery/src/content/en/topics/controls/iglineargauge/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/iglineargauge/overview.mdx @@ -2,6 +2,9 @@ title: "igLinearGauge Overview" slug: iglineargauge-overview --- + +# igLinearGauge Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igLinearGauge Overview @@ -47,7 +50,7 @@ This topic contains the following sections: ### igLinearGauge summary -The `igLinearGauge` control is an {environment:ProductName} control which allows for visualizing data in the form of a linear gauge. It provides a simple and concise view of a primary value compared against a scale and one or more comparative ranges. +The `igLinearGauge` control is an \{environment:ProductName\} control which allows for visualizing data in the form of a linear gauge. It provides a simple and concise view of a primary value compared against a scale and one or more comparative ranges. ![](images/igLinearGauge.png) @@ -69,7 +72,7 @@ Feature|Description ---|--- Configurable orientation and direction|The `igLinearGauge` control exposes an API for setting the state of its scale’s orientation and direction, so that the look of the gauge can be largely customized. (For details, see the [Configuring the Orientation and Direction (igLinearGauge)](/configuring/iglineargauge-configuring-the-orientation-and-direction.mdx) topic.) Configurable visual elements|Each of the [visual elements](#config-visual-elements-related-prop) of the linear gauge can be configured in several aspects. (For details, see [Configurable Visual Elements of igLinearGauge and Related Properties](#config-visual-elements-related-prop).) -Animated transitions|The `igLinearGauge` control provides built-in support for animation by its <ApiLink type="igLinearGauge" member="transitionDuration" section="options" label="transitionDuration" /> property. The animation effect occurs on loading the control as well as when the value of any of its properties is changed. By default, animated transitions are disabled. Providing a value in milliseconds for the `transitionDuration` property of the control determines the timeframe for swiping the control into view by smoothly visualizing all of its visual elements through a slide effect (from bottom-left to top-right). Setting the value to 0 disables the animated transition. For a sample, demonstrating the animation transition effect, see the [Animated Transitions]({environment:SamplesUrl}/linear-gauge/animated-transitions) sample. +Animated transitions|The `igLinearGauge` control provides built-in support for animation by its <ApiLink type="igLinearGauge" member="transitionDuration" section="options" label="transitionDuration" /> property. The animation effect occurs on loading the control as well as when the value of any of its properties is changed. By default, animated transitions are disabled. Providing a value in milliseconds for the `transitionDuration` property of the control determines the timeframe for swiping the control into view by smoothly visualizing all of its visual elements through a slide effect (from bottom-left to top-right). Setting the value to 0 disables the animated transition. For a sample, demonstrating the animation transition effect, see the [Animated Transitions](\{environment:SamplesUrl\}/linear-gauge/animated-transitions) sample. Support for tooltips|The built-in tooltips of the `igLinearGauge` control show the values used to create the needle, or the values, corresponding to the different ranges respectively. They are initially styled in accordance with the default look of the control, but their look can be customized by templates. By default, tooltips are disabled. (For details, see [Configuring the Tooltips (igLinearGauge)](/configuring/elements/iglineargauge-configuring-the-tooltips.mdx)) @@ -560,7 +563,7 @@ The following picture demonstrates an `igLinearGauge` displayed with default set ##<a id="requirements"></a>Requirements -The `igLinearGauge` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. References to these resources are needed nevertheless, in spite of the use of pure jQuery or {environment:ProductNameMVC}. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. +The `igLinearGauge` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. References to these resources are needed nevertheless, in spite of the use of pure jQuery or \{environment:ProductNameMVC\}. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. In order for the linear gauge to display the needle, the <ApiLink type="igLinearGauge" member="value" section="options" label="value" /> property has to be set. @@ -573,7 +576,7 @@ For the full requirements listing, refer to the [Adding igLinearGauge](/adding/i The following topics provide additional information related to this topic. -- [Adding igLinearGauge](/adding/iglineargauge-adding.mdx): This topic explains how to add the `igLinearGauge` control to an {environment:ProductName} application. +- [Adding igLinearGauge](/adding/iglineargauge-adding.mdx): This topic explains how to add the `igLinearGauge` control to an \{environment:ProductName\} application. - [Configuring igLinearGauge](/configuring/iglineargauge-configuring.mdx): This is a group of topics explaining how to configure the various aspects of the `igLinearGauge` control including its orientation and direction and visual elements. @@ -586,6 +589,6 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Configuration]({environment:SamplesUrl}/linear-gauge/basic-configuration): This sample demonstrates a simple configuration of the `igLinearGauge` control. +- [Basic Configuration](\{environment:SamplesUrl\}/linear-gauge/basic-configuration): This sample demonstrates a simple configuration of the `igLinearGauge` control. -- [Animated Transitions]({environment:SamplesUrl}/linear-gauge/animated-transitions): This sample demonstrates animated transitions between different sets of settings in the `igLinearGauge` control. \ No newline at end of file +- [Animated Transitions](\{environment:SamplesUrl\}/linear-gauge/animated-transitions): This sample demonstrates animated transitions between different sets of settings in the `igLinearGauge` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igmap/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igmap/accessibility-compliance.mdx index ab10dc3c54..058af53b82 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/accessibility-compliance.mdx @@ -5,7 +5,6 @@ slug: igmap-accessibility-compliance # Accessibility Compliance (igMap) - ##Topic Overview @@ -27,7 +26,7 @@ The following topics are prerequisites to understanding this topic: ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the igMap control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the igMap control complies with each rule. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -53,7 +52,7 @@ Rules|Rule Text|How We Comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx):Provides reference information for accessibility compliance of all controls in the {environment:ProductName} product. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx):Provides reference information for accessibility compliance of all controls in the \{environment:ProductName\} product. diff --git a/docs/jquery/src/content/en/topics/controls/igmap/adding-igmap.mdx b/docs/jquery/src/content/en/topics/controls/igmap/adding-igmap.mdx index 50fb997d01..ad2be1fceb 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/adding-igmap.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/adding-igmap.mdx @@ -19,9 +19,9 @@ The following table lists the topics and external articles required as a prerequ **Topics** -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx): General information on the {environment:ProductName}™ library. +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx): General information on the \{environment:ProductName\}™ library. -- [Using JavaScript Resouces in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the {environment:ProductName} library. +- [Using JavaScript Resouces in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the \{environment:ProductName\} library. - [igMap Overview](/overview-igmap.mdx): This topic provides conceptual information about the `igMap` control including its main features, minimum requirements, and user interaction capabilities. @@ -68,8 +68,8 @@ Following are the requirements for adding a map to a web page: - References to the required resources. The required resources are: - The jQuery, jQueryUI and Modernizr JavaScript resources (must reside in the scripts folder of your web site or web application) - - The {environment:ProductName} CSS files (must reside in the Infragistics® content folder of your web site or web application; topic for details, see the [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx)) - - The {environment:ProductName} JavaScript files (must reside in the Infragistics scripts folder your web site or web application; for details, see the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic). + - The \{environment:ProductName\} CSS files (must reside in the Infragistics® content folder of your web site or web application; topic for details, see the [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx)) + - The \{environment:ProductName\} JavaScript files (must reside in the Infragistics scripts folder your web site or web application; for details, see the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic). You can add the references either manually or using the [Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx) (recommended). @@ -216,8 +216,8 @@ Following are the requirements for adding a map to an ASP.NET MVC View: - References to the required resources. The required resources are: - The jQuery, jQueryUI and Modernizr JavaScript resources (must reside in the scripts folder of your web site or web application) - - The {environment:ProductName} CSS files (must reside in the Infragistics® content folder of your web site or web application; topic for details, see the [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx)) - - The {environment:ProductName} JavaScript files (must reside in the Infragistics scripts folder your web site or web application; for details, see the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic). + - The \{environment:ProductName\} CSS files (must reside in the Infragistics® content folder of your web site or web application; topic for details, see the [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx)) + - The \{environment:ProductName\} JavaScript files (must reside in the Infragistics scripts folder your web site or web application; for details, see the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic). You can the references either manually or using the [Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx) (recommended). @@ -230,7 +230,7 @@ include the `igLoader` script in the page: <script type="text/javascript" src="/Scripts/ig/js/infragistics.loader.js"></script> ``` -…and then reference the `Infragistics.Web.Mvc` assembly in your ASP.NET MVC project and the `Infragistics.Web.Mvc` namespace in your view. For details, see [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx). In the interest of clarity, the code to reference the namespace follows below. +…and then reference the `Infragistics.Web.Mvc` assembly in your ASP.NET MVC project and the `Infragistics.Web.Mvc` namespace in your view. For details, see [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx). In the interest of clarity, the code to reference the namespace follows below. **In ASPX:** @@ -417,4 +417,4 @@ The following samples provide additional information related to this topic. - [Map Tooltips](./03_Configuring/01_Features/01_igMap_Configuring_Visual_Features.mdx#map-tooltips-sample):This sample demonstrates how to set map tooltips in a map control and bind a View Model to the control. -- [Geographic Symbol Series]({environment:SamplesUrl}/map/geo-symbol-series):This sample demonstrates how to create maps and visualize Geographic Symbol series. \ No newline at end of file +- [Geographic Symbol Series](\{environment:SamplesUrl\}/map/geo-symbol-series):This sample demonstrates how to create maps and visualize Geographic Symbol series. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igmap/api-links.mdx b/docs/jquery/src/content/en/topics/controls/igmap/api-links.mdx index 11ee2cd93c..4bd8360532 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Reference (igMap)" slug: igmap-api-links --- + +# jQuery and MVC API Reference (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Reference (igMap) diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/features.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/features.mdx index 887f271d19..cc77a1119c 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/features.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/features.mdx @@ -6,7 +6,6 @@ slug: igmap-configuring-features # Configuring Features (igMap) - ##In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/navigation-features.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/navigation-features.mdx index e83c3eb0ca..aae72dea77 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/navigation-features.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/navigation-features.mdx @@ -2,6 +2,9 @@ title: "Configuring the Navigation Features (igMap)" slug: igmap-configuring-navigation-features --- + +# Configuring the Navigation Features (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Navigation Features (igMap) diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/visual-features.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/visual-features.mdx index 94a0aa36c3..7583155403 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/visual-features.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/features/visual-features.mdx @@ -2,6 +2,9 @@ title: "Configuring the Visual Features (igMap)" slug: igmap-configuring-visual-features --- + +# Configuring the Visual Features (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Visual Features (igMap) @@ -138,7 +141,7 @@ Example|Description [Configuring the Tooltip Template](#config-tooltip-template)|This code example shows how to configure a tooltip template in the context of the Geographical Symbol series. [Configuring the Marker Template in JavaScript](#config-marker-template-js)|This code example shows how to configure a custom marker template in JavaScript. [Configuring the Marker Template in ASP.NET MVC](#config-marker-template-mvc)|This code example shows how to configure a custom marker template in ASP.NET MVC. -[Configuring the Marker Template With the SimpleTextMarkerTemplate](#simple-text-marker-template)|This code example shows how to configure a custom marker template using the `SimpleTextMarkerTemplate` helper class from the {environment:ProductName} library. +[Configuring the Marker Template With the SimpleTextMarkerTemplate](#simple-text-marker-template)|This code example shows how to configure a custom marker template using the `SimpleTextMarkerTemplate` helper class from the \{environment:ProductName\} library. [Configuring a Custom Marker Template](#config-custom-marker-template)|This code example shows how to configure a custom marker template in the context of The Geographical Symbol series. @@ -215,7 +218,7 @@ $("#map").igMap({ This sample demonstrates how to set map tooltips in the igMap control and bind a view model to the control. The locations of a set of cities around the world are provided by the server in a list of objects which is bound to a geographic symbol series in the map control. The tooltip template that displays city and country name, and geographic coordinates is assigned to the series and displayed when the mouse pointer hovers over the city marker on the map. Zoom in to reveal more detail using both the mouse scroll wheel and, on touch devices, the pinch gesture. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/map/map-tooltips]({environment:SamplesEmbedUrl}/map/map-tooltips) + [\{environment:SamplesEmbedUrl\}/map/map-tooltips](\{environment:SamplesEmbedUrl\}/map/map-tooltips) </div> @@ -303,7 +306,7 @@ The following code snippet shows how to assign the customMarker variable to the This code example shows how to configure a custom marker template in the context of geographical symbol series. Configuring custom markers for geographic shape series is identical. Other map series types do not display markers and custom markers are irrelevant. -The example employs a helper widget called `SimpleTextMarkerTemplate` from the {environment:ProductName} created in order to simplify using custom markers. The widget has several options for configuring the tooltip’s appearance. +The example employs a helper widget called `SimpleTextMarkerTemplate` from the \{environment:ProductName\} created in order to simplify using custom markers. The widget has several options for configuring the tooltip’s appearance. ### Code @@ -417,7 +420,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Marker Template]({environment:SamplesUrl}/map/marker-template):This sample demonstrates how to create a custom marker template in a map control. +- [Marker Template](\{environment:SamplesUrl\}/map/marker-template):This sample demonstrates how to create a custom marker template in a map control. ### <a id="resources"></a>Resources diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/igmap.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/igmap.mdx index 643889265a..026ccd6a2d 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/igmap.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/igmap.mdx @@ -6,7 +6,6 @@ slug: configuring-igmap # Configuring igMap - ##In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/map-provider.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/map-provider.mdx index 613126c008..59319d1a35 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/map-provider.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/map-provider.mdx @@ -2,6 +2,9 @@ title: "Configuring the Map Provider (igMap)" slug: igmap-configuring-map-provider --- + +# Configuring the Map Provider (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Map Provider (igMap) @@ -209,7 +212,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Bing Maps]({environment:SamplesUrl}/map/bing-maps): This sample demonstrates how to use Bing Maps to render a geographic series with the map control. +- [Bing Maps](\{environment:SamplesUrl\}/map/bing-maps): This sample demonstrates how to use Bing Maps to render a geographic series with the map control. ### <a id="resources"></a>Resources diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/creating-different-kinds-maps.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/creating-different-kinds-maps.mdx index 913d85336c..e4dbf4db41 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/creating-different-kinds-maps.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/creating-different-kinds-maps.mdx @@ -47,15 +47,15 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Geographic Symbol Series]({environment:SamplesUrl}/map/geo-symbol-series): This sample demonstrates how to create maps and visualize geographic symbol series. +- [Geographic Symbol Series](\{environment:SamplesUrl\}/map/geo-symbol-series): This sample demonstrates how to create maps and visualize geographic symbol series. -- [Geographic Shapes Series]({environment:SamplesUrl}/map/geo-shapes-series): This sample demonstrates how to bind shape files and database files to a map control and configure geographic shapes series. +- [Geographic Shapes Series](\{environment:SamplesUrl\}/map/geo-shapes-series): This sample demonstrates how to bind shape files and database files to a map control and configure geographic shapes series. -- [Geographic Polyline Series]({environment:SamplesUrl}/map/geo-polyline-series): This sample shows how to bind shape and database files and configure geographic polyline map series. +- [Geographic Polyline Series](\{environment:SamplesUrl\}/map/geo-polyline-series): This sample shows how to bind shape and database files and configure geographic polyline map series. -- [Geographic Scatter Area Series]({environment:SamplesUrl}/map/geo-scatter-area): This sample demonstrates how to bind pre-triangulated files (.ITF) to a map control with the help of the geographic scatter area series. +- [Geographic Scatter Area Series](\{environment:SamplesUrl\}/map/geo-scatter-area): This sample demonstrates how to bind pre-triangulated files (.ITF) to a map control with the help of the geographic scatter area series. -- [Geographic Contour Line Series]({environment:SamplesUrl}/map/geo-contour-line): This sample demonstrates how to bind pre-triangulated files (.ITF) to a map control and configure geographic contour line series. +- [Geographic Contour Line Series](\{environment:SamplesUrl\}/map/geo-contour-line): This sample demonstrates how to bind pre-triangulated files (.ITF) to a map control and configure geographic contour line series. diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-contour-line-series.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-contour-line-series.mdx index f630c2836f..43f0f3da3b 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-contour-line-series.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-contour-line-series.mdx @@ -2,6 +2,9 @@ title: "Configuring Geographic Contour Line Series (igMap)" slug: igmap-configuring-geographic-contour-line-series --- + +# Configuring Geographic Contour Line Series (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Geographic Contour Line Series (igMap) @@ -232,7 +235,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Geographic Contour Line Series]({environment:SamplesUrl}/map/geo-contour-line): This sample demonstrates how to bind pre-triangulated files (.ITF) to a map control and configure the geographic contour line series. +- [Geographic Contour Line Series](\{environment:SamplesUrl\}/map/geo-contour-line): This sample demonstrates how to bind pre-triangulated files (.ITF) to a map control and configure the geographic contour line series. ### <a id="external-resources"></a>External resources diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-polyline-series.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-polyline-series.mdx index 49eb76ab17..bc619f64ef 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-polyline-series.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-polyline-series.mdx @@ -2,6 +2,9 @@ title: "Configuring Geographic Polyline Series (igMap)" slug: igmap-configuring-geographic-polyline-series --- + +# Configuring Geographic Polyline Series (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Geographic Polyline Series (igMap) @@ -216,7 +219,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Geographic Polyline Series]({environment:SamplesUrl}/map/geo-polyline-series): This sample shows how to bind shape, database files and configure Geographic Polyline series. +- [Geographic Polyline Series](\{environment:SamplesUrl\}/map/geo-polyline-series): This sample shows how to bind shape, database files and configure Geographic Polyline series. diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-proportional-symbol-series.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-proportional-symbol-series.mdx index 901e10e243..22b5e48082 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-proportional-symbol-series.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-proportional-symbol-series.mdx @@ -2,6 +2,9 @@ title: "Configuring Geographic Proportional Symbol Series (igMap)" slug: igmap-configuring-geographic-proportional-symbol-series --- + +# Configuring Geographic Proportional Symbol Series (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Geographic Proportional Symbol Series (igMap) @@ -140,4 +143,4 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Geographic Symbol Series]({environment:SamplesUrl}/map/geo-symbol-series): This sample demonstrates how to create maps and visualize geographic symbol series. \ No newline at end of file +- [Geographic Symbol Series](\{environment:SamplesUrl\}/map/geo-symbol-series): This sample demonstrates how to create maps and visualize geographic symbol series. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-scatter-area-series.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-scatter-area-series.mdx index 44ca84ac79..2e1f7cf456 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-scatter-area-series.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-scatter-area-series.mdx @@ -2,6 +2,9 @@ title: "Configuring Geographic Scatter Area Series (igMap)" slug: igmap-configuring-geographic-scatter-area-series --- + +# Configuring Geographic Scatter Area Series (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Geographic Scatter Area Series (igMap) @@ -234,7 +237,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Geographic Scatter Area Series]({environment:SamplesUrl}/map/geo-scatter-area):This sample demonstrates how to bind pre-triangulated files (.ITF) to a map control with the help of the geographic scatter area series. +- [Geographic Scatter Area Series](\{environment:SamplesUrl\}/map/geo-scatter-area):This sample demonstrates how to bind pre-triangulated files (.ITF) to a map control with the help of the geographic scatter area series. ### <a id="external-resources"></a>External resources diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-shapes.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-shapes.mdx index 10aff6a4cb..cc3f46c476 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-shapes.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-shapes.mdx @@ -2,6 +2,9 @@ title: "Configuring Geographic Shapes Series (igMap)" slug: igmap-configuring-geographic-shapes --- + +# Configuring Geographic Shapes Series (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Geographic Shapes Series (igMap) @@ -248,7 +251,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Geographic Shapes Series]({environment:SamplesUrl}/map/geo-shapes-series): This sample demonstrates how to bind shape files and database files to a map control and produce geographic shapes visualization. +- [Geographic Shapes Series](\{environment:SamplesUrl\}/map/geo-shapes-series): This sample demonstrates how to bind shape files and database files to a map control and produce geographic shapes visualization. diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-symbol-series.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-symbol-series.mdx index a7fbaf70f3..91891d57ba 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-symbol-series.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/geographic-symbol-series.mdx @@ -2,6 +2,9 @@ title: "Configuring Geographic Symbol Series (igMap)" slug: igmap-configuring-geographic-symbol-series --- + +# Configuring Geographic Symbol Series (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Geographic Symbol Series (igMap) @@ -185,7 +188,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Geographic Symbol Series]({environment:SamplesUrl}/map/geo-symbol-series): This sample demonstrates how to create maps and visualize geographic symbol series. +- [Geographic Symbol Series](\{environment:SamplesUrl\}/map/geo-symbol-series): This sample demonstrates how to create maps and visualize geographic symbol series. diff --git a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/using-geographic-high-density-scatter-series.mdx b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/using-geographic-high-density-scatter-series.mdx index 3be74b1936..1baa6be5a5 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/using-geographic-high-density-scatter-series.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/configuring/series/using-geographic-high-density-scatter-series.mdx @@ -2,6 +2,9 @@ title: "Configuring Geographic High-Density Scatter Series (igMap)" slug: igmap-using-geographic-high-density-scatter-series --- + +# Configuring Geographic High-Density Scatter Series (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Geographic High-Density Scatter Series (igMap) @@ -367,7 +370,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Geographic High Density Scatter Series]({environment:SamplesUrl}/map/geo-high-density-scatter-series): This sample demonstrates how a high density scatter series in the `igMap` control can be used to show millions of data points. The map plot area with more densely populated data points are represented by condensed orange color pixels and loosely distributed data points are represented by black color pixels. In addition, there is an option to change minimum and maximum heat properties of the series in order to adjust how heat colors are mapped. +- [Geographic High Density Scatter Series](\{environment:SamplesUrl\}/map/geo-high-density-scatter-series): This sample demonstrates how a high density scatter series in the `igMap` control can be used to show millions of data points. The map plot area with more densely populated data points are represented by condensed orange color pixels and loosely distributed data points are represented by black color pixels. In addition, there is an option to change minimum and maximum heat properties of the series in order to adjust how heat colors are mapped. diff --git a/docs/jquery/src/content/en/topics/controls/igmap/data-binding-igmap.mdx b/docs/jquery/src/content/en/topics/controls/igmap/data-binding-igmap.mdx index 7c48542102..e6e0eb854e 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/data-binding-igmap.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/data-binding-igmap.mdx @@ -5,7 +5,6 @@ slug: data-binding-igmap # Binding igMap to Data - ##Topic Overview ### Purpose @@ -258,7 +257,7 @@ control instance in an ASP.NET MVC application. 3. Map instantiation and data binding - The following code snippet shows the MVC helper code which instantiates an {environment:ProductNameMVC} `Map` control in a strongly-typed ASP.NET MVC view. + The following code snippet shows the MVC helper code which instantiates an \{environment:ProductNameMVC\} `Map` control in a strongly-typed ASP.NET MVC view. **In ASPX:** @@ -278,7 +277,7 @@ control instance in an ASP.NET MVC application. %> ``` - - The following code snippet shows the MVC helper code which instantiates an {environment:ProductNameMVC} `Map` control in a regular ASP.NET MVC view by setting the type of the model object directly into the helper. + - The following code snippet shows the MVC helper code which instantiates an \{environment:ProductNameMVC\} `Map` control in a regular ASP.NET MVC view by setting the type of the model object directly into the helper. **In ASPX:** @@ -308,7 +307,7 @@ This sample demonstrates how to bind JSON data with locations of cities in the w ### Example <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/map/json-binding]({environment:SamplesEmbedUrl}/map/json-binding) + [\{environment:SamplesEmbedUrl\}/map/json-binding](\{environment:SamplesEmbedUrl\}/map/json-binding) </div> ##<a id="example-json-database"></a>Code Example: Binding Geographic Symbol Series to a JSON Database from a Remote Service @@ -490,15 +489,15 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Geographic Symbol Series]({environment:SamplesUrl}/map/geo-symbol-series): This sample demonstrates creating maps and visualizing Geographic Symbol series. +- [Geographic Symbol Series](\{environment:SamplesUrl\}/map/geo-symbol-series): This sample demonstrates creating maps and visualizing Geographic Symbol series. -- [Geographic Shapes Series]({environment:SamplesUrl}/map/geo-shapes-series): This sample demonstrates binding shape files and database files to a map control and configuring Geographic Shapes map series. +- [Geographic Shapes Series](\{environment:SamplesUrl\}/map/geo-shapes-series): This sample demonstrates binding shape files and database files to a map control and configuring Geographic Shapes map series. -- [Geographic Polyline Series]({environment:SamplesUrl}/map/geo-polyline-series): This sample shows binding shape and database files and configuring Geographic Polyline map series. +- [Geographic Polyline Series](\{environment:SamplesUrl\}/map/geo-polyline-series): This sample shows binding shape and database files and configuring Geographic Polyline map series. -- [Geographic Scatter Area Series]({environment:SamplesUrl}/map/geo-scatter-area): This sample demonstrates binding pre-triangulated (ITF) files to a map control with the help of the Geographic Scatter Area series. +- [Geographic Scatter Area Series](\{environment:SamplesUrl\}/map/geo-scatter-area): This sample demonstrates binding pre-triangulated (ITF) files to a map control with the help of the Geographic Scatter Area series. -- [Geographic Contour Line Series]({environment:SamplesUrl}/map/geo-contour-line): This sample demonstrates how to bind pre-triangulated (ITF) files to a map control and configure Geographic Contour Line series. +- [Geographic Contour Line Series](\{environment:SamplesUrl\}/map/geo-contour-line): This sample demonstrates how to bind pre-triangulated (ITF) files to a map control and configure Geographic Contour Line series. diff --git a/docs/jquery/src/content/en/topics/controls/igmap/landing-page.mdx b/docs/jquery/src/content/en/topics/controls/igmap/landing-page.mdx index 77657df82b..6ddb6cd5fa 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/landing-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/landing-page.mdx @@ -5,13 +5,12 @@ slug: igmap-landing-page # igMap - ##In This Group of Topics ### Introduction -The topics in this group explain the `igMap`™ control of {environment:ProductName}™. +The topics in this group explain the `igMap`™ control of \{environment:ProductName\}™. The `igMap` control provides functionality to visualize various kinds of maps based on the HTML5 canvas element and performs all rendering on the client-side. @@ -49,14 +48,14 @@ This section contains topics covering `igMap` control. The following topics provide additional information related to this topic. -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx): This topic provides general information about the {environment:ProductName} library. +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx): This topic provides general information about the \{environment:ProductName\} library. ### Samples The following samples provide additional information related to this topic. -- [Geographic Symbol Series]({environment:SamplesUrl}/map/geo-symbol-series): This sample demonstrates how to create maps and visualize the Geographic Symbol series. +- [Geographic Symbol Series](\{environment:SamplesUrl\}/map/geo-symbol-series): This sample demonstrates how to create maps and visualize the Geographic Symbol series. -- [Geographic Shapes Series]({environment:SamplesUrl}/map/geo-shapes-series): This sample demonstrates how to bind shape files and database files to a map control and renders the Geographic shapes. +- [Geographic Shapes Series](\{environment:SamplesUrl\}/map/geo-shapes-series): This sample demonstrates how to bind shape files and database files to a map control and renders the Geographic shapes. -- [Bing Maps]({environment:SamplesUrl}/map/bing-maps): This sample demonstrates how to use Bing® Maps to render a Geographic series with the map control. \ No newline at end of file +- [Bing Maps](\{environment:SamplesUrl\}/map/bing-maps): This sample demonstrates how to use Bing® Maps to render a Geographic series with the map control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igmap/overview-igmap.mdx b/docs/jquery/src/content/en/topics/controls/igmap/overview-igmap.mdx index 9c555ed465..9ea4cfddab 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/overview-igmap.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/overview-igmap.mdx @@ -2,6 +2,9 @@ title: "igMap Overview" slug: overview-igmap --- + +# igMap Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMap Overview @@ -25,7 +28,7 @@ The following table lists the topics, and concepts required as a prerequisite to **Topics** -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) General information on the {environment:ProductName}™ library. +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) General information on the \{environment:ProductName\}™ library. @@ -95,7 +98,7 @@ The following table displays the supported map (series) types. ### <a id="min-introduction"></a>Introduction -The `igMap` control is a jQuery UI widget and depends on the jQuery and jQuery UI libraries. The Modernzr library is used internally for detecting browser and device capabilities. The control uses shared resources from the {environment:ProductName}™ for functionality and data binding. References to these resources are needed nevertheless, in spite of pure jQuery or {environment:ProductNameMVC} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. +The `igMap` control is a jQuery UI widget and depends on the jQuery and jQuery UI libraries. The Modernzr library is used internally for detecting browser and device capabilities. The control uses shared resources from the \{environment:ProductName\}™ for functionality and data binding. References to these resources are needed nevertheless, in spite of pure jQuery or \{environment:ProductNameMVC\} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. ### <a id="min-requirements-summary"></a>Requirements summary chart @@ -106,12 +109,12 @@ The following table summarizes the requirements for `igMap` control. | --- | --- | | Requirement | Description | | HTML5 canvas API | The functionality of the igMap control is based on the HTML5 Canvas tag and its related API. Any web browser that supports these will be able to render and display maps generated by the control. No other HTML5 features are required for the operation of the igMap control. The topic [Canvas Element: Support](http://en.wikipedia.org/wiki/Canvas_element#Support) from [Wikipedia™](http://en.wikipedia.org/wiki/Main_Page) details which versions of the most popular desktop and mobile web browsers support the HTML5 Canvas API. | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName} is built on top of these frameworks: jQuery jQuery UI The frameworks must be referenced by the web pages that use the igMap control. | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\} is built on top of these frameworks: jQuery jQuery UI The frameworks must be referenced by the web pages that use the igMap control. | | Modernizr (Optional) | The Modernizr library is used by the igMap to detect browser and device capabilities. It is not mandatory and if not included the control will behave as if it works in a normal desktop environment with HTML5 compatible browser. Modernizr | -| JavaScript resources | The functionality of the igMap control uses some utilities and the data visualization core from the {environment:ProductName} library. JS Resource | -| `infragistics.util.js`, `infragistics.util.jquery.js` | {environment:ProductName} utilities | +| JavaScript resources | The functionality of the igMap control uses some utilities and the data visualization core from the \{environment:ProductName\} library. JS Resource | +| `infragistics.util.js`, `infragistics.util.jquery.js` | \{environment:ProductName\} utilities | | `infragistics.datasource.js` | The igDataSource control | -| `infragistics.ui.widget.js` | Base igWidget for all {environment:ProductName} widgets. | +| `infragistics.ui.widget.js` | Base igWidget for all \{environment:ProductName\} widgets. | | `infragistics.ext_core.js`, `infragistics.ext_collections.js`, `infragistics.ext_ui.js`, `infragistics.dv_jquerydom.js`, `infragistics.ext_text.js`, `infragistics.ext_io.js`, `infragistics.ext_threading.js`, `infragistics.ext_web.js`, `infragistics.dv_core.js`, `infragistics.dv_geo.js`, `infragistics.dv_geometry.js` | Data visualization core functionality | | `infragistics.dvcommonwidget.js` | Chart and map common widget | | `infragistics.dv_interactivity.js`, `infragistics.datachart_interactivity.js` | Provides support for user interaction such as panning, zooming, dragging, etc. | @@ -124,13 +127,13 @@ The following table summarizes the requirements for `igMap` control. <tr> <td>CSS resources</td> - <td>The CSS resources consist of the IG theme and the map structure CSS. The IG theme contains custom visual styles created for the {environment:ProductName} library. It is contained in the following file:`{IG CSS root}/themes/Infragistics/infragistics.theme.css` The map structure CSS resource is used for rendering different elements of the map control:`{IG CSS root}/structure/modules/infragistics.ui.map.css`</td> + <td>The CSS resources consist of the IG theme and the map structure CSS. The IG theme contains custom visual styles created for the \{environment:ProductName\} library. It is contained in the following file:`{IG CSS root}/themes/Infragistics/infragistics.theme.css` The map structure CSS resource is used for rendering different elements of the map control:`{IG CSS root}/structure/modules/infragistics.ui.map.css`</td> </tr> </tbody> </table> ->**Note:**It is recommended to load JavaScript and CSS resources using the `igLoader` control. For examples on how to use the the `igLoader` control with `igMap`, refer to the [Adding an igMap](/adding-igmap.mdx) topic and the [Geographic Symbol Series]({environment:SamplesUrl}/map/geo-symbol-series) sample. +>**Note:**It is recommended to load JavaScript and CSS resources using the `igLoader` control. For examples on how to use the the `igLoader` control with `igMap`, refer to the [Adding an igMap](/adding-igmap.mdx) topic and the [Geographic Symbol Series](\{environment:SamplesUrl\}/map/geo-symbol-series) sample. ##<a id="main-features"></a>Main Features Summary diff --git a/docs/jquery/src/content/en/topics/controls/igmap/styling-igmap.mdx b/docs/jquery/src/content/en/topics/controls/igmap/styling-igmap.mdx index 10cc7fc208..a7408ba724 100644 --- a/docs/jquery/src/content/en/topics/controls/igmap/styling-igmap.mdx +++ b/docs/jquery/src/content/en/topics/controls/igmap/styling-igmap.mdx @@ -2,6 +2,9 @@ title: "Styling igMap" slug: styling-igmap --- + +# Styling igMap + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Styling igMap @@ -25,7 +28,7 @@ The following table lists the topics, and external articles required as a prereq **Topics** -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): General information and a procedure for updating styles and themes in {environment:ProductName}™ library. +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): General information and a procedure for updating styles and themes in \{environment:ProductName\}™ library. - [igMap Overview](/overview-igmap.mdx): This topic provides conceptual information about the `igMap` control including its main features, minimum requirements and user interaction capabilities. @@ -72,16 +75,16 @@ The `igMap` control is intended to allow developers to easily plot maps with app Map series’ colors are controlled by options and depend on the particular series type used. For example, the Geographic Symbol and Geographic Shape series support markers, while the rest of the map series have other visual representation like polylines and contour lines or employ colored regions which depend on map data. -Detailed information about using themes with the {environment:ProductName} library is available in the [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. +Detailed information about using themes with the \{environment:ProductName\} library is available in the [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. ->**Note:** The base theme of {environment:ProductName} is not required for maps and you may safely omit it on pages containing only maps. +>**Note:** The base theme of \{environment:ProductName\} is not required for maps and you may safely omit it on pages containing only maps. ##<a id="overview"></a>Themes Overview ### Themes summary -{environment:ProductName} offers the following themes you can use with the `igMap` control: +\{environment:ProductName\} offers the following themes you can use with the `igMap` control: - IG - Metro @@ -101,7 +104,7 @@ The following table summarizes the available themes for the `igMap` control. <tr> <td>IG</td> <td><img alt="" src="images/Styling_with_Themes_(igMap)_1.png" width="319" height="230"/></td> - <td>Path: {IG CSS root}/themes/infragistics/ File: infragistics.theme.css This theme defines general visual features for all {environment:ProductName} controls. Detailed information for using the IG theme is available in the <a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">Styling and Theming in {environment:ProductName}</a> topic.</td> + <td>Path: {IG CSS root}/themes/infragistics/ File: infragistics.theme.css This theme defines general visual features for all \{environment:ProductName\} controls. Detailed information for using the IG theme is available in the <a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">Styling and Theming in \{environment:ProductName\}</a> topic.</td> </tr> <tr> @@ -615,15 +618,15 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Geographic Symbol Series]({environment:SamplesUrl}/map/geo-symbol-series): This sample demonstrates how to create maps and visualize geographic symbol series. +- [Geographic Symbol Series](\{environment:SamplesUrl\}/map/geo-symbol-series): This sample demonstrates how to create maps and visualize geographic symbol series. -- [Geographic Shapes Series]({environment:SamplesUrl}/map/geo-shapes-series): This sample demonstrates how to bind shape files and database files to a map control and produce geographic shapes visualization. +- [Geographic Shapes Series](\{environment:SamplesUrl\}/map/geo-shapes-series): This sample demonstrates how to bind shape files and database files to a map control and produce geographic shapes visualization. -- [Geographic Polyline Series]({environment:SamplesUrl}/map/geo-polyline-series): This sample shows how to bind shape and database files and configures geographic polyline map series. +- [Geographic Polyline Series](\{environment:SamplesUrl\}/map/geo-polyline-series): This sample shows how to bind shape and database files and configures geographic polyline map series. -- [Geographic Scatter Area Series]({environment:SamplesUrl}/map/geo-scatter-area):This sample demonstrates how to bind pre-triangulated (ITF) files to a map control with the help of the geographic scatter area series. +- [Geographic Scatter Area Series](\{environment:SamplesUrl\}/map/geo-scatter-area):This sample demonstrates how to bind pre-triangulated (ITF) files to a map control with the help of the geographic scatter area series. -- [Geographic Contour Line Series]({environment:SamplesUrl}/map/geo-contour-line): This sample demonstrates how to bind pre-triangulated (ITF) files to a map control and configure geographic contour line series. +- [Geographic Contour Line Series](\{environment:SamplesUrl\}/map/geo-contour-line): This sample demonstrates how to bind pre-triangulated (ITF) files to a map control and configure geographic contour line series. ### <a id="resources"></a>Resources diff --git a/docs/jquery/src/content/en/topics/controls/ignotifier/overview.mdx b/docs/jquery/src/content/en/topics/controls/ignotifier/overview.mdx index 742c664def..fd971a4adb 100644 --- a/docs/jquery/src/content/en/topics/controls/ignotifier/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/ignotifier/overview.mdx @@ -2,6 +2,9 @@ title: "igNotifier Overview" slug: ignotifier-overview --- + +# igNotifier Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igNotifier Overview @@ -128,7 +131,7 @@ The whole list of available options and detailed description can be found in the ## <a id="related-content"></a> Related Content -- [Notifier Basic Usage sample]({environment:SamplesUrl}/notifier/basic-usage) -- [Notifier Inline messages sample]({environment:SamplesUrl}/notifier/inline-messages) -- [Notifier with igEditors sample]({environment:SamplesUrl}/editors/with-igEditors) +- [Notifier Basic Usage sample](\{environment:SamplesUrl\}/notifier/basic-usage) +- [Notifier Inline messages sample](\{environment:SamplesUrl\}/notifier/inline-messages) +- [Notifier with igEditors sample](\{environment:SamplesUrl\}/editors/with-igEditors) - <ApiLink type="igNotifier" label="igNotifier jQuery API" /> diff --git a/docs/jquery/src/content/en/topics/controls/igpiechart/accessibility.mdx b/docs/jquery/src/content/en/topics/controls/igpiechart/accessibility.mdx index a34faf97a7..69728bf225 100644 --- a/docs/jquery/src/content/en/topics/controls/igpiechart/accessibility.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpiechart/accessibility.mdx @@ -24,7 +24,7 @@ The following topics are prerequisite to understanding this topic: ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [Accessibility compliance reference chart](#accessibility-reference-chart) that follows contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igPieChart` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [Accessibility compliance reference chart](#accessibility-reference-chart) that follows contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igPieChart` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. @@ -51,7 +51,7 @@ Rules| Rule Text|How We Comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all {environment:ProductName} controls. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all \{environment:ProductName\} controls. diff --git a/docs/jquery/src/content/en/topics/controls/igpiechart/adding.mdx b/docs/jquery/src/content/en/topics/controls/igpiechart/adding.mdx index a574fdb0b8..c96f6d15ba 100644 --- a/docs/jquery/src/content/en/topics/controls/igpiechart/adding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpiechart/adding.mdx @@ -5,7 +5,6 @@ slug: igpiechart-adding # Adding an igPieChart - ### Purpose This topic demonstrates how to add the `igPieChart`™ control to a web page and bind it to data. @@ -22,9 +21,9 @@ The following table lists the materials required as a prerequisite to understand **Topics** -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx): General information on the {environment:ProductName}™ library. +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx): General information on the \{environment:ProductName\}™ library. -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the {environment:ProductName} library. +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the \{environment:ProductName\} library. - [igPieChart Overview](/igpiechart-overview.mdx): This topic provides conceptual information about the `igPieChart` control including its main features, minimum requirements for using charts and user functionality. @@ -89,14 +88,14 @@ The following steps demonstrate how to add an `igPieChart` control to a web page Reference the required resources. Referencing resources includes: - Adding the jQuery, jQueryUI and Modernizr JavaScript resources to a folder named Scripts in your web site or web application. - - Adding the {environment:ProductName} CSS files to a folder named Content/ig in your web site or web application (see the [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic for details). - - Adding the {environment:ProductName} JavaScript files to a folder named Scripts/ig in your web site or web application (see the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic for details). + - Adding the \{environment:ProductName\} CSS files to a folder named Content/ig in your web site or web application (see the [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic for details). + - Adding the \{environment:ProductName\} JavaScript files to a folder named Scripts/ig in your web site or web application (see the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic for details). The resources can be added either manually or using loaders (recommended). **Referencing resources in JavaScript using the `igLoader`** - The `igLoader`™ control is the recommended way to load JavaScript and CSS resources required by the {environment:ProductName} library controls. First the `igLoader` script must be included in the page: + The `igLoader`™ control is the recommended way to load JavaScript and CSS resources required by the \{environment:ProductName\} library controls. First the `igLoader` script must be included in the page: **In HTML:** @@ -122,9 +121,9 @@ The following steps demonstrate how to add an `igPieChart` control to a web page **Referencing resources in MVC using the MVC Loader** - The `Infragistics.Web.Mvc` assembly must be referenced in your ASP.NET MVC project and the corresponding namespace must be referenced in your view. For details, see [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) but for clarity the code to reference the namespace is given here. + The `Infragistics.Web.Mvc` assembly must be referenced in your ASP.NET MVC project and the corresponding namespace must be referenced in your view. For details, see [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) but for clarity the code to reference the namespace is given here. - For MVC views {environment:ProductNameMVC} Loader must be used: + For MVC views \{environment:ProductNameMVC\} Loader must be used: **In ASPX:** @@ -137,7 +136,7 @@ The following steps demonstrate how to add an `igPieChart` control to a web page %> ``` - The {environment:ProductNameMVC} Loader automatically detects required resources and specifying resources is not necessary. + The \{environment:ProductNameMVC\} Loader automatically detects required resources and specifying resources is not necessary. **Referencing resources manually** @@ -158,7 +157,7 @@ The following steps demonstrate how to add an `igPieChart` control to a web page **ASP.NET Example** - For ASP.NET MVC, no container elements are needed because the {environment:ProductNameMVC} adds the required markup automatically. + For ASP.NET MVC, no container elements are needed because the \{environment:ProductNameMVC\} adds the required markup automatically. 3. Add the data source. @@ -256,7 +255,7 @@ The following steps demonstrate how to add an `igPieChart` control to a web page **ASP.NET example** - The code below instantiates and sets the main features of the `igPieChart` using the {environment:ProductNameMVC} PieChart provided in the `Infragistics.Web.Mvc` assembly. The data model is associated with the control with the PieChart(Model) call and the rest of the calls act similarly to the HTML example. + The code below instantiates and sets the main features of the `igPieChart` using the \{environment:ProductNameMVC\} PieChart provided in the `Infragistics.Web.Mvc` assembly. The data model is associated with the control with the PieChart(Model) call and the rest of the calls act similarly to the HTML example. **In ASPX:** @@ -286,7 +285,7 @@ The following topics provide additional information related to this topic. - [Data Binding (igPieChart)](/igpiechart-databinding.mdx): This topic explains how to bind various data sources to the `igPieChart`™ control. -- [jQuery and MVC API Reference Links (igPieChart)](/igpiechart-api-links.mdx): This topic provides links to the API documentation for jQuery and {environment:ProductNameMVC} class for `igDataChart`™ control. +- [jQuery and MVC API Reference Links (igPieChart)](/igpiechart-api-links.mdx): This topic provides links to the API documentation for jQuery and \{environment:ProductNameMVC\} class for `igDataChart`™ control. - [Styling igPieChart with Themes](/igpiechart-styling-themes.mdx): Demonstrates using styles and applying themes with `igPieChart`™. @@ -294,7 +293,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [JSON Binding]({environment:SamplesUrl}/pie-chart/json-binding):This is a basic example of the pie chart bound to JSON data. +- [JSON Binding](\{environment:SamplesUrl\}/pie-chart/json-binding):This is a basic example of the pie chart bound to JSON data. ### <a id="resources"></a>Resources diff --git a/docs/jquery/src/content/en/topics/controls/igpiechart/api-links.mdx b/docs/jquery/src/content/en/topics/controls/igpiechart/api-links.mdx index 35f447ebb6..325721d1b5 100644 --- a/docs/jquery/src/content/en/topics/controls/igpiechart/api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpiechart/api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Reference Links (igPieChart)" slug: igpiechart-api-links --- + +# jQuery and MVC API Reference Links (igPieChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Reference Links (igPieChart) @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This topic provides links to the API documentation for jQuery and {environment:ProductNameMVC} class for `igPieChart`™. +This topic provides links to the API documentation for jQuery and \{environment:ProductNameMVC\} class for `igPieChart`™. ### Required Background @@ -25,7 +28,7 @@ The following topics are prerequisite to understanding this topic: ### Introduction -The `igPieChart` is built as a jQuery UI widget with an accompanying {environment:ProductNameMVC} PieChart. For more information about each API, follow the links to the API documentation given below. +The `igPieChart` is built as a jQuery UI widget with an accompanying \{environment:ProductNameMVC\} PieChart. For more information about each API, follow the links to the API documentation given below. ### API reference summary diff --git a/docs/jquery/src/content/en/topics/controls/igpiechart/databinding.mdx b/docs/jquery/src/content/en/topics/controls/igpiechart/databinding.mdx index 7a0c1c4d2b..fce9450c7b 100644 --- a/docs/jquery/src/content/en/topics/controls/igpiechart/databinding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpiechart/databinding.mdx @@ -2,6 +2,9 @@ title: "Data Binding (igPieChart)" slug: igpiechart-databinding --- + +# Data Binding (igPieChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Data Binding (igPieChart) @@ -85,7 +88,7 @@ Data types|<ul><li>String: for category axes only</li><li>Number</li><li>Date</l ### <a id="data-source-summary"></a>Data sources summary -Data binding for `igPieChart` is done identically to binding for other controls from the {environment:ProductName}™ library. The way to bind data is by either by assigning a data source to the `dataSource` option or to provide a URL in the `dataSourceUrl` if data is provided by a web or WCF service. +Data binding for `igPieChart` is done identically to binding for other controls from the \{environment:ProductName\}™ library. The way to bind data is by either by assigning a data source to the `dataSource` option or to provide a URL in the `dataSourceUrl` if data is provided by a web or WCF service. ##<a id="bind-js"></a>Bind to a JavaScript Array @@ -172,7 +175,7 @@ The following steps demonstrate how to bind JavaScript data array to an `igPieCh ### <a id="data-source-summary"></a>Data sources summary -Data binding for `igPieChart` is done identically to binding for other controls from the {environment:ProductName}™ library. The way to bind data is by either by assigning a data source to the `dataSource` option or to provide a URL in the `dataSourceUrl` if data is provided by a web or WCF service. +Data binding for `igPieChart` is done identically to binding for other controls from the \{environment:ProductName\}™ library. The way to bind data is by either by assigning a data source to the `dataSource` option or to provide a URL in the `dataSourceUrl` if data is provided by a web or WCF service. ##<a id="bind-xml"></a>Bind to XML @@ -284,7 +287,7 @@ The following steps demonstrate how to bind an XML string to an `igPieChart` con The following sample implements the above steps. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/pie-chart/xml-binding]({environment:SamplesEmbedUrl}/pie-chart/xml-binding) + [\{environment:SamplesEmbedUrl\}/pie-chart/xml-binding](\{environment:SamplesEmbedUrl\}/pie-chart/xml-binding) </div> @@ -292,7 +295,7 @@ The following sample implements the above steps. ### <a id="mvc-introduction"></a>Introduction -This procedure shows how to bind a list of data objects from a backend controller method to a pie chart using the ASP.NET helper provided in the {environment:ProductName} library. +This procedure shows how to bind a list of data objects from a backend controller method to a pie chart using the ASP.NET helper provided in the \{environment:ProductName\} library. ### Prerequisites @@ -309,7 +312,7 @@ The following screenshot is a preview of the final result. ### <a id="mvc-steps"></a>Steps -The following steps demonstrate how to instantiate and bind an `igPieChart` control in ASP.NET MVC by providing a list of data objects to a strongly typed view and use the {environment:ProductNameMVC} DataChart. +The following steps demonstrate how to instantiate and bind an `igPieChart` control in ASP.NET MVC by providing a list of data objects to a strongly typed view and use the \{environment:ProductNameMVC\} DataChart. 1. Define data model. @@ -346,7 +349,7 @@ The following steps demonstrate how to instantiate and bind an `igPieChart` cont } ``` - Note how the list of `DepartmentSpending` objects is converted to an `IQueryable< DepartmentSpending>` before submitting to the view. This can alternatively be done in the {environment:ProductNameMVC} PieChart call in the view but the implementation provided is cleaner. + Note how the list of `DepartmentSpending` objects is converted to an `IQueryable< DepartmentSpending>` before submitting to the view. This can alternatively be done in the \{environment:ProductNameMVC\} PieChart call in the view but the implementation provided is cleaner. 3. Instantiate chart control and set data source. @@ -476,4 +479,4 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Pie Chart Overview]({environment:SamplesUrl}/pie-chart/overview):This sample demonstrates creating a simple pie chart and configuring some of its features. \ No newline at end of file +- [Pie Chart Overview](\{environment:SamplesUrl\}/pie-chart/overview):This sample demonstrates creating a simple pie chart and configuring some of its features. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igpiechart/igpiechart.mdx b/docs/jquery/src/content/en/topics/controls/igpiechart/igpiechart.mdx index 6289c7b71a..f28add8f52 100644 --- a/docs/jquery/src/content/en/topics/controls/igpiechart/igpiechart.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpiechart/igpiechart.mdx @@ -5,7 +5,6 @@ slug: igpiechart # igPieChart - ##In This Group of Topics ### Introduction @@ -29,7 +28,7 @@ The topics in this section provide detailed information regarding the `igPieChar - [Accessibility Compliance (igPieChart)](/igpiechart-accessibility.mdx): This topic explains the accessibility features of the `igPieChart` and provides advice how to achieve accessibility compliance for pages containing charts. -- [jQuery and MVC API Reference Links (igPieChart)](/igpiechart-api-links.mdx): This topic provides links to the API documentation for jQuery and {environment:ProductNameMVC} class for `igPieChart`. +- [jQuery and MVC API Reference Links (igPieChart)](/igpiechart-api-links.mdx): This topic provides links to the API documentation for jQuery and \{environment:ProductNameMVC\} class for `igPieChart`. ##Related Content @@ -38,7 +37,7 @@ The topics in this section provide detailed information regarding the `igPieChar The following topics provide additional information related to this topic. -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx): This topic provides general information about the {environment:ProductName}™ library. +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx): This topic provides general information about the \{environment:ProductName\}™ library. - [igDataChart Overview](/igdatachart/overview/overview.mdx): This topic provides conceptual information about the `igDataChart` control including its main features, minimum requirements for using charts and user functionality. diff --git a/docs/jquery/src/content/en/topics/controls/igpiechart/overview.mdx b/docs/jquery/src/content/en/topics/controls/igpiechart/overview.mdx index b2f382804a..d3b9f394b9 100644 --- a/docs/jquery/src/content/en/topics/controls/igpiechart/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpiechart/overview.mdx @@ -5,7 +5,6 @@ slug: igpiechart-overview # igPieChart Overview - ##Topic Overview ### Purpose @@ -24,7 +23,7 @@ The following table lists the materials required as a prerequisite to understand **Topics** -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx): General information on the {environment:ProductName}™ library. +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx): General information on the \{environment:ProductName\}™ library. ### In this topic @@ -57,7 +56,7 @@ The main features of `igPieChart` include legend, tooltips based on templates, c ### <a id="min-requirements-introduction"></a>Introduction -The igPieChart control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. The Modernzr library is also used internally for detecting browser and device capabilities. The control uses several {environment:ProductName}™ shared resources for functionality and data binding. References to these resources are needed nevertheless, in spite of pure jQuery or {environment:ProductNameMVC} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. +The igPieChart control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. The Modernzr library is also used internally for detecting browser and device capabilities. The control uses several \{environment:ProductName\}™ shared resources for functionality and data binding. References to these resources are needed nevertheless, in spite of pure jQuery or \{environment:ProductNameMVC\} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. ### <a id="requirements-summary-chart"></a>Requirements summary chart @@ -67,12 +66,12 @@ The following table summarizes the requirements for using the `igPieChart` contr | Requirement | Description | | --- | --- | | HTML5 canvas API | The functionality of the charting library is based on the HTML5 Canvas tag and its related API. Any web browser that supports these will be able to render and display charts generated by the igPieChart control. No other HTML5 features are required for the operation of the igPieChart control. The topic [Canvas Element: Support](http://en.wikipedia.org/wiki/Canvas_element#Support) from [Wikipedia™](http://en.wikipedia.org/wiki/Main_Page) details which versions of the most popular desktop and mobile web browsers support the HTML5 Canvas API. | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName} is built on top of these frameworks: [jQuery](http://docs.jquery.com/Main_Page) [jQuery UI](http://jqueryui.com/) | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\} is built on top of these frameworks: [jQuery](http://docs.jquery.com/Main_Page) [jQuery UI](http://jqueryui.com/) | | Modernizr | The Modernizr library is used by the igPieChart to detect browser and device capabilities. It is not mandatory and if not included the control will behave as if it works in a normal desktop environment with HTML5 compatible browser. [Modernizr](http://modernizr.com/docs/) | -| Charting JavaScript resources | The charting functionality of the {environment:ProductName} library is distributed across several files depending on the series type. Also, there is a separate pie chart JavaScript file which must be linked to you HTML or MVC views. In case you wish to include resources manually, you need to use the dependencies listed in the following table. JS Resource | -| `infragistics.util.js`, `infragistics.util.jquery.js` | {environment:ProductName} utilities | +| Charting JavaScript resources | The charting functionality of the \{environment:ProductName\} library is distributed across several files depending on the series type. Also, there is a separate pie chart JavaScript file which must be linked to you HTML or MVC views. In case you wish to include resources manually, you need to use the dependencies listed in the following table. JS Resource | +| `infragistics.util.js`, `infragistics.util.jquery.js` | \{environment:ProductName\} utilities | | `infragistics.datasource.js` | The igDataSource control | -| `infragistics.ui.widget.js` | Base igWidget for all {environment:ProductName} widgets. | +| `infragistics.ui.widget.js` | Base igWidget for all \{environment:ProductName\} widgets. | | `infragistics.ext_core.js`, `infragistics.ext_collections.js`, `infragistics.ext_ui.js`, `infragistics.dv_jquerydom.js`, `infragistics.dv_core.js`, `infragistics.dv_geometry.js` | Data visualization core functionality | | `infragistics.dvcommonwidget.js` | Chart and map common widget | | `infragistics.dv_interactivity.js` | Provides support for user interaction such as panning, zooming, dragging, etc. | @@ -84,7 +83,7 @@ The following table summarizes the requirements for using the `igPieChart` contr <tr> <td>IG theme</td> - <td>This theme contains custom visual styles created for the {environment:ProductName} library. It is contained in the following file: `{IG CSS root}/themes/Infragistics/infragistics.theme.css`</td> + <td>This theme contains custom visual styles created for the \{environment:ProductName\} library. It is contained in the following file: `{IG CSS root}/themes/Infragistics/infragistics.theme.css`</td> </tr> <tr> @@ -118,7 +117,7 @@ The Legend is a visual panel that shows an icon and a title for each data series ![](images/igPieChart_Overview_2.png) -Legends are implemented with a separate control from the {environment:ProductName} library called `igChartLegend`™ and require a separate div element on the page. This div element is referred in the pie chart and displays a label for each data item specified by the `labelMemberPath` option. The `igChartLegend` is a very simple control covered in the topic referred below. +Legends are implemented with a separate control from the \{environment:ProductName\} library called `igChartLegend`™ and require a separate div element on the page. This div element is referred in the pie chart and displays a label for each data item specified by the `labelMemberPath` option. The `igChartLegend` is a very simple control covered in the topic referred below. By default, the pie chart legend option is null and no legend is rendered. @@ -198,7 +197,7 @@ The following topics provide additional information related to this topic. - [Adding igDataChart](/igdatachart/adding.mdx): This topic demonstrates how to add the `igPieChart`™ control to a web page and bind it to data. -- [](/igpiechart-api-links.mdx)[jQuery and MVC API Reference Links (igPieChart)](/igpiechart-api-links.mdx): This topic provides links to the API documentation for jQuery and {environment:ProductNameMVC} class for `igPieChart`™. +- [](/igpiechart-api-links.mdx)[jQuery and MVC API Reference Links (igPieChart)](/igpiechart-api-links.mdx): This topic provides links to the API documentation for jQuery and \{environment:ProductNameMVC\} class for `igPieChart`™. - [Data Binding (igPieChart)](/igpiechart-databinding.mdx): This topic explains how to bind various data sources to the `igPieChart`™ control. @@ -208,4 +207,4 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [JSON Binding]({environment:SamplesUrl}/pie-chart/json-binding): This is a basic example of the pie chart bound to JSON data. \ No newline at end of file +- [JSON Binding](\{environment:SamplesUrl\}/pie-chart/json-binding): This is a basic example of the pie chart bound to JSON data. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igpiechart/selection.mdx b/docs/jquery/src/content/en/topics/controls/igpiechart/selection.mdx index 44129fa271..9c1b9b8274 100644 --- a/docs/jquery/src/content/en/topics/controls/igpiechart/selection.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpiechart/selection.mdx @@ -109,6 +109,6 @@ For scenarios where you click on the Others slice, the pie chart will return an - [Data Binding (igPieChart)](/igpiechart-databinding.mdx): This topic explains how to bind various data sources to the `igPieChart`™ control. -- [jQuery and MVC API Reference Links (igPieChart)](/igpiechart-api-links.mdx): This topic provides links to the API documentation for jQuery and {environment:ProductNameMVC} class for `igDataChart`™ control. +- [jQuery and MVC API Reference Links (igPieChart)](/igpiechart-api-links.mdx): This topic provides links to the API documentation for jQuery and \{environment:ProductNameMVC\} class for `igDataChart`™ control. - [Styling igPieChart with Themes](/igpiechart-styling-themes.mdx): Demonstrates using styles and applying themes with `igPieChart`™. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igpiechart/styling-themes.mdx b/docs/jquery/src/content/en/topics/controls/igpiechart/styling-themes.mdx index 687fc4ac80..32018a9a26 100644 --- a/docs/jquery/src/content/en/topics/controls/igpiechart/styling-themes.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpiechart/styling-themes.mdx @@ -5,7 +5,6 @@ slug: igpiechart-styling-themes # Styling igPieChart with Themes - ##Topic Overview @@ -22,7 +21,7 @@ Demonstrates using styles and applying themes with `igPieChart`™. **Topics** -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): Provides general information and procedure for updating styles and themes in {environment:ProductName}™ library. +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx): Provides general information and procedure for updating styles and themes in \{environment:ProductName\}™ library. **External Resources** @@ -67,9 +66,9 @@ The igPieChart uses the jQuery UI CSS Framework for the purpose of applying styl You can use `ThemeRoller` to customize a theme. `ThemeRoller` is a tool provided by jQuery UI which facilitates the creation of custom themes that are compatible with jQuery UI widgets. Many pre-built themes are available for download and use in your website. The `igPieChart` control supports the use of `ThemeRoller` themes. -Detailed information for using themes with {environment:ProductName} library is available in the [Styling and Theming](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. +Detailed information for using themes with \{environment:ProductName\} library is available in the [Styling and Theming](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic. ->**Note:** The base theme of {environment:ProductName} is unnecessary for charts and may be omitted on pages that contain only charts. +>**Note:** The base theme of \{environment:ProductName\} is unnecessary for charts and may be omitted on pages that contain only charts. ##<a id="theme-summary"></a>Themes Summary @@ -84,13 +83,13 @@ Theme Description IG Theme Path: {IG CSS root}/themes/Infragistics/ File: infragistics.theme.css -This theme defines general visual features for all {environment:ProductName} controls. Detailed information for using the IG theme is available in the <a href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">Styling and Theming in {environment:ProductName}</a> topic. +This theme defines general visual features for all \{environment:ProductName\} controls. Detailed information for using the IG theme is available in the <a href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">Styling and Theming in \{environment:ProductName\}</a> topic. Chart Structure Theme Description IG Theme Path: {IG CSS root}/themes/Infragistics/ File: infragistics.theme.css -This theme defines general visual features for all {environment:ProductName} controls. Detailed information for using the IG theme is available in the <a href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">Styling and Theming in {environment:ProductName}</a> topic. +This theme defines general visual features for all \{environment:ProductName\} controls. Detailed information for using the IG theme is available in the <a href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">Styling and Theming in \{environment:ProductName\}</a> topic. Chart Structure \*Path:\* `{IG CSS root}/structure/modules/` \*File:\* `infragistics.ui.chart.css` This theme defines charts specific visual elements. @@ -217,7 +216,7 @@ Demonstrate how to modify the default IG Chart styles with your preferred settin 1. <a id="copy-css-style"></a>Copy the default chart CSS file - **Copy the CSS file with the default chart styles ( `infragistics.ui.chart.css` ) from the {environment:ProductName} installation to the themes folder of your web site or application.** + **Copy the CSS file with the default chart styles ( `infragistics.ui.chart.css` ) from the \{environment:ProductName\} installation to the themes folder of your web site or application.** For instance, if you have a folder Content/themes in your web site or application where you keep the CSS files used by the application, make a copy of the default chart CSS file mentioned above paste it here, `Content/themes/MyChartTheme/ig.ui.chart.custom.css`. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/accessibility-compliance.mdx index 093dbdd4eb..e885d9738c 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/accessibility-compliance.mdx @@ -24,7 +24,7 @@ The following topics are prerequisites to understanding this topic: ### igPivotDataSelector accessibility compliance summary -All Infragistics® {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [igPivotDataSelector accessibility compliance summary chart](#accessibility-summary-chart) contains the specific rules of Subpart 1194.22 that pertain to the control. +All Infragistics® \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [igPivotDataSelector accessibility compliance summary chart](#accessibility-summary-chart) contains the specific rules of Subpart 1194.22 that pertain to the control. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -49,7 +49,7 @@ Rules| Rule text| How we comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information about the accessibility compliance of all controls in the Infragistics {environment:ProductName} product suite. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information about the accessibility compliance of all controls in the Infragistics \{environment:ProductName\} product suite. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/adding/to-html-page.mdx b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/adding/to-html-page.mdx index 9625922709..11a565a9f7 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/adding/to-html-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/adding/to-html-page.mdx @@ -2,6 +2,9 @@ title: "Adding igPivotDataSelector to an HTML Page" slug: igpivotdataselector-adding-to-html-page --- + +# Adding igPivotDataSelector to an HTML Page + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igPivotDataSelector to an HTML Page @@ -16,9 +19,9 @@ This topic explains, in both conceptual and step-by-step form, how to add the `i The following topics are prerequisites to understanding this topic: -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx): This topic provides some general information on the {environment:ProductName}™ library. +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx): This topic provides some general information on the \{environment:ProductName\}™ library. -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx):This topic provides general guidance on adding the required JavaScript resources for using the controls from the {environment:ProductName} library. +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx):This topic provides general guidance on adding the required JavaScript resources for using the controls from the \{environment:ProductName\} library. - [igPivotDataSelector Overview](/igpivotdataselector-overview.mdx):This topic provides conceptual information about the `igPivotDataSelector` control including its main features, requirements, and user functionality. @@ -57,18 +60,18 @@ The following table summarizes the requirements for using the `igPivotDataSelect | | | | | --- | --- | --- | | Required Resources | Description | What you need to do… | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName}™ is built on top of these frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the <head> section of your page. | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\}™ is built on top of these frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the <head> section of your page. | | Modernizr library (Optional) | The Modernizr library is used by the `igPivotDataSelector` to detect browser and device capabilities. It is not mandatory and, if not included, the control will behave as if in a normal desktop environment with an HTML5 compatible browser. [Modernizr](http://modernizr.com/) | Add a script reference to the library in the <head> section of your page. | -| General `igPivotDataSelector` JavaScript Resources | The igPivotDataSelector functionality of the {environment:ProductName} library is distributed across several files. You can load the required resources in one of the following ways: (Recommended) Use the Infragistics® Loader (`igLoader`™). You only need to include a script reference to `igLoader` on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the {environment:ProductName} library dependences related to the `igPivotDataSelector` control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use `igLoader`). JavaScript Resource | Description | -| `infragistics.util.js`, `infragistics.util.jquery.js` | {environment:ProductName} utilities | | +| General `igPivotDataSelector` JavaScript Resources | The igPivotDataSelector functionality of the \{environment:ProductName\} library is distributed across several files. You can load the required resources in one of the following ways: (Recommended) Use the Infragistics® Loader (`igLoader`™). You only need to include a script reference to `igLoader` on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the \{environment:ProductName\} library dependences related to the `igPivotDataSelector` control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use `igLoader`). JavaScript Resource | Description | +| `infragistics.util.js`, `infragistics.util.jquery.js` | \{environment:ProductName\} utilities | | | (Conditional - if using `igOlapFlatDataSource`) `infragistics.datasource.js` | The `igDataSource`™ component | | | `infragistics.olapflatdatasource.js` or `infragistics.olapxmladatasource.js` | Data source framework | | | `infragistics.templating.js` | Template engine (`igTemplate`™) | | -| `infragistics.ui.shared.js` | {environment:ProductName} shared code | | +| `infragistics.ui.shared.js` | \{environment:ProductName\} shared code | | | `infragistics.ui.scroll.js` | A scroll helper which is internally used | | | `infragistics.ui.combo.js` | Combo box control (`igCombo`™) | | | `infragistics.ui.tree.js` | The `igTree`™ control | | -| `infragistics.ui.pivot.shared.js` | {environment:ProductName} shared code for pivot components | | +| `infragistics.ui.pivot.shared.js` | \{environment:ProductName\} shared code for pivot components | | | `infragistics.ui.pivotdataselector.js` | The `igPivotDataSelector`™ control | | <br/> </td> @@ -77,7 +80,7 @@ The following table summarizes the requirements for using the `igPivotDataSelect <tr> <td>IG Theme (Optional)</td> - <td>This theme contains the visual styles for the {environment:ProductName} library. The theme file is: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> + <td>This theme contains the visual styles for the \{environment:ProductName\} library. The theme file is: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> <td></td> </tr> @@ -143,9 +146,9 @@ The following steps demonstrate how to add a jQuery `igPivotDataSelector`. A. Add the jQuery, jQueryUI and Modernizr JavaScript resources to a folder named Scripts in the directory where your web page resides. - B. Add the {environment:ProductName} CSS files to a folder named Content/ig (For details, see the [Styling and Theming in {environment:ProductName}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). + B. Add the \{environment:ProductName\} CSS files to a folder named Content/ig (For details, see the [Styling and Theming in \{environment:ProductName\}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). - C. Add the {environment:ProductName} JavaScript files to a folder named Scripts/ig in your web site or application (For details, see the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) topic). + C. Add the \{environment:ProductName\} JavaScript files to a folder named Scripts/ig in your web site or application (For details, see the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) topic). 2. Add the references to the required JavaScript libraries. @@ -266,9 +269,9 @@ The following samples provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. -- [Binding to Xmla Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for selection. +- [Binding to Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for selection. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/adding/using-the-mvc-helper.mdx b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/adding/using-the-mvc-helper.mdx index ebbe9cca95..2a4eba8cc8 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/adding/using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/adding/using-the-mvc-helper.mdx @@ -9,7 +9,7 @@ slug: igpivotdataselector-adding-using-the-mvc-helper ### Purpose -This topic explains, in both conceptual and step-by-step form, how to add the `igPivotDataSelector`™ control to an ASP.NET MVC application using {environment:ProductNameMVC}. +This topic explains, in both conceptual and step-by-step form, how to add the `igPivotDataSelector`™ control to an ASP.NET MVC application using \{environment:ProductNameMVC\}. ### Required background @@ -41,7 +41,7 @@ This topic contains the following sections: ### <a id="summary"></a>Adding igPivotDataSelector to an ASP.NET MVC application summary -The `igPivotDataSelector` is a client-side component accompanied by an {environment:ProductNameMVC} implementation that allows the component to be used in the CS/VB code of an MVC View. It allows also consuming data from the View’s Model (using `igOlapFlatDataSource`). When using the {environment:ProductNameMVC} `igPivotDataSelector`, there are two ways to bind it to data: +The `igPivotDataSelector` is a client-side component accompanied by an \{environment:ProductNameMVC\} implementation that allows the component to be used in the CS/VB code of an MVC View. It allows also consuming data from the View’s Model (using `igOlapFlatDataSource`). When using the \{environment:ProductNameMVC\} `igPivotDataSelector`, there are two ways to bind it to data: - By configuring a data source. @@ -172,9 +172,9 @@ The following steps demonstrate how to add an `igPivotDataSelector` to an ASP.NE The following topics provide additional information related to this topic. -- [Adding igOlapFlatDataSource to an ASP.NET MVC Application](///data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx): This topic explains, in both conceptual and step-by-step form, how to add the `igOlapFlatDataSource`™ control to an ASP.NET MVC application using {environment:ProductNameMVC}. +- [Adding igOlapFlatDataSource to an ASP.NET MVC Application](///data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx): This topic explains, in both conceptual and step-by-step form, how to add the `igOlapFlatDataSource`™ control to an ASP.NET MVC application using \{environment:ProductNameMVC\}. -- [Adding igOlapXmlaDataSource to an ASP.NET MVC Application](///data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx): This topic explains, in both conceptual and step-by-step form, how to add the `igOlapXmlaDataSource`™ control to an ASP.NET MVC application using {environment:ProductNameMVC}. +- [Adding igOlapXmlaDataSource to an ASP.NET MVC Application](///data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx): This topic explains, in both conceptual and step-by-step form, how to add the `igOlapXmlaDataSource`™ control to an ASP.NET MVC application using \{environment:ProductNameMVC\}. - [igPivotGrid Overview](//igpivotgrid/overview.mdx): This topic provides conceptual information about the `igPivotGrid`™ control including its main features, minimum requirements, and user functionality. @@ -184,9 +184,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Using the{environment:ProductNameMVC} with Flat Data Source]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates how to use the {environment:ProductNameMVC} `igOlapFlatDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. +- [Using the\{environment:ProductNameMVC\} with Flat Data Source](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates how to use the \{environment:ProductNameMVC\} `igOlapFlatDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. -- [Using the {environment:ProductNameMVC} with Xmla Data Source]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the {environment:ProductNameMVC} `igOlapXmlaDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. +- [Using the \{environment:ProductNameMVC\} with Xmla Data Source](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the \{environment:ProductNameMVC\} `igOlapXmlaDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/api-links.mdx b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/api-links.mdx index 4e8838745d..a550423785 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igPivotDataSelector)" slug: igpivotdataselector-api-links --- + +# jQuery and MVC API Links (igPivotDataSelector) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igPivotDataSelector) diff --git a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/igpivotdataselector.mdx b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/igpivotdataselector.mdx index 6ab578e3c9..b1e3794f7d 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/igpivotdataselector.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/igpivotdataselector.mdx @@ -5,7 +5,6 @@ slug: igpivotdataselector # igPivotDataSelector - ##In This Group of Topics ### Introduction @@ -18,7 +17,7 @@ The topics in this group explain the `igPivotDataSelector`™ control and its us - [igPivotDataSelector Overview](/igpivotdataselector-overview.mdx): This topic provides conceptual information about the `igPivotDataSelector` control including its main features, minimum requirements, and user functionality. -- [Key Performance Indicators Support (igPivotGrid, igPivotDataSelector, igOlapXmlaDataSource)](/igpivotgrid/kpi-support.mdx): This topic explains conceptually how the Key Performance Indicators (KPIs) data from a multi-dimensional (OLAP) data set is visualized in {environment:ProductName}™. The {environment:ProductName} controls that visualize KPIs are the `igPivotDataSelector` and the `igPivotGrid`. +- [Key Performance Indicators Support (igPivotGrid, igPivotDataSelector, igOlapXmlaDataSource)](/igpivotgrid/kpi-support.mdx): This topic explains conceptually how the Key Performance Indicators (KPIs) data from a multi-dimensional (OLAP) data set is visualized in \{environment:ProductName\}™. The \{environment:ProductName\} controls that visualize KPIs are the `igPivotDataSelector` and the `igPivotGrid`. - [Adding igPivotDataSelector](/adding/igpivotdataselector-adding.mdx):This is a group of topics demonstrating how to add the `igPivotDataSelector` control to an HTML page and an ASP.NET MVC application. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/known-issues-and-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/known-issues-and-limitations.mdx index 8477cef50e..59c4077288 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/known-issues-and-limitations.mdx @@ -9,7 +9,7 @@ slug: igpivotdataselector-known-issues-and-limitations ### Overview -The following table summarizes the known issues and limitations of the `igPivotDataSelector`™ control for the {environment:ProductName}™ {environment:ProductVersionShort} release. Detailed explanations of some of the issues and the existing workarounds are provided for some of the issues after the summary table. +The following table summarizes the known issues and limitations of the `igPivotDataSelector`™ control for the \{environment:ProductName\}™ \{environment:ProductVersionShort\} release. Detailed explanations of some of the issues and the existing workarounds are provided for some of the issues after the summary table. ### Legend: diff --git a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/overview.mdx b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/overview.mdx index 16275dc442..8a0c7d7179 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotdataselector/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotdataselector/overview.mdx @@ -17,7 +17,7 @@ The following table lists the topics and concepts required as a prerequisite to **Topics** -- [Multidimensional (OLAP) Data Source Components](//data-sources/olap/multidimensional-data-source-components.mdx): This group of topics explains the multidimensional (OLAP) data source components of the {environment:ProductName}™ suite. +- [Multidimensional (OLAP) Data Source Components](//data-sources/olap/multidimensional-data-source-components.mdx): This group of topics explains the multidimensional (OLAP) data source components of the \{environment:ProductName\}™ suite. **External Resources** @@ -71,7 +71,7 @@ Data Selection|Given a data source, the `igPivotDataSelector` provides drop-down Metadata Tree|All the available dimensions with their respective hierarchies along with a list with all the available measures are loaded in a tree once the user chooses a database, cube, and measure group.![](images/igPivotDataSelector_Overview_3.png) When the user selects a Measure group, the measures are filtered accordingly. If none is selected, all measures will be available in the metadata tree. Slice Interaction| Unless custom restrictions are applied, all available hierarchies from the tree can be drag-and-dropped to one of the following areas: Rows, Columns, Filters. All available measures from the tree can be drag-and-dropped to the Measures area.![](images/igPivotDataSelector_Overview_4.png) Deferred Update|The `igPivotDataSelector` supports two data source update modes based on when the data source gets updated after the user makes a change in the control:<ul><li>Immediate – when the user makes a change in the control, that change gets executed immediately in the underlying back-end to update the data source. The user has to wait until the control is refreshed to the new state before they are can interact with the control again.</li><li>Deferred – the system is not updated until the user explicitly carries out a refresh operation (via an update button). This enables users to perform multiple changes without having to wait for the control to refresh after each change.</li></ul>Deferred update improves the performance of the control by not taxing system resources, especially when very large amounts of data are involved.In `igPivotDataSelector`, the user can control the refresh mode through the Defer Update checkbox and, if the box is checked, manually refresh the data source at their discretion by pressing the update button.<br/>![](images/igPivotDataSelector_Overview_5.png) -Support for interaction with other {environment:ProductName} controls|`igPivotDataSelector` uses the same data source instance as other {environment:ProductName} controls, such as `igPivotGrid`. This enables you to build complete OLAP data visualization applications. (You can use the `igPivotView` control which has similar purpose.) +Support for interaction with other \{environment:ProductName\} controls|`igPivotDataSelector` uses the same data source instance as other \{environment:ProductName\} controls, such as `igPivotGrid`. This enables you to build complete OLAP data visualization applications. (You can use the `igPivotView` control which has similar purpose.) ##<a id="user-interaction"></a>User Interactions and Usability @@ -95,7 +95,7 @@ Update the grid on demand if Deferred Update is enabled|By clicking the Update L ### Requirements summary -Because the `igPivotDataSelector` control is a jQuery UI widget, it depends on jQuery and jQuery UI libraries. The Modernzr library is also used internally for detecting browser and device capabilities. The control uses several {environment:ProductName} shared resources for its functionality. References to these resources are needed nevertheless, in spite of pure jQuery or {environment:ProductNameMVC} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. +Because the `igPivotDataSelector` control is a jQuery UI widget, it depends on jQuery and jQuery UI libraries. The Modernzr library is also used internally for detecting browser and device capabilities. The control uses several \{environment:ProductName\} shared resources for its functionality. References to these resources are needed nevertheless, in spite of pure jQuery or \{environment:ProductNameMVC\} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. For a detailed list of the required resources for using the `igPivotDataSelector` control, refer to the [Adding igPivotDataSelector to an HTML Page](/adding/igpivotdataselector-adding-to-html-page.mdx) topic. @@ -115,11 +115,11 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding to Xmla Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding to Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for data selection. -- [Using the ASP.NET MVC Helper with Xmla Data Source]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igOlapXmlaDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. +- [Using the ASP.NET MVC Helper with Xmla Data Source](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igOlapXmlaDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. -- [Remote Xmla Provider]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): This sample demonstrates one of the benefits of using the remote provider feature of the `igOlapXmlaDataSource` - less network traffic. All requests are proxied through the server application to avoid cross domain problems. In addition, the data is translated to JSON reducing the size of the response. +- [Remote Xmla Provider](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): This sample demonstrates one of the benefits of using the remote provider feature of the `igOlapXmlaDataSource` - less network traffic. All requests are proxied through the server application to avoid cross domain problems. In addition, the data is translated to JSON reducing the size of the response. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotgrid/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igpivotgrid/accessibility-compliance.mdx index b740b5d02a..1252789517 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotgrid/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotgrid/accessibility-compliance.mdx @@ -2,6 +2,9 @@ title: "Accessibility Compliance (igPivotGrid)" slug: igpivotgrid-accessibility-compliance --- + +# Accessibility Compliance (igPivotGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Accessibility Compliance (igPivotGrid) @@ -24,7 +27,7 @@ The following topics are prerequisites to understanding this topic: ##igPivotGrid Accessibility Compliance -All Infragistics® {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [igPivotGrid accessibility compliance summary chart](#accessibility-compliance-summary-chart) contains the specific rules of Subpart 1194.22 that pertain to the control. +All Infragistics® \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [igPivotGrid accessibility compliance summary chart](#accessibility-compliance-summary-chart) contains the specific rules of Subpart 1194.22 that pertain to the control. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -56,7 +59,7 @@ Rules|Rule text|How we comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information about the accessibility compliance of all controls in the Infragistics {environment:ProductName} product suite. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information about the accessibility compliance of all controls in the Infragistics \{environment:ProductName\} product suite. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotgrid/adding/to-an-html-page.mdx b/docs/jquery/src/content/en/topics/controls/igpivotgrid/adding/to-an-html-page.mdx index 6956dfb58f..affb84cc53 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotgrid/adding/to-an-html-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotgrid/adding/to-an-html-page.mdx @@ -2,6 +2,9 @@ title: "Adding igPivotGrid to an HTML Page" slug: igpivotgrid-adding-to-an-html-page --- + +# Adding igPivotGrid to an HTML Page + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igPivotGrid to an HTML Page @@ -16,7 +19,7 @@ This topic explains, in both conceptual and step-by-step form, how to add the `i The following topics are prerequisites to understanding this topic: -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the {environment:ProductName} library. +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the \{environment:ProductName\} library. - [igPivotGrid Overview](/igpivotgrid-overview.mdx): This topic provides conceptual information about the `igPivotGrid` control including its main features, minimum requirements and user functionality. @@ -55,18 +58,18 @@ The following table summarizes the requirements for using the `igPivotGrid` cont | | | | | --- | --- | --- | | Required Resources | Description | What you need to do… | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the <head> section of your page. | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the <head> section of your page. | | Modernizr library (Optional) | The Modernizr library is used by the igPivotGrid to detect browser and device capabilities. It is not mandatory and, if not included, the control will behave as if in a normal desktop environment with an HTML5 compatible browser. [Modernizr](http://modernizr.com/) | Add a script reference to the library in the <head> section of your page. | -| General `igPivotGrid` JavaScript Resources | The igPivotGrid functionality of the {environment:ProductName} library is distributed across several files. You can load the required resources in one of the following ways: **Including a custom JavaScript file**: This is the recommended approach to reference {environment:ProductName} JavaScript files. You can [create a custom download]({environment:SamplesUrl}/download) of selected {environment:ProductName} controls and components. **Using Infragistics Loader**: The *Infragistics Loader* can be used to resolve all the Infragistics resources (styles and scripts) Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the {environment:ProductName} library dependences related to the igPivotGrid control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use `igLoader`). JavaScript Resource | Description | -| `infragistics.util.js`, `infragistics.util.jquery.js` | {environment:ProductName} utilities | | +| General `igPivotGrid` JavaScript Resources | The igPivotGrid functionality of the \{environment:ProductName\} library is distributed across several files. You can load the required resources in one of the following ways: **Including a custom JavaScript file**: This is the recommended approach to reference \{environment:ProductName\} JavaScript files. You can [create a custom download](\{environment:SamplesUrl\}/download) of selected \{environment:ProductName\} controls and components. **Using Infragistics Loader**: The *Infragistics Loader* can be used to resolve all the Infragistics resources (styles and scripts) Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the \{environment:ProductName\} library dependences related to the igPivotGrid control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use `igLoader`). JavaScript Resource | Description | +| `infragistics.util.js`, `infragistics.util.jquery.js` | \{environment:ProductName\} utilities | | | (Conditional - if using `igOlapFlatDataSource`) `infragistics.datasource.js` | The `igDataSource`™ component | | | `infragistics.olapflatdatasource.js` or `infragistics.olapxmladatasource.js` | Data source framework | | | `infragistics.templating.js` | Template engine (`igTemplate`™) | | -| `infragistics.ui.shared.js` | {environment:ProductName} shared code | | +| `infragistics.ui.shared.js` | \{environment:ProductName\} shared code | | | `infragistics.ui.scroll.js` | A scroll helper which is internally used | | | `infragistics.ui.grid.framework.js` | The `igGrid`™ control | | | `infragistics.ui.grid.multicolumnheaders.js` | The multi-column headers feature for the `igGrid` control | | -| `infragistics.ui.pivot.shared.js` | {environment:ProductName} shared code for pivot components | | +| `infragistics.ui.pivot.shared.js` | \{environment:ProductName\} shared code for pivot components | | | `infragistics.ui.pivotgrid.js` | The `igPivotGrid` control | | <br/> </td> @@ -75,7 +78,7 @@ The following table summarizes the requirements for using the `igPivotGrid` cont <tr> <td>IG Theme (Optional)</td> - <td>This theme contains the visual styles for the {environment:ProductName} library. The theme file is: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> + <td>This theme contains the visual styles for the \{environment:ProductName\} library. The theme file is: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> <td></td> </tr> @@ -141,9 +144,9 @@ The following steps demonstrate how to add a jQuery `igPivotGrid`. A. **Add the jQuery, jQuery UI, and Modernizr JavaScript resources to a folder named Scripts in the directory where your web page resides.** - B. **Add the {environment:ProductName} CSS files to a folder named Content/ig (For details, see the [Styling and Theming {environment:ProductName}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic).** + B. **Add the \{environment:ProductName\} CSS files to a folder named Content/ig (For details, see the [Styling and Theming \{environment:ProductName\}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic).** - C. **Add the {environment:ProductName} JavaScript files to a folder named Scripts/ig in your web site or application (For details,see the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) topics).** + C. **Add the \{environment:ProductName\} JavaScript files to a folder named Scripts/ig in your web site or application (For details,see the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) topics).** 2. Add the references to the required JavaScript libraries. @@ -259,15 +262,15 @@ The following steps demonstrate how to add a jQuery `igPivotGrid`. The following topics provide additional information related to this topic. -- [Adding {environment:ProductNameMVC} igPivotGrid](/igpivotgrid-adding-using-the-mvc-helper.mdx): This topic demonstrates how to add the `igPivotGrid`™ control to an ASP.NET MVC application. +- [Adding \{environment:ProductNameMVC\} igPivotGrid](/igpivotgrid-adding-using-the-mvc-helper.mdx): This topic demonstrates how to add the `igPivotGrid`™ control to an ASP.NET MVC application. ### <a id="samples"></a>Samples The following samples provide additional information related to this topic. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. -- [Binding to Xmla Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for selection. +- [Binding to Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for selection. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotgrid/adding/using-the-mvc-helper.mdx b/docs/jquery/src/content/en/topics/controls/igpivotgrid/adding/using-the-mvc-helper.mdx index 34de4a56d4..a2ef51f85f 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotgrid/adding/using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotgrid/adding/using-the-mvc-helper.mdx @@ -5,7 +5,6 @@ slug: igpivotgrid-adding-using-the-mvc-helper # Adding igPivotGrid to an ASP.NET MVC Application - ##Topic Overview ### Purpose @@ -43,7 +42,7 @@ This topic contains the following sections: ### <a id="overview-summary"></a>Adding igPivotGrid to an ASP.NET MVC application summary -The `igPivotGrid` is a client-side component accompanied by an {environment:ProductNameMVC} implementation that allows the component to be used in the CS/VB code of an MVC View. It allows also consuming data from the View’s Model (using `igOlapFlatDataSource`™). When using the {environment:ProductNameMVC} `igPivotGrid`, there are two ways to bind it to data: +The `igPivotGrid` is a client-side component accompanied by an \{environment:ProductNameMVC\} implementation that allows the component to be used in the CS/VB code of an MVC View. It allows also consuming data from the View’s Model (using `igOlapFlatDataSource`™). When using the \{environment:ProductNameMVC\} `igPivotGrid`, there are two ways to bind it to data: - By configuring a data source. @@ -190,9 +189,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Using the {environment:ProductNameMVC} with Xmla Data Source]({environment:SamplesUrl}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates using the {environment:ProductNameMVC} `igOlapXmlaDataSource` control and how to use it as data source in the `igPivotDataSelector` and `igPivotGrid` controls. +- [Using the \{environment:ProductNameMVC\} with Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates using the \{environment:ProductNameMVC\} `igOlapXmlaDataSource` control and how to use it as data source in the `igPivotDataSelector` and `igPivotGrid` controls. -- [Using the {environment:ProductNameMVC} with Flat Data Source]({environment:SamplesUrl}/pivot-grid/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates using the {environment:ProductNameMVC} `igOlapFlatDataSource` control and how to use it as data source in the `igPivotDataSelector` and `igPivotGrid` controls. +- [Using the \{environment:ProductNameMVC\} with Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates using the \{environment:ProductNameMVC\} `igOlapFlatDataSource` control and how to use it as data source in the `igPivotDataSelector` and `igPivotGrid` controls. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotgrid/api-links.mdx b/docs/jquery/src/content/en/topics/controls/igpivotgrid/api-links.mdx index b0a4dbb1df..90a23e6592 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotgrid/api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotgrid/api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igPivotGrid)" slug: igpivotgrid-api-links --- + +# jQuery and MVC API Links (igPivotGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igPivotGrid) diff --git a/docs/jquery/src/content/en/topics/controls/igpivotgrid/configuration.mdx b/docs/jquery/src/content/en/topics/controls/igpivotgrid/configuration.mdx index 0099baff86..8e08eff3d2 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotgrid/configuration.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotgrid/configuration.mdx @@ -2,6 +2,9 @@ title: "Configuring igPivotGrid" slug: igpivotgrid-configuration --- + +# Configuring igPivotGrid + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igPivotGrid @@ -45,7 +48,7 @@ Option| Description | <ApiLink pkg="ig" type="OlapXmlaDataSource" member="options.measures" section="options" label="measures" /> | A list of measure names separated by comma (,). These will be the measures of the data source. You can refer to the following basic sample with an example configuration. -- [Binding to Xmla Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source) +- [Binding to Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source) The **$.ig.OlapFlatDataSource** component allows multi-dimensional (OLAP-like) analysis to be performed on a flat data collection. The relevant basic settings for it are: @@ -65,7 +68,7 @@ Option| Description | <ApiLink pkg="ig" type="OlapFlatDataSource" member="options.measures" section="options" label="measures" />| list of measure names separated by comma (,). These will be the measures of the data source. You can refer to the following basic sample with an example configuration. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source) +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source) ## <a id='advanced'></a> Advanced Configurations @@ -78,7 +81,7 @@ The igPivotGrid allows specifying a <ApiLink type="igPivotGrid" member="customMo The below sample demonstrates how to forbid dropping items to the columns of the PivotGrid. Also any hierarchy that contains the word "Seller" in its name will not be accepted by the drop areas in the Pivot Grid and the Data Selector. <div class="embed-sample"> - [Custom Move Validation]({environment:SamplesEmbedUrl}/pivot-grid/custom-drag-drop-validation) + [Custom Move Validation](\{environment:SamplesEmbedUrl\}/pivot-grid/custom-drag-drop-validation) </div> ### <a id='custom-drag-drop'></a> Drag and Drop custom elements @@ -105,7 +108,7 @@ The following steps will guide you through the process of implementing dragging You can refer to the below sample with a similar configuration. <div class="embed-sample"> - [Drag Drop Custom Elements]({environment:SamplesEmbedUrl}/pivot-grid/drag-drop-custom-elements) + [Drag Drop Custom Elements](\{environment:SamplesEmbedUrl\}/pivot-grid/drag-drop-custom-elements) </div> ### <a id='expand'></a> Expand Members @@ -114,7 +117,7 @@ In order to programatically expand members in the Pivot Grid the <ApiLink type=" The below sample demonstrates how to use the method when the grid's data source is initialized on the <ApiLink type="igPivotGrid" member="dataSourceInitialized" section="events" label="dataSourceInitialized" /> event handler. <div class="embed-sample"> - [Expand Members]({environment:SamplesEmbedUrl}/pivot-grid/expand-members) + [Expand Members](\{environment:SamplesEmbedUrl\}/pivot-grid/expand-members) </div> @@ -132,13 +135,13 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. -- [Using the {environment:ProductNameMVC} with Xmla Data Source]({environment:SamplesUrl}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the {environment:ProductNameMVC} `igPivotGrid` with `igOlapXmlaDataSource`. +- [Using the \{environment:ProductNameMVC\} with Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the \{environment:ProductNameMVC\} `igPivotGrid` with `igOlapXmlaDataSource`. -- [Sorting]({environment:SamplesUrl}/pivot-grid/sorting): This sample demonstrates how to enable sorting in the `igPivotGrid` and how to apply sorting for specific levels upon initialization. +- [Sorting](\{environment:SamplesUrl\}/pivot-grid/sorting): This sample demonstrates how to enable sorting in the `igPivotGrid` and how to apply sorting for specific levels upon initialization. -- [Layout Modes]({environment:SamplesUrl}/pivot-grid/layout-modes): This sample compares the layout of the `igPivotGrid` when compact column and row headers are enabled or disabled. +- [Layout Modes](\{environment:SamplesUrl\}/pivot-grid/layout-modes): This sample compares the layout of the `igPivotGrid` when compact column and row headers are enabled or disabled. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotgrid/igpivotgrid.mdx b/docs/jquery/src/content/en/topics/controls/igpivotgrid/igpivotgrid.mdx index d70d4bd6df..469f1e057d 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotgrid/igpivotgrid.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotgrid/igpivotgrid.mdx @@ -5,7 +5,6 @@ slug: igpivotgrid # igPivotGrid - ##In This Group of Topics ### Introduction @@ -18,7 +17,7 @@ The `igPivotGrid` control is a data presentation control for displaying data in - [igPivotGrid Overview](/igpivotgrid-overview.mdx): This topic provides conceptual information about the `igPivotGrid` control including its main features, minimum requirements, and user functionality. -- [Key Performance Indicators Support (igPivotGrid, igPivotDataSelector, igOlapXmlaDataSource)](/igpivotgrid-kpi-support.mdx): This topic explains conceptually how the Key Performance Indicators (KPIs) data from a multi-dimensional (OLAP) data set is visualized in {environment:ProductName}™. The {environment:ProductName} controls that visualize KPIs are the `igPivotDataSelector` and the `igPivotGrid`. +- [Key Performance Indicators Support (igPivotGrid, igPivotDataSelector, igOlapXmlaDataSource)](/igpivotgrid-kpi-support.mdx): This topic explains conceptually how the Key Performance Indicators (KPIs) data from a multi-dimensional (OLAP) data set is visualized in \{environment:ProductName\}™. The \{environment:ProductName\} controls that visualize KPIs are the `igPivotDataSelector` and the `igPivotGrid`. - [Adding igPivotGrid](/adding/igpivotgrid-adding.mdx): This is a group of topics demonstrating how to add the `igPivotGrid` control to an HTML page and an ASP.NET MVC application. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotgrid/known-issues-and-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igpivotgrid/known-issues-and-limitations.mdx index f180832732..6b4e2fcc82 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotgrid/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotgrid/known-issues-and-limitations.mdx @@ -9,7 +9,7 @@ slug: igpivotgrid-known-issues-and-limitations ### Overview -The following table summarizes the known issues and limitations of the `igPivotGrid`™ control for the {environment:ProductName}™ {environment:ProductVersionShort} release. Detailed explanations of some of the issues and the existing workarounds are provided for some of the issues after the summary table. +The following table summarizes the known issues and limitations of the `igPivotGrid`™ control for the \{environment:ProductName\}™ \{environment:ProductVersionShort\} release. Detailed explanations of some of the issues and the existing workarounds are provided for some of the issues after the summary table. ### Legend: diff --git a/docs/jquery/src/content/en/topics/controls/igpivotgrid/kpi-support.mdx b/docs/jquery/src/content/en/topics/controls/igpivotgrid/kpi-support.mdx index 955db9d8a2..e3de3ca329 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotgrid/kpi-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotgrid/kpi-support.mdx @@ -4,13 +4,14 @@ slug: igpivotgrid-kpi-support --- # Key Performance Indicators Support (igPivotGrid, igPivotDataSelector, + igOlapXmlaDataSource) ##Topic Overview #### Purpose -This topic explains conceptually how the Key Performance Indicators (KPIs) data from a multi-dimensional (OLAP) data set is visualized in {environment:ProductName}™. The {environment:ProductName} controls that visualize KPIs are the `igPivotDataSelector`™ and the `igPivotGrid`™. +This topic explains conceptually how the Key Performance Indicators (KPIs) data from a multi-dimensional (OLAP) data set is visualized in \{environment:ProductName\}™. The \{environment:ProductName\} controls that visualize KPIs are the `igPivotDataSelector`™ and the `igPivotGrid`™. ### Required background @@ -87,7 +88,7 @@ A measure icon (4 in the picture below) is used to indicate a KPI member for Val The following samples provide additional information related to this topic. -- [Binding to Xmla Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for selection. As of the 2014.1 release the `igPivotGrid` supports visualizing Key Performance Indicators (KPIs) from an OLAP cube. +- [Binding to Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for selection. As of the 2014.1 release the `igPivotGrid` supports visualizing Key Performance Indicators (KPIs) from an OLAP cube. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotgrid/overview.mdx b/docs/jquery/src/content/en/topics/controls/igpivotgrid/overview.mdx index 650f204fa4..f76a3a92ea 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotgrid/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotgrid/overview.mdx @@ -2,6 +2,9 @@ title: "igPivotGrid Overview" slug: igpivotgrid-overview --- + +# igPivotGrid Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPivotGrid Overview @@ -19,7 +22,7 @@ The following table lists the topics and concepts required as a prerequisite to **Topics** -- [Multidimensional (OLAP) Data Source Components](//data-sources/olap/multidimensional-data-source-components.mdx): This group of topics explains the multidimensional (OLAP) data source components of the {environment:ProductName}™ suite. +- [Multidimensional (OLAP) Data Source Components](//data-sources/olap/multidimensional-data-source-components.mdx): This group of topics explains the multidimensional (OLAP) data source components of the \{environment:ProductName\}™ suite. **External Resources** @@ -62,7 +65,7 @@ Manipulating those elements allows users to go through the displayed results and The `igPivotGrid` control can slice, dice, drill down or up, and pivot data taken from an OLAP cube or from a flat data collection. With its arsenal of features, `igPivotGrid` allows you to build sophisticated data-driven applications. -The `igPivotGrid` is designed to work closely with another control from the {environment:ProductName} suite – the [igPivotDataSelector](/igpivotdataselector/igpivotdataselector.mdx)™. The `igPivotDataSelector` control all hierarchies and measures available in the data source available to users for displaying in the `igPivotGrid`. (If the `igPivotGrid` is used on its own, the users are limited in their interactions with the data only to the data slice that is currently displayed in the pivot grid.) If you prefer to use one widget instead of two you want to benefit from the built-in functionality to resize/collapse the `igPivotDataSelector`, use the [igPivotView](/igpivotview/igpivotview.mdx)™ instead of the `igPivotGrid-igPivotDataSelector` combination. +The `igPivotGrid` is designed to work closely with another control from the \{environment:ProductName\} suite – the [igPivotDataSelector](/igpivotdataselector/igpivotdataselector.mdx)™. The `igPivotDataSelector` control all hierarchies and measures available in the data source available to users for displaying in the `igPivotGrid`. (If the `igPivotGrid` is used on its own, the users are limited in their interactions with the data only to the data slice that is currently displayed in the pivot grid.) If you prefer to use one widget instead of two you want to benefit from the built-in functionality to resize/collapse the `igPivotDataSelector`, use the [igPivotView](/igpivotview/igpivotview.mdx)™ instead of the `igPivotGrid-igPivotDataSelector` combination. ## <a id="main-features"></a> Main Features @@ -162,7 +165,7 @@ The following features of the igGrid can be enabled via the gridOptions.<ApiLink The below sample demonstrates how to enable all the igGrid features supported by the igPivotGrid. <div class="embed-sample"> - [All Grid Features]({environment:SamplesEmbedUrl}/pivot-grid/all-grid-features) + [All Grid Features](\{environment:SamplesEmbedUrl\}/pivot-grid/all-grid-features) </div> @@ -177,13 +180,13 @@ The user can… |Using… |Details |Configurable? Change the currently selected hierarchies for the rows, columns, and filters| Drag-and-drop from one of the drop-areas.| The user can move a hierarchy between the columns, filters, and rows areas.If an `igPivotDataSelector` bound to the same data source is available on the page, in addition to that all hierarchies and measures can be drag-and-dropped between the `igPivotGrid` and the `igPivotDataSelector` with the respective effect on the table view.|![](../../images/images/positive.png)<ul><li>[Adding igPivotDataSelector to an HTML Page](/igpivotdataselector/adding/adding-to-html-page.mdx)</li><li>[Configuring the Tabular View of the Result Set by Arranging the Columns, Rows, Filters, and Measures of the Pivot Grid (igOlapFlatDataSource, igOlapXmlaDataSource, igPivotDataSelector, igPivotGrid, igPivotView)](//data-sources/olap/flat/configuring-the-tabular-view.mdx)</li></ul> Drill down/up the members of a hierarchy|The +/- buttons on the header cells.|The user can expand and collapse members of the hierarchy in order to go to the desired level of detail.|![](../../images/images/negative.png) Filter the members in a hierarchy|The filter menu for each hierarchy that is added to the rows, columns, or filters.|For hierarchies, a filter menu is available (through a filter icon (![](images/igPivotGrid_Overview_10.png))) in which members of the hierarchy can be selected/unselected, thus adding/removing the member to/from the result.|![](../../images/images/positive.png)<ul><li>[Configuring the Tabular View of the Result Set by Arranging the Columns, Rows, Filters, and Measures of the Pivot Grid (igOlapFlatDataSource, igOlapXmlaDataSource, igPivotDataSelector, igPivotGrid, igPivotView)](//data-sources/olap/flat/configuring-the-tabular-view.mdx)</li></ul> -Apply sorting|The sort buttons, users can sort the values for one or more columns and/or sort the member-headers for a particular level.|In addition to user sorting, initial sorting directions for specific levels can be set through the <ApiLink type="igPivotGrid" label="igPivotGrid properties" />.|![](../../images/images/positive.png)<ul><li> [Sorting (sample)]({environment:SamplesUrl}/pivot-grid/sorting)</li></ul> +Apply sorting|The sort buttons, users can sort the values for one or more columns and/or sort the member-headers for a particular level.|In addition to user sorting, initial sorting directions for specific levels can be set through the <ApiLink type="igPivotGrid" label="igPivotGrid properties" />.|![](../../images/images/positive.png)<ul><li> [Sorting (sample)](\{environment:SamplesUrl\}/pivot-grid/sorting)</li></ul> ##<a id="requirements"></a>Requirements ### Requirements summary -Because the `igPivotGrid` control is a jQuery UI widget, it depends on jQuery and jQuery UI libraries. The Modernzr library is also used internally for detecting browser and device capabilities. The control uses several {environment:ProductName} shared resources for its functionality. References to these resources are needed nevertheless, in spite of pure jQuery or {environment:ProductNameMVC} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. +Because the `igPivotGrid` control is a jQuery UI widget, it depends on jQuery and jQuery UI libraries. The Modernzr library is also used internally for detecting browser and device capabilities. The control uses several \{environment:ProductName\} shared resources for its functionality. References to these resources are needed nevertheless, in spite of pure jQuery or \{environment:ProductNameMVC\} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. For a detailed list of the required resources for using the `igPivotGrid` control, refer to the [Adding igPivotView to an HTML Page](/igpivotview/adding/adding-to-html-page.mdx). @@ -201,13 +204,13 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. -- [Using the ASP.NET MVC Helper with Xmla Data Source]({environment:SamplesUrl}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igPivotGrid` with `igOlapXmlaDataSource`. +- [Using the ASP.NET MVC Helper with Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igPivotGrid` with `igOlapXmlaDataSource`. -- [Sorting]({environment:SamplesUrl}/pivot-grid/sorting): This sample demonstrates how to enable sorting in the `igPivotGrid` and how to apply sorting for specific levels upon initialization. +- [Sorting](\{environment:SamplesUrl\}/pivot-grid/sorting): This sample demonstrates how to enable sorting in the `igPivotGrid` and how to apply sorting for specific levels upon initialization. -- [Layout Modes]({environment:SamplesUrl}/pivot-grid/layout-modes): This sample compares the layout of the `igPivotGrid` when compact column and row headers are enabled or disabled. +- [Layout Modes](\{environment:SamplesUrl\}/pivot-grid/layout-modes): This sample compares the layout of the `igPivotGrid` when compact column and row headers are enabled or disabled. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotview/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igpivotview/accessibility-compliance.mdx index ffa653c2f0..658d722e5c 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotview/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotview/accessibility-compliance.mdx @@ -2,6 +2,9 @@ title: "Accessibility Compliance (igPivotView)" slug: igpivotview-accessibility-compliance --- + +# Accessibility Compliance (igPivotView) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Accessibility Compliance (igPivotView) @@ -25,7 +28,7 @@ The following topics are prerequisites to understanding this topic: ### igPivotView accessibility compliance summary -All Infragistics® {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [igPivotView accessibility compliance summary chart](#summary-chart) contains the specific rules of Subpart 1194.22 that pertain to the control. +All Infragistics® \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [igPivotView accessibility compliance summary chart](#summary-chart) contains the specific rules of Subpart 1194.22 that pertain to the control. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -54,7 +57,7 @@ Rules| Rule text| How we comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information about the accessibility compliance of all controls in the Infragistics {environment:ProductName} product suite. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information about the accessibility compliance of all controls in the Infragistics \{environment:ProductName\} product suite. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotview/adding/adding.mdx b/docs/jquery/src/content/en/topics/controls/igpivotview/adding/adding.mdx index 963cac170a..91e2edd9ec 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotview/adding/adding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotview/adding/adding.mdx @@ -6,7 +6,6 @@ slug: igpivotview-adding # Adding igPivotView - ##In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/igpivotview/adding/to-html-page.mdx b/docs/jquery/src/content/en/topics/controls/igpivotview/adding/to-html-page.mdx index cf52a62a08..d2d87cb530 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotview/adding/to-html-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotview/adding/to-html-page.mdx @@ -2,6 +2,9 @@ title: "Adding igPivotView to an HTML Page" slug: igpivotview-adding-to-html-page --- + +# Adding igPivotView to an HTML Page + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igPivotView to an HTML Page @@ -17,7 +20,7 @@ This topic explains, in both conceptual and step-by-step form, how to add the `i The following topics are prerequisites to understanding this topic: -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding the required JavaScript resources for using the controls from the {environment:ProductName}® library. +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding the required JavaScript resources for using the controls from the \{environment:ProductName\}® library. - [igPivotView Overview](/igpivotview-overview.mdx): This topic provides conceptual information about the `igPivotView` control including its main features, requirements, and user functionality. @@ -57,21 +60,21 @@ The following table summarizes the requirements for using the `igPivotView` cont | | | | | --- | --- | --- | | Requirement / Required Resources | Description | What you need to do… | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName}™ is built on top of these frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\}™ is built on top of these frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. | | Modernizr library (Optional) | The Modernizr library is used by the igPivotView to detect browser and device capabilities. It is not mandatory and, if not included, the control will behave as if in a normal desktop environment with an HTML5 compatible browser. [Modernizr](http://modernizr.com/) | Add a script reference to the library in the `` section of your page. | -| General igPivotView JavaScript Resources | The igPivotView functionality of the {environment:ProductName} library is distributed across several files. You can load the required resources in one of the following ways: **Including a custom JavaScript file**: This is the recommended approach to reference {environment:ProductName} JavaScript files. You can [create a custom download]({environment:SamplesUrl}/download) of selected {environment:ProductName} controls and components. **Using Infragistics Loader**: The *Infragistics Loader* can be used to resolve all the Infragistics resources (styles and scripts) Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the {environment:ProductName} library dependences related to the igPivotView control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use igLoader). JavaScript Resource | Description | -| `infragistics.util.js`, `infragistics.util.jquery.js` | {environment:ProductName} utilities | | +| General igPivotView JavaScript Resources | The igPivotView functionality of the \{environment:ProductName\} library is distributed across several files. You can load the required resources in one of the following ways: **Including a custom JavaScript file**: This is the recommended approach to reference \{environment:ProductName\} JavaScript files. You can [create a custom download](\{environment:SamplesUrl\}/download) of selected \{environment:ProductName\} controls and components. **Using Infragistics Loader**: The *Infragistics Loader* can be used to resolve all the Infragistics resources (styles and scripts) Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the \{environment:ProductName\} library dependences related to the igPivotView control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use igLoader). JavaScript Resource | Description | +| `infragistics.util.js`, `infragistics.util.jquery.js` | \{environment:ProductName\} utilities | | | (Conditional - if using `igOlapFlatDataSource`) `infragistics.datasource.js` | The `igDataSource`™ component | | | `infragistics.olapflatdatasource.js` or `infragistics.olapxmladatasource.js` | Data source framework | | | `infragistics.templating.js` | Template engine (`igTemplate`™) | | -| `infragistics.ui.shared.js` | {environment:ProductName} shared code | | +| `infragistics.ui.shared.js` | \{environment:ProductName\} shared code | | | `infragistics.ui.scroll.js` | A scroll helper which is internally used | | | `infragistics.ui.combo.js` | Combo box control (`igCombo`™) | | | `infragistics.ui.splitter.js` | The `igSplitter`™ control | | | `infragistics.ui.tree.js` | The `igTree`™ control | | | `infragistics.ui.grid.framework.js` | The `igGrid`™ control | | | `infragistics.ui.grid.multicolumnheaders.js` | The multi-column headers feature for the `igGrid` control | | -| `infragistics.ui.pivot.shared.js` | {environment:ProductName} shared code for pivot components | | +| `infragistics.ui.pivot.shared.js` | \{environment:ProductName\} shared code for pivot components | | | `infragistics.ui.pivotgrid.js` | The `igPivotGrid` control | | | `infragistics.ui.pivotdataselector.js` | The `igPivotDataSelector`™ control | | | `infragistics.ui.pivotview.js` | The `igPivotView`™ control | | @@ -82,7 +85,7 @@ The following table summarizes the requirements for using the `igPivotView` cont <tr> <td>IG Theme (Optional)</td> - <td>This theme contains the visual styles for the {environment:ProductName} library. The theme file is: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> + <td>This theme contains the visual styles for the \{environment:ProductName\} library. The theme file is: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> <td></td> </tr> @@ -147,9 +150,9 @@ The following steps demonstrate how to add a jQuery `igPivotView`. A. **Add the jQuery, jQueryUI, and Modernizr JavaScript resources to a folder named Scripts in the directory where your web page resides.** - B. **Add the {environment:ProductName} CSS files to a folder named Content/ig (For details, see the [Styling and Theming in {environment:ProductName}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic).** + B. **Add the \{environment:ProductName\} CSS files to a folder named Content/ig (For details, see the [Styling and Theming in \{environment:ProductName\}](///general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic).** - C. **Add the {environment:ProductName} JavaScript files to a folder named Scripts/ig in your web site or application (For details, see the [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) topics).** + C. **Add the \{environment:ProductName\} JavaScript files to a folder named Scripts/ig in your web site or application (For details, see the [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) topics).** 2. Add the references to the required JavaScript libraries. Add references to the **jQuery, jQuery UI and Modernizr libraries to the `<head>` section of your page:** @@ -260,15 +263,15 @@ The following steps demonstrate how to add a jQuery `igPivotView`. The following topics provide additional information related to this topic. -- [Adding igPivotView to an ASP.NET MVC Application](/igpivotview-adding-using-the-mvc-helper.mdx): This topic explains, in both conceptual and step-by-step form, how to add the `igPivotView` control to an ASP.NET MVC Application using {environment:ProductNameMVC}. +- [Adding igPivotView to an ASP.NET MVC Application](/igpivotview-adding-using-the-mvc-helper.mdx): This topic explains, in both conceptual and step-by-step form, how to add the `igPivotView` control to an ASP.NET MVC Application using \{environment:ProductNameMVC\}. ### <a id="samples"></a>Samples The following samples provide additional information related to this topic. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-view/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapFlatDataSource`. +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-view/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapFlatDataSource`. -- [Binding to XMLA to Show KPIs]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. +- [Binding to XMLA to Show KPIs](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotview/adding/using-the-mvc-helper.mdx b/docs/jquery/src/content/en/topics/controls/igpivotview/adding/using-the-mvc-helper.mdx index c5a972db68..53e3d119cf 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotview/adding/using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotview/adding/using-the-mvc-helper.mdx @@ -9,7 +9,7 @@ slug: igpivotview-adding-using-the-mvc-helper ### Purpose -This topic explains, in both conceptual and step-by-step form, how to add the `igPivotView`™ control to an ASP.NET MVC application using {environment:ProductNameMVC}. +This topic explains, in both conceptual and step-by-step form, how to add the `igPivotView`™ control to an ASP.NET MVC application using \{environment:ProductNameMVC\}. ### Required background @@ -42,7 +42,7 @@ This topic contains the following sections: ### <a id="summary"></a>Adding igPivotView to an ASP.NET MVC application summary -The `igPivotView` is a client-side component accompanied by an {environment:ProductNameMVC} implementation that allows the component to be used in the CS/VB code of an MVC View. It allows also consuming data from the View’s Model (using `igOlapFlatDataSource`™). When using the {environment:ProductNameMVC} `igPivotView`, there are two ways to bind it to data: +The `igPivotView` is a client-side component accompanied by an \{environment:ProductNameMVC\} implementation that allows the component to be used in the CS/VB code of an MVC View. It allows also consuming data from the View’s Model (using `igOlapFlatDataSource`™). When using the \{environment:ProductNameMVC\} `igPivotView`, there are two ways to bind it to data: - By configuring a data source. - This is done by setting the required [DataSourceOptions](Infragistics.Web.Mvc~Infragistics.Web.Mvc.PivotDataSelectorWrapper~DataSourceOptions.html) (used to create a data source object). This approach is explained in this topic. @@ -170,9 +170,9 @@ The following steps demonstrate how to add an `igPivotView` to an ASP.NET MVC ap The following topics provide additional information related to this topic. -- [Adding igOlapFlatDataSource to an ASP.NET MVC Application](///data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx): This topic explains, in both conceptual and step-by-step form, how to add the `igOlapFlatDataSource` control to an ASP.NET MVC application using {environment:ProductNameMVC}. +- [Adding igOlapFlatDataSource to an ASP.NET MVC Application](///data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx): This topic explains, in both conceptual and step-by-step form, how to add the `igOlapFlatDataSource` control to an ASP.NET MVC application using \{environment:ProductNameMVC\}. -- [Adding igOlapXmlaDataSource to an ASP.NET MVC Application](///data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx): This topic explains, in both conceptual and step-by-step form, how to add the `igOlapXmlaDataSource` control to an ASP.NET MVC application using {environment:ProductNameMVC}. +- [Adding igOlapXmlaDataSource to an ASP.NET MVC Application](///data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx): This topic explains, in both conceptual and step-by-step form, how to add the `igOlapXmlaDataSource` control to an ASP.NET MVC application using \{environment:ProductNameMVC\}. - [igPivotDataSelector Overview](//igpivotdataselector/overview.mdx): This topic provides conceptual information about the `igPivotDataSelector`™ control including its main features, minimum requirements, and user functionality. @@ -183,9 +183,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Using the {environment:ProductNameMVC} with Xmla Data Source]({environment:SamplesUrl}/pivot-view/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates using the {environment:ProductNameMVC} `igOlapXmlaDataSource` control and how to use it as data source in the `igPivotDataSelector` and `igPivotView` controls. +- [Using the \{environment:ProductNameMVC\} with Xmla Data Source](\{environment:SamplesUrl\}/pivot-view/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates using the \{environment:ProductNameMVC\} `igOlapXmlaDataSource` control and how to use it as data source in the `igPivotDataSelector` and `igPivotView` controls. -- [Using the {environment:ProductNameMVC} with Flat Data Source]({environment:SamplesUrl}/pivot-view/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates using the {environment:ProductNameMVC} `igOlapFlatDataSource` control and how to use it as data source in the `igPivotDataSelector` and `igPivotView` controls. +- [Using the \{environment:ProductNameMVC\} with Flat Data Source](\{environment:SamplesUrl\}/pivot-view/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates using the \{environment:ProductNameMVC\} `igOlapFlatDataSource` control and how to use it as data source in the `igPivotDataSelector` and `igPivotView` controls. diff --git a/docs/jquery/src/content/en/topics/controls/igpivotview/api-links.mdx b/docs/jquery/src/content/en/topics/controls/igpivotview/api-links.mdx index d1d3f541e4..eb6122d9c8 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotview/api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotview/api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igPivotView)" slug: igpivotview-api-links --- + +# jQuery and MVC API Links (igPivotView) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igPivotView) @@ -14,7 +17,7 @@ The following table lists the links to the API reference documentation for the ` - <ApiLink type="igPivotView" label="igPivotView jQuery API" />: The documentation contains an overview of the control and full list of options, events, and methods with code snippets. -- [igPivotView MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.PivotViewModel.html): The documentation contains the description of the {environment:ProductNameMVC} Pivot View and a list of all of its members. +- [igPivotView MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.PivotViewModel.html): The documentation contains the description of the \{environment:ProductNameMVC\} Pivot View and a list of all of its members. ##Related Content diff --git a/docs/jquery/src/content/en/topics/controls/igpivotview/overview.mdx b/docs/jquery/src/content/en/topics/controls/igpivotview/overview.mdx index 2af250cad3..7b7976d56c 100644 --- a/docs/jquery/src/content/en/topics/controls/igpivotview/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpivotview/overview.mdx @@ -2,6 +2,9 @@ title: "igPivotView Overview" slug: igpivotview-overview --- + +# igPivotView Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPivotView Overview @@ -19,7 +22,7 @@ The following table lists the topics and concepts required as a prerequisite to **Topics** -- [Multidimensional (OLAP) Data Source Components](//data-sources/olap/multidimensional-data-source-components.mdx): This group of topics explains the multidimensional (OLAP) data source components of the {environment:ProductName}™ suite. +- [Multidimensional (OLAP) Data Source Components](//data-sources/olap/multidimensional-data-source-components.mdx): This group of topics explains the multidimensional (OLAP) data source components of the \{environment:ProductName\}™ suite. - [igPivotGrid Overview](/igpivotgrid/overview.mdx): This topic provides conceptual information about the `igPivotGrid`™ control including its main features, minimum requirements, and user functionality. @@ -292,7 +295,7 @@ Enable/Disable Deferred Update | Checking/unchecking the Deferred Update checkbo Update the grid on demand if Deferred Update is enabled | By clicking the Update Layout button (![](../igPivotDataSelector/images/igPivotDataSelector_Overview_6.png)). | - | ![no](../../images/images/negative.png) Drill down/up the members of a hierarchy | The +/- buttons on the header cells. | The user can expand and collapse members of the hierarchy in order to go to the desired level of detail. | ![no](../../images/images/negative.png) Filter the members in a hierarchy | The filter menu for each hierarchy that is added to the rows, columns, or filters. | For hierarchies, a filter menu is available (through a filter icon (![](../igPivotGrid/images/igPivotGrid_Overview_10.png))) in which members of the hierarchy can be selected/unselected, thus adding/removing the member to/from the result. | ![yes](../../images/images/positive.png)<ul><li>[Configuring the Tabular View of the Result Set by Arranging the Columns, Rows, Filters, and Measures of the Pivot Grid (igOlapFlatDataSource, igOlapXmlaDataSource, igPivotDataSelector, igPivotGrid, igPivotView)](//data-sources/olap/flat/configuring-the-tabular-view.mdx)</li></ul> -Apply sorting | The sort buttons, users can sort the values for one or more columns and/or sort the member-headers for a particular level. | In addition to user sorting, initial sorting directions for specific levels can be set through the <ApiLink type="igPivotGrid" label="igPivotGrid properties" />. | ![yes](../../images/images/positive.png)<ul><li>[Sorting (sample)]({environment:SamplesUrl}/pivot-grid/sorting)</li></ul> +Apply sorting | The sort buttons, users can sort the values for one or more columns and/or sort the member-headers for a particular level. | In addition to user sorting, initial sorting directions for specific levels can be set through the <ApiLink type="igPivotGrid" label="igPivotGrid properties" />. | ![yes](../../images/images/positive.png)<ul><li>[Sorting (sample)](\{environment:SamplesUrl\}/pivot-grid/sorting)</li></ul> Resize/Collapse the `igPivotDataSelector` | The `igSplitter`’s handle. | By dragging the splitter’s handle or by clicking its expand/collapse button () users can resize the panel of the `igPivotDataSelector`. | ![yes](../../images/images/positive.png)<ul><li><ApiLink type="igPivotGrid" member="dataSelectorPanel" section="options" label="dataSelectorPanel" /></li></ul> @@ -300,7 +303,7 @@ Resize/Collapse the `igPivotDataSelector` | The `igSplitter`’s handle. | By ### Requirements summary -Because the `igPivotView` control is a jQuery UI widget, it depends on jQuery and jQuery UI libraries. The Modernizr library is also used internally for detecting browser and device capabilities. The control uses several {environment:ProductName} shared resources for its functionality. References to these resources are needed nevertheless, in spite of pure jQuery or {environment:ProductNameMVC} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. +Because the `igPivotView` control is a jQuery UI widget, it depends on jQuery and jQuery UI libraries. The Modernizr library is also used internally for detecting browser and device capabilities. The control uses several \{environment:ProductName\} shared resources for its functionality. References to these resources are needed nevertheless, in spite of pure jQuery or \{environment:ProductNameMVC\} being used. The `Infragistics.Web.Mvc` assembly is required when the control is used in the context of ASP.NET MVC. For a detailed list of the required resources for using the `igPivotView` control, refer to the [Adding igPivotView](/adding/igpivotview-adding.mdx) topics. @@ -322,13 +325,13 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-view/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapFlatDataSource`. +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-view/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapFlatDataSource`. -- [Binding to XMLA to Show KPIs]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. +- [Binding to XMLA to Show KPIs](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. -- [Using the {environment:ProductNameMVC} with Flat Data Source]({environment:SamplesUrl}/pivot-view/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates how to use the {environment:ProductNameMVC} `igPivotView` with `igOlapFlatDataSource`. +- [Using the \{environment:ProductNameMVC\} with Flat Data Source](\{environment:SamplesUrl\}/pivot-view/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates how to use the \{environment:ProductNameMVC\} `igPivotView` with `igOlapFlatDataSource`. -- [Using the {environment:ProductNameMVC} with Xmla Data Source]({environment:SamplesUrl}/pivot-view/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the {environment:ProductNameMVC} `igPivotView` with `igOlapXmlaDataSource`. +- [Using the \{environment:ProductNameMVC\} with Xmla Data Source](\{environment:SamplesUrl\}/pivot-view/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the \{environment:ProductNameMVC\} `igPivotView` with `igOlapXmlaDataSource`. diff --git a/docs/jquery/src/content/en/topics/controls/igpopover/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igpopover/accessibility-compliance.mdx index 154c4ef60e..e351a93694 100644 --- a/docs/jquery/src/content/en/topics/controls/igpopover/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpopover/accessibility-compliance.mdx @@ -22,7 +22,7 @@ The following topics are prerequisites to understanding this topic: ## Accessibility Compliance Reference ### Introduction -All {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the `igPopover` control complies with each rule. +All \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the `igPopover` control complies with each rule. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -46,7 +46,7 @@ Rule| Rule text| How we comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for accessibility compliance of all {environment:ProductName}™ controls. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for accessibility compliance of all \{environment:ProductName\}™ controls. diff --git a/docs/jquery/src/content/en/topics/controls/igpopover/adding-igpopover.mdx b/docs/jquery/src/content/en/topics/controls/igpopover/adding-igpopover.mdx index b22a1cd39f..3758c4414f 100644 --- a/docs/jquery/src/content/en/topics/controls/igpopover/adding-igpopover.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpopover/adding-igpopover.mdx @@ -53,8 +53,8 @@ The following table summarizes the requirements for adding the `igPopover` contr | Requirement / Required Resource | Description | What you need to do… | | --- | --- | --- | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName}™ is built on top of these frameworks: [**jQuery**](http://jquery.com/) [**jQuery UI**](https://jqueryui.com/) | Add script references to both libraries in the <head> section of your page. | -| igPopover JavaScript resources | The igPopover functionality of the {environment:ProductName} library is distributed across several files. You can load the required resources in one of the following ways: (Recommended) [Use the Infragistics® Loader](//general-and-getting-started/using-infragistics-loader.mdx) (igLoader™). You only need to include a script reference to igLoader on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the {environment:ProductName} library dependences related to the igPopover control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use igLoader). JS Resource | Description | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\}™ is built on top of these frameworks: [**jQuery**](http://jquery.com/) [**jQuery UI**](https://jqueryui.com/) | Add script references to both libraries in the <head> section of your page. | +| igPopover JavaScript resources | The igPopover functionality of the \{environment:ProductName\} library is distributed across several files. You can load the required resources in one of the following ways: (Recommended) [Use the Infragistics® Loader](//general-and-getting-started/using-infragistics-loader.mdx) (igLoader™). You only need to include a script reference to igLoader on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the \{environment:ProductName\} library dependences related to the igPopover control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use igLoader). JS Resource | Description | | infragistics.ui.popover.js | The igPopover control | | <br/> @@ -64,7 +64,7 @@ The following table summarizes the requirements for adding the `igPopover` contr <tr> <td>IG theme (Optional)</td> - <td width="417">This theme contains the visual styles for the {environment:ProductName} library. The theme file is: {IG CSS root}/themes/Infragistics/infragistics.theme.css</td> + <td width="417">This theme contains the visual styles for the \{environment:ProductName\} library. The theme file is: {IG CSS root}/themes/Infragistics/infragistics.theme.css</td> <td></td> </tr> @@ -77,7 +77,7 @@ The following table summarizes the requirements for adding the `igPopover` contr </table> ->**Note:** It is recommended to use the `igLoader` component to load JavaScript and CSS resources. For information on how to do this, refer to the [**Adding Required Resources Automatically with the Infragistics Loader**](//general-and-getting-started/using-infragistics-loader.mdx) topic. In addition to that, in the online [**{environment:ProductName} Samples Browser**]({environment:SamplesUrl}), you can find some specific examples on how to use the `igLoader` with the `igPopover` component. +>**Note:** It is recommended to use the `igLoader` component to load JavaScript and CSS resources. For information on how to do this, refer to the [**Adding Required Resources Automatically with the Infragistics Loader**](//general-and-getting-started/using-infragistics-loader.mdx) topic. In addition to that, in the online [**\{environment:ProductName\} Samples Browser**](\{environment:SamplesUrl\}), you can find some specific examples on how to use the `igLoader` with the `igPopover` component. ### <a id="overview-steps"></a>Steps @@ -90,7 +90,7 @@ Following are the general conceptual steps for adding `igPopover` to an HTML pag ## <a id="procedure-js"></a>Adding igPopover in JavaScript – Procedure ### <a id="js-introduction"></a>Introduction -This procedure guides you through the steps of adding `igPopover` with basic functionality to an HTML page using a pure HTML/JavaScript implementation. It uses the Infragistics Loader component to load all {environment:ProductName} resources needed by the `igPopover` control. +This procedure guides you through the steps of adding `igPopover` with basic functionality to an HTML page using a pure HTML/JavaScript implementation. It uses the Infragistics Loader component to load all \{environment:ProductName\} resources needed by the `igPopover` control. The procedure adds a basic `igPopover` control with default configuration to an input HTML element. The popover contains the title of the input and shows when the user hovers over the element with the mouse. @@ -107,9 +107,9 @@ The required resources added and properly referenced. (For a conceptual overview - The required files added to their appropriate locations: - The required jQuery and jQueryUI JavaScript resources added to a folder named Scripts in the directory where your web page resides. - - The {environment:ProductName} CSS files added to a folder named Content/ig (For details, see the [**Styling and Theming {environment:ProductName}**](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). + - The \{environment:ProductName\} CSS files added to a folder named Content/ig (For details, see the [**Styling and Theming \{environment:ProductName\}**](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). - - The {environment:ProductName} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic). + - The \{environment:ProductName\} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic). - The required JavaScript resources referenced in the <head> section of the page. **In HTML:** @@ -207,9 +207,9 @@ To complete the procedure, you need the following: - The required files added to their appropriate locations: - The required jQuery and jQueryUI JavaScript resources added to a folder named Scripts in the directory where your web page resides. - - The {environment:ProductName} CSS files added to a folder named Content/ig (For details, see the Styling and Theming {environment:ProductName} topic). + - The \{environment:ProductName\} CSS files added to a folder named Content/ig (For details, see the Styling and Theming \{environment:ProductName\} topic). - - The {environment:ProductName} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). + - The \{environment:ProductName\} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). - The required JavaScript resources referenced in the <head> section of the page. **In HTML:** @@ -265,7 +265,7 @@ The following steps demonstrate how to add a basic `igPopover` control to an ASP 2. Add the `igPopover` control. - Add the configuration for {environment:ProductNameMVC} `Popover` to your ASP.NET MVC View. + Add the configuration for \{environment:ProductNameMVC\} `Popover` to your ASP.NET MVC View. The following code creates an instance of the `igPopover` control without specifying its options. It targets the input element “firstName” created in step 1. @@ -301,9 +301,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Usage]({environment:SamplesUrl}/popover/basic-popover): This sample demonstrates the basic initialization scenarios (on a single target element and on multiple target elements) of `igPopover` in JavaScript. +- [Basic Usage](\{environment:SamplesUrl\}/popover/basic-popover): This sample demonstrates the basic initialization scenarios (on a single target element and on multiple target elements) of `igPopover` in JavaScript. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/popover/aspnet-mvc-helper): This sample demonstrates the `igPopover` control in an ASP.NET MVC scenario. The control is initialized in the View using chaining syntax. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper): This sample demonstrates the `igPopover` control in an ASP.NET MVC scenario. The control is initialized in the View using chaining syntax. diff --git a/docs/jquery/src/content/en/topics/controls/igpopover/api-links/asp-net-mvc-helper-api.mdx b/docs/jquery/src/content/en/topics/controls/igpopover/api-links/asp-net-mvc-helper-api.mdx index b4bdaaf72f..e1f7e35b03 100644 --- a/docs/jquery/src/content/en/topics/controls/igpopover/api-links/asp-net-mvc-helper-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpopover/api-links/asp-net-mvc-helper-api.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igPopover)" slug: igpopover-asp-net-mvc-helper-api --- + +# jQuery and MVC API Links (igPopover) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igPopover) diff --git a/docs/jquery/src/content/en/topics/controls/igpopover/api-links/property-reference.mdx b/docs/jquery/src/content/en/topics/controls/igpopover/api-links/property-reference.mdx index 1a5a88580a..13b7176652 100644 --- a/docs/jquery/src/content/en/topics/controls/igpopover/api-links/property-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpopover/api-links/property-reference.mdx @@ -2,6 +2,9 @@ title: "Property Reference (igPopover)" slug: igpopover-property-reference --- + +# Property Reference (igPopover) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Property Reference (igPopover) diff --git a/docs/jquery/src/content/en/topics/controls/igpopover/configuring-igpopover.mdx b/docs/jquery/src/content/en/topics/controls/igpopover/configuring-igpopover.mdx index dcfb4f9ec5..c474efa1f6 100644 --- a/docs/jquery/src/content/en/topics/controls/igpopover/configuring-igpopover.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpopover/configuring-igpopover.mdx @@ -2,6 +2,9 @@ title: "Configuring igPopover" slug: configuring-igpopover --- + +# Configuring igPopover + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igPopover @@ -382,9 +385,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Usage]({environment:SamplesUrl}/popover/overview): This sample demonstrates the basic initialization scenarios (on a single target element and on multiple target elements) of `igPopover` in JavaScript. +- [Basic Usage](\{environment:SamplesUrl\}/popover/overview): This sample demonstrates the basic initialization scenarios (on a single target element and on multiple target elements) of `igPopover` in JavaScript. -- [ASP.NET MVC Usage]({environment:SamplesUrl}/popover/aspnet-mvc-helper): This sample demonstrates the `igPopover` control in an ASP.NET MVC scenario. The control is initialized in the View using chaining syntax. +- [ASP.NET MVC Usage](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper): This sample demonstrates the `igPopover` control in an ASP.NET MVC scenario. The control is initialized in the View using chaining syntax. diff --git a/docs/jquery/src/content/en/topics/controls/igpopover/handling-events.mdx b/docs/jquery/src/content/en/topics/controls/igpopover/handling-events.mdx index d19416ee4f..4a04b08a7a 100644 --- a/docs/jquery/src/content/en/topics/controls/igpopover/handling-events.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpopover/handling-events.mdx @@ -2,6 +2,9 @@ title: "Handling Events (igPopover)" slug: igpopover-handling-events --- + +# Handling Events (igPopover) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Handling Events (igPopover) @@ -15,7 +18,7 @@ This topic explains the events of the `igPopover`™ control and provides code e The following topics are prerequisites to understanding this topic: -- [Using Events in {environment:ProductName}](//general-and-getting-started/using-events-in-igniteui-for-jquery.mdx): This topic demonstrates how to handle events raised by {environment:ProductName}® controls. Also included is an explanation of the differences between binding events on initialization and after initialization. +- [Using Events in \{environment:ProductName\}](//general-and-getting-started/using-events-in-igniteui-for-jquery.mdx): This topic demonstrates how to handle events raised by \{environment:ProductName\}® controls. Also included is an explanation of the differences between binding events on initialization and after initialization. - [igPopover Overview](/igpopover-overview.mdx): This topic provides conceptual information about the igPopover control including its main features and functionality. @@ -47,7 +50,7 @@ This topic contains the following sections: ## <a id="overview"></a>Handling Events – Conceptual Overview ### <a id="event-handling-summary"></a>Event handling summary -Attaching event handler functions to the {environment:ProductName} controls is commonly done upon the initialization of the control. When the event occurs, the handling function is called. +Attaching event handler functions to the \{environment:ProductName\} controls is commonly done upon the initialization of the control. When the event occurs, the handling function is called. jQuery supports the following methods for assigning event handlers: @@ -187,9 +190,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Usage]({environment:SamplesUrl}/popover/basic-popover): This sample demonstrates the `igPopover` control in an ASP.NET MVC scenario. The control is initialized in the View using chaining syntax. +- [Basic Usage](\{environment:SamplesUrl\}/popover/basic-popover): This sample demonstrates the `igPopover` control in an ASP.NET MVC scenario. The control is initialized in the View using chaining syntax. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/popover/aspnet-mvc-helper): This sample demonstrates the basic initialization scenarios (on a single target element and on multiple target elements) of `igPopover` in JavaScript. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper): This sample demonstrates the basic initialization scenarios (on a single target element and on multiple target elements) of `igPopover` in JavaScript. diff --git a/docs/jquery/src/content/en/topics/controls/igpopover/known-issues-and-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igpopover/known-issues-and-limitations.mdx index a1c717e5a8..bc7668c5ea 100644 --- a/docs/jquery/src/content/en/topics/controls/igpopover/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpopover/known-issues-and-limitations.mdx @@ -2,6 +2,9 @@ title: "Known Issues And Limitations (igPopover)" slug: igpopover-known-issues-and-limitations --- + +# Known Issues And Limitations (igPopover) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues And Limitations (igPopover) @@ -9,7 +12,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## Known Issues and Limitations Summary ### Known issues and limitations summary chart -The following table summarizes the known issues and limitations of the `igPopover`™ control for the {environment:ProductName}® 20{environment:ProductVersionShort} release. Detailed explanations of all of the issues and the existing workarounds are provided after the summary table. +The following table summarizes the known issues and limitations of the `igPopover`™ control for the \{environment:ProductName\}® 20\{environment:ProductVersionShort\} release. Detailed explanations of all of the issues and the existing workarounds are provided after the summary table. ### Legend: diff --git a/docs/jquery/src/content/en/topics/controls/igpopover/overview.mdx b/docs/jquery/src/content/en/topics/controls/igpopover/overview.mdx index 37c7e2c560..2ee686bb80 100644 --- a/docs/jquery/src/content/en/topics/controls/igpopover/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpopover/overview.mdx @@ -2,6 +2,9 @@ title: "igPopover Overview" slug: igpopover-overview --- + +# igPopover Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPopover Overview @@ -302,9 +305,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Usage]({environment:SamplesUrl}/popover/overview): This sample demonstrates the basic initialization scenarios (on a single target element and on multiple target elements) of `igPopover` in JavaScript. +- [Basic Usage](\{environment:SamplesUrl\}/popover/overview): This sample demonstrates the basic initialization scenarios (on a single target element and on multiple target elements) of `igPopover` in JavaScript. -- [ASP.NET MVC Usage]({environment:SamplesUrl}/popover/aspnet-mvc-helper): This sample demonstrates the `igPopover` control in an ASP.NET MVC scenario. The control is initialized in the View using chaining syntax. +- [ASP.NET MVC Usage](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper): This sample demonstrates the `igPopover` control in an ASP.NET MVC scenario. The control is initialized in the View using chaining syntax. diff --git a/docs/jquery/src/content/en/topics/controls/igpopover/styling-igpopover.mdx b/docs/jquery/src/content/en/topics/controls/igpopover/styling-igpopover.mdx index b6591692d1..ebef07340e 100644 --- a/docs/jquery/src/content/en/topics/controls/igpopover/styling-igpopover.mdx +++ b/docs/jquery/src/content/en/topics/controls/igpopover/styling-igpopover.mdx @@ -2,6 +2,9 @@ title: "Styling igPopover" slug: styling-igpopover --- + +# Styling igPopover + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Styling igPopover @@ -140,9 +143,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Usage]({environment:SamplesUrl}/popover/overview): This sample demonstrates the `igPopover` control in an ASP.NET MVC scenario. The control is initialized in the View using chaining syntax. +- [Basic Usage](\{environment:SamplesUrl\}/popover/overview): This sample demonstrates the `igPopover` control in an ASP.NET MVC scenario. The control is initialized in the View using chaining syntax. -- [ASP.NET MVC Usage]({environment:SamplesUrl}/popover/aspnet-mvc-helper): This sample demonstrates the basic initialization scenarios (on a single target element and on multiple target elements) of `igPopover` in JavaScript. +- [ASP.NET MVC Usage](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper): This sample demonstrates the basic initialization scenarios (on a single target element and on multiple target elements) of `igPopover` in JavaScript. diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/accessibility-compliance.mdx index e02f80abab..86730c685e 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/accessibility-compliance.mdx @@ -22,7 +22,7 @@ The following topics are prerequisites to understanding this topic: ## Accessibility Compliance Reference ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the `igQRCodeBarcode` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the `igQRCodeBarcode` control complies with each rule. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -42,7 +42,7 @@ Rules| Rule text| How we comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for the accessibility compliance of all controls in the {environment:ProductName} product. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for the accessibility compliance of all controls in the \{environment:ProductName\} product. diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/adding.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/adding.mdx index bd74321e48..056d4a8b9c 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/adding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/adding.mdx @@ -14,7 +14,7 @@ This is a group of topics demonstrating how to add the `igQRCodeBarcode`™ cont - [Adding igQRCodeBarcode to an HTML Page](/igqrcodebarcode-adding-to-an-html-page.mdx): This topic explains how to add the `igQRCodeBarcode` to an HTML page. -- [Adding igQRCodeBarcode to an ASP.NET MVC Application](/igqrcodebarcode-adding-using-the-mvc-helper.mdx): This topic walks through instantiating an `igQRCodeBarcode` in an ASP.NET MVC application using the {environment:ProductNameMVC}. +- [Adding igQRCodeBarcode to an ASP.NET MVC Application](/igqrcodebarcode-adding-using-the-mvc-helper.mdx): This topic walks through instantiating an `igQRCodeBarcode` in an ASP.NET MVC application using the \{environment:ProductNameMVC\}. diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/to-an-html-page.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/to-an-html-page.mdx index 39835ebaca..2625e1979c 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/to-an-html-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/to-an-html-page.mdx @@ -48,11 +48,11 @@ The following table summarizes the requirements for using the `igQRCodeBarcode` | Required Resources | Description | What you need to do… | | --- | --- | --- | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. | -| General `igQRCodeBarcode` JavaScript Resources | The igQRCodeBarcode control depends on functionality distributed across several files in the {environment:ProductName} Library. You can load the required resources in one of the following ways: Use the Infragistics® Loader (`igLoader`™). You only need to include a script reference to `igLoader` on your page. Load the required resources manually. You need to use the dependencies listed in the table below. Load the two combined files, containing the logic for all data visualization controls from the {environment:ProductName} package - `infragistics.core.js`, `infragistics.dv.js`. The following table lists the {environment:ProductName} library dependences related to the igQRCodeBarcode control. These resources need to be referred to explicitly if you chose not to use `igLoader` or the combined files. JS Resource | Description | -| `infragistics.util.js`, `infragistics.util.jquery.js` | {environment:ProductName} utilities | | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the `` section of your page. | +| General `igQRCodeBarcode` JavaScript Resources | The igQRCodeBarcode control depends on functionality distributed across several files in the \{environment:ProductName\} Library. You can load the required resources in one of the following ways: Use the Infragistics® Loader (`igLoader`™). You only need to include a script reference to `igLoader` on your page. Load the required resources manually. You need to use the dependencies listed in the table below. Load the two combined files, containing the logic for all data visualization controls from the \{environment:ProductName\} package - `infragistics.core.js`, `infragistics.dv.js`. The following table lists the \{environment:ProductName\} library dependences related to the igQRCodeBarcode control. These resources need to be referred to explicitly if you chose not to use `igLoader` or the combined files. JS Resource | Description | +| `infragistics.util.js`, `infragistics.util.jquery.js` | \{environment:ProductName\} utilities | | | `infragistics.dv_core.js`, `infragistics.dv_jquerydom.js`, `infragistics.ext_core.js`, `infragistics.ext_collection.js`, `infragistics.ext_collectionsextended.js`, `infragistics.ext_text.js`, `infragistics.ext_ui.js` | Data visualization core functionality | | -| `infragistics.encoding.core.js`, `infragistics.encoding_.js` | Character encodings. The various supported encodings can be found under the {environment:ProductName}™ package folder structure:, /modules/encoding, , Please see the [Configuring the Character Encoding](igQRCodeBarcode_Configuring_the_Character_Encoding.html) topic for more detail. | | +| `infragistics.encoding.core.js`, `infragistics.encoding_.js` | Character encodings. The various supported encodings can be found under the \{environment:ProductName\}™ package folder structure:, /modules/encoding, , Please see the [Configuring the Character Encoding](igQRCodeBarcode_Configuring_the_Character_Encoding.html) topic for more detail. | | | `infragistics.barcode_core.js`, `infragistics.barcode_qrcodebarcode.js` | The `igQRCodeBarcode` control | | | `infragistics.ui.widget.js` | Common widget | | | `infragistics.ui.qrcodebarcode.js` | The `igQRCodeBarcode` widget | | @@ -227,7 +227,7 @@ Following is the full code for this procedure. The following topics provide additional information related to this topic. -- [Adding igQRCodeBarcode to an ASP.NET MVC Application](/igqrcodebarcode-adding-using-the-mvc-helper.mdx): This topic demonstrates, with code examples, how to add the `igQRCodeBarcode` control to an ASP.NET MVC View using the {environment:ProductNameMVC}. +- [Adding igQRCodeBarcode to an ASP.NET MVC Application](/igqrcodebarcode-adding-using-the-mvc-helper.mdx): This topic demonstrates, with code examples, how to add the `igQRCodeBarcode` control to an ASP.NET MVC View using the \{environment:ProductNameMVC\}. - [jQuery and MVC API Links (igQRCodeBarcode)](/igqrcodebarcode-api-links.mdx): This topic provides links to the API reference documentation about the `igQRCodeBarcode` control and the ASP.NET MVC Helper for it. @@ -236,4 +236,4 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Basic Configuration]({environment:SamplesUrl}/barcode/basic-configuration): This sample demonstrates a basic configuration of the `igQRCodeBarcode` control. \ No newline at end of file +- [Basic Configuration](\{environment:SamplesUrl\}/barcode/basic-configuration): This sample demonstrates a basic configuration of the `igQRCodeBarcode` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/using-the-mvc-helper.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/using-the-mvc-helper.mdx index 54266a3a2c..eeaaaccebd 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/adding/using-the-mvc-helper.mdx @@ -5,11 +5,10 @@ slug: igqrcodebarcode-adding-using-the-mvc-helper # Adding igQRCodeBarcode to an ASP.NET MVC Application - ## Topic Overview ### Purpose -This topic demonstrates, with code examples, how to add the `igQRCodeBarcode`™ to an ASP.NET MVC application using the {environment:ProductNameMVC}. +This topic demonstrates, with code examples, how to add the `igQRCodeBarcode`™ to an ASP.NET MVC application using the \{environment:ProductNameMVC\}. ### Required background @@ -22,7 +21,7 @@ The following table lists the concepts and topics required as a prerequisite to Topics -- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with {environment:ProductName}™ components in an ASP.NET MVC application. +- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with \{environment:ProductName\}™ components in an ASP.NET MVC application. - [igQRCodeBarcode Overview](/igqrcodebarcode-overview.mdx): This topic provides conceptual information about the `igQRCodeBarcode` control including its main features and minimum requirements. @@ -49,9 +48,9 @@ This topic contains the following sections: ## <a id="overview"></a>Adding igQRCodeBarcode to an ASP.NET MVC Application – Conceptual Overview ### <a id="summary"></a>Adding igQRCodeBarcode summary -The `igQRCodeBarcode` control can be added to an ASP.NET MVC view using the {environment:ProductNameMVC}. In order to successfully display the barcode, data should be fed to the helper as well as the dimensions of the control should be specified. When instantiating the `igQRCodeBarcode` control, there are several helper methods that should be set for basic rendering including the following: +The `igQRCodeBarcode` control can be added to an ASP.NET MVC view using the \{environment:ProductNameMVC\}. In order to successfully display the barcode, data should be fed to the helper as well as the dimensions of the control should be specified. When instantiating the `igQRCodeBarcode` control, there are several helper methods that should be set for basic rendering including the following: -{environment:ProductNameMVC} Method|Purpose +\{environment:ProductNameMVC\} Method|Purpose ---|--- Data()|Sets the string data to be encoded by the `igQRCodeBarcode` Height()|Sets the string height of the `igQRCodeBarcode` @@ -105,7 +104,7 @@ To complete the procedure, you need the following: ### <a id="steps"></a>Steps -1. Adding the {environment:ProductNameMVC} control +1. Adding the \{environment:ProductNameMVC\} control 2. Instantiating the `igQRCodeBarcode` control @@ -113,7 +112,7 @@ To complete the procedure, you need the following: ## <a id="procedure"></a>Adding igQRCodeBarcode to an ASP.NET MVC Application – Procedure ### <a id="procedure-introduction"></a>Introduction -This procedure adds an instance of `igQRCodeBarcode` to an ASP.NET MVC application using the {environment:ProductNameMVC} and configures its basic options - data, width and height. The string data to encode is *http://www.infragistics.com.* The procedure presumes that a reference to the `Infragistics.Web.Mvc.dll` assembly has been added to project and the control is rendered to the View with the helper’s `Render()` method. +This procedure adds an instance of `igQRCodeBarcode` to an ASP.NET MVC application using the \{environment:ProductNameMVC\} and configures its basic options - data, width and height. The string data to encode is *http://www.infragistics.com.* The procedure presumes that a reference to the `Infragistics.Web.Mvc.dll` assembly has been added to project and the control is rendered to the View with the helper’s `Render()` method. ### <a id="procedure-preview"></a>Preview @@ -127,7 +126,7 @@ An ASP.NET MVC application configured with the required JavaScript files, CSS fi ### <a id="procedure-steps"></a>Steps -The following steps demonstrate how to instantiate `igQRCodeBarcode` in an ASP.NET MVC application using the {environment:ProductNameMVC}. +The following steps demonstrate how to instantiate `igQRCodeBarcode` in an ASP.NET MVC application using the \{environment:ProductNameMVC\}. 1. Add using the HTML Helper. @@ -149,7 +148,7 @@ The following steps demonstrate how to instantiate `igQRCodeBarcode` in an ASP.N 2. Instantiate the `igQRCodeBarcode` control. - Instantiate the `igQRCodeBarcode` control. As with all {environment:ProductNameMVC} controls, you must call the [Render](Infragistics.Web.Mvc~Infragistics.Web.Mvc.QRCodeBarcodeRenderer~Render.html) method to render the HTML and JavaScript to the View. + Instantiate the `igQRCodeBarcode` control. As with all \{environment:ProductNameMVC\} controls, you must call the [Render](Infragistics.Web.Mvc~Infragistics.Web.Mvc.QRCodeBarcodeRenderer~Render.html) method to render the HTML and JavaScript to the View. **In ASPX:** @@ -231,7 +230,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [MVC Initialization]({environment:SamplesUrl}/barcode/mvc-initialization): This sample demonstrates using the {environment:ProductNameMVC} for adding the igQRCodeBarcode control to an HTML page. +- [MVC Initialization](\{environment:SamplesUrl\}/barcode/mvc-initialization): This sample demonstrates using the \{environment:ProductNameMVC\} for adding the igQRCodeBarcode control to an HTML page. diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/api-links.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/api-links.mdx index 1f046aed36..28092dd347 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igQRCodeBarcode)" slug: igqrcodebarcode-api-links --- + +# jQuery and MVC API Links (igQRCodeBarcode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igQRCodeBarcode) @@ -13,7 +16,7 @@ The following table lists the links to the API reference documentation for the ` - <ApiLink type="igQRCodeBarcode" label="igQRCodeBarcode jQuery API" />: The documentation contains an overview of the control and full list of options, events, and methods with code snippets. -- [igQRCodeBarcode igQRCodeBarcode MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.QRCodeBarcodeModel.html): The documentation contains the description of the {environment:ProductNameMVC} `igQRCodeBarcode` and a list of all of its members. +- [igQRCodeBarcode igQRCodeBarcode MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.QRCodeBarcodeModel.html): The documentation contains the description of the \{environment:ProductNameMVC\} `igQRCodeBarcode` and a list of all of its members. ## Related Content @@ -21,7 +24,7 @@ The following table lists the links to the API reference documentation for the ` The following topics provide additional information related to this topic. -- [Adding igQRCodeBarcode](/adding/igqrcodebarcode-adding.mdx): This topic walks through instantiating an `igQRCodeBarcode` in an ASP.NET MVC application using {environment:ProductNameMVC}. +- [Adding igQRCodeBarcode](/adding/igqrcodebarcode-adding.mdx): This topic walks through instantiating an `igQRCodeBarcode` in an ASP.NET MVC application using \{environment:ProductNameMVC\}. diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-character-encoding.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-character-encoding.mdx index b0e29dd937..efa975f9c6 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-character-encoding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-character-encoding.mdx @@ -2,6 +2,9 @@ title: "Configuring the Character Encoding (igQRCodeBarcode)" slug: igqrcodebarcode-configuring-the-character-encoding --- + +# Configuring the Character Encoding (igQRCodeBarcode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Character Encoding (igQRCodeBarcode) @@ -72,7 +75,7 @@ In order to ensure minimum size of the files carrying the encodings logic, the d For the `igQRCodeBarcode` control to operate properly, the respective character encoding file(s) for the character sets in use are required and must be loaded to the application. This means loading the files for the individual encodings to be used. These files would be `infragistics.encoding.core.js` and `infragistics.encoding_<encoding-name>.js` file. In the latter file, `<encoding-name>` refers to the name of the encoding type such as ISO-8859. Several `infragistics.encoding_<encoding-name>.js` files can be included to support multiple languages. -1. The desired encoding files can be found at the following location under the {environment:ProductName}™ package folder structure: +1. The desired encoding files can be found at the following location under the \{environment:ProductName\}™ package folder structure: <IG JS root>/modules/encoding @@ -286,4 +289,4 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Configuring the QR-Code-Specific Settings]({environment:SamplesUrl}/barcode/configuring-the-qr-code-specific-settings): This sample demonstrates configuring the QR-code-specific settings. \ No newline at end of file +- [Configuring the QR-Code-Specific Settings](\{environment:SamplesUrl\}/barcode/configuring-the-qr-code-specific-settings): This sample demonstrates configuring the QR-code-specific settings. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-dimensions.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-dimensions.mdx index fed7e94488..bcc6b01614 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-dimensions.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-dimensions.mdx @@ -2,6 +2,9 @@ title: "Configuring the Dimensions of the QR Barcode (igQRCodeBarcode)" slug: igqrcodebarcode-configuring-the-dimensions --- + +# Configuring the Dimensions of the QR Barcode (igQRCodeBarcode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Dimensions of the QR Barcode (igQRCodeBarcode) @@ -257,7 +260,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [QR Barcode Dimensions]({environment:SamplesUrl}/barcode/qr-barcode-dimensions): This sample demonstrates configuring the dimensions’ settings of the `igQRCodeBarcode` control. +- [QR Barcode Dimensions](\{environment:SamplesUrl\}/barcode/qr-barcode-dimensions): This sample demonstrates configuring the dimensions’ settings of the `igQRCodeBarcode` control. diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-qr-code-specific-settings.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-qr-code-specific-settings.mdx index de4bf94ce8..ad410d08be 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-qr-code-specific-settings.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/configuring/the-qr-code-specific-settings.mdx @@ -2,6 +2,9 @@ title: "Configuring the QR-Code-Specific Settings (igQRCodeBarcode)" slug: igqrcodebarcode-configuring-the-qr-code-specific-settings --- + +# Configuring the QR-Code-Specific Settings (igQRCodeBarcode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the QR-Code-Specific Settings (igQRCodeBarcode) @@ -222,7 +225,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Configuring the QR-Code-Specific Settings]({environment:SamplesUrl}/barcode/configuring-the-qr-code-specific-settings): This sample demonstrates configuring the QR-code-specific settings. +- [Configuring the QR-Code-Specific Settings](\{environment:SamplesUrl\}/barcode/configuring-the-qr-code-specific-settings): This sample demonstrates configuring the QR-code-specific settings. diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/igqrcodebarcode.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/igqrcodebarcode.mdx index 90c4561088..f2b8ac1998 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/igqrcodebarcode.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/igqrcodebarcode.mdx @@ -6,7 +6,6 @@ slug: igqrcodebarcode # igQRCodeBarcode - ## In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/known-issues-and-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/known-issues-and-limitations.mdx index 389a2b4f1f..df9d806911 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/known-issues-and-limitations.mdx @@ -6,7 +6,6 @@ slug: igqrcodebarcode-known-issues-and-limitations # Known Issues and Limitations (igQRCodeBarcode) - ## Known Issues and Limitations (igQRCodeBarcode) ### Known issues and limitations summary chart diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/overview.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/overview.mdx index 8f6b993626..a74501dccf 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/overview.mdx @@ -2,6 +2,9 @@ title: "igQRCodeBarcode Overview" slug: igqrcodebarcode-overview --- + +# igQRCodeBarcode Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igQRCodeBarcode Overview @@ -178,11 +181,11 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Configuring the QR-Code-Specific Settings]({environment:SamplesUrl}/barcode/configuring-the-qr-code-specific-settings): This sample demonstrates configuring the QR-code-specific settings. +- [Configuring the QR-Code-Specific Settings](\{environment:SamplesUrl\}/barcode/configuring-the-qr-code-specific-settings): This sample demonstrates configuring the QR-code-specific settings. -- [QR Barcode Dimensions]({environment:SamplesUrl}/barcode/qr-barcode-dimensions): This sample demonstrates configuring the dimensions’ settings of the `igQRCodeBarcode` control. +- [QR Barcode Dimensions](\{environment:SamplesUrl\}/barcode/qr-barcode-dimensions): This sample demonstrates configuring the dimensions’ settings of the `igQRCodeBarcode` control. -- [Configuring Colors]({environment:SamplesUrl}/barcode/configuring-colors): This sample demonstrates styling the `igQRCodeBarcode` control by configuring the colors used in the barcode. +- [Configuring Colors](\{environment:SamplesUrl\}/barcode/configuring-colors): This sample demonstrates styling the `igQRCodeBarcode` control by configuring the colors used in the barcode. diff --git a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/styling.mdx b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/styling.mdx index 58a92b3f2a..4014ac1404 100644 --- a/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/styling.mdx +++ b/docs/jquery/src/content/en/topics/controls/igqrcodebarcode/styling.mdx @@ -2,6 +2,9 @@ title: "Styling igQRCodeBarcode" slug: igqrcodebarcode-styling --- + +# Styling igQRCodeBarcode + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Styling igQRCodeBarcode @@ -124,7 +127,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Configuring Colors]({environment:SamplesUrl}/barcode/configuring-colors): This sample demonstrates styling the `igQRCodeBarcode` control by configuring the colors used in the barcode. +- [Configuring Colors](\{environment:SamplesUrl\}/barcode/configuring-colors): This sample demonstrates styling the `igQRCodeBarcode` control by configuring the colors used in the barcode. diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/accessibility-compliance.mdx index 74053fed71..fbc649c0b7 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/accessibility-compliance.mdx @@ -22,7 +22,7 @@ The following topics are prerequisites to understanding this topic: ## Accessibility Compliance Reference ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the `igRadialGauge` control complies with each of these rules. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the `igRadialGauge` control complies with each of these rules. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -43,7 +43,7 @@ Rules| Rule text| How we comply The following topic provides additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for the accessibility compliance of all controls in the {environment:ProductName} product. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for the accessibility compliance of all controls in the \{environment:ProductName\} product. diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/api-reference.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/api-reference.mdx index 41b8e3b3dd..925e85e095 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/api-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/api-reference.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Reference (igRadialGauge)" slug: igradialgauge-igradialgauge-api-reference --- + +# jQuery and MVC API Reference (igRadialGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Reference (igRadialGauge) diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/labels.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/labels.mdx index d38b6008b5..3df7bb1757 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/labels.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/labels.mdx @@ -5,7 +5,6 @@ slug: igradialgauge-configuring-labels # Configuring Labels (igRadialGauge) - ## Topic Overview ### Purpose @@ -95,7 +94,7 @@ $("#gauge").igRadialGauge({ The following example demonstrates how to configure the Radial Gauge control's Label settings. Use the slider to see how the labelExtent and labelInterval properties affect the Label. <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/radial-gauge/label-settings]({environment:SamplesEmbedUrl}/radial-gauge/label-settings) + [\{environment:SamplesEmbedUrl\}/radial-gauge/label-settings](\{environment:SamplesEmbedUrl\}/radial-gauge/label-settings) </div> ## <a id="related-content"></a>Related Content @@ -103,7 +102,7 @@ The following example demonstrates how to configure the Radial Gauge control's L The following topics provide additional information related to this topic: -- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a {environment:PlatformName} application. +- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a \{environment:PlatformName\} application. - [Configuring the Background (igRadialGauge)](/igradialgauge-configuring-the-backing.mdx): This topic provides a conceptual overview of the `igRadialGauge`™ control’s backing feature. It describes the properties of the backing area and provides an example of its implementation. @@ -120,16 +119,16 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [API Usage]({environment:SamplesUrl}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. +- [API Usage](\{environment:SamplesUrl\}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. -- [Gauge Animation]({environment:SamplesUrl}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. +- [Gauge Animation](\{environment:SamplesUrl\}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. -- [Gauge Needle]({environment:SamplesUrl}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. +- [Gauge Needle](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. -- [Needle Dragging]({environment:SamplesUrl}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. +- [Needle Dragging](\{environment:SamplesUrl\}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. -- [Range]({environment:SamplesUrl}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. +- [Range](\{environment:SamplesUrl\}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. -- [Scale Settings]({environment:SamplesUrl}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. +- [Scale Settings](\{environment:SamplesUrl\}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. -- [Tick Marks]({environment:SamplesUrl}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file +- [Tick Marks](\{environment:SamplesUrl\}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/needles.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/needles.mdx index 7e17e68160..a0e2ad224e 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/needles.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/needles.mdx @@ -100,7 +100,7 @@ $("#gauge").igRadialGauge({ The following topics provide additional information related to this topic: -- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a {environment:PlatformName} application. +- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a \{environment:PlatformName\} application. - [Configuring the Background (igRadialGauge)](/igradialgauge-configuring-the-backing.mdx): This topic provides a conceptual overview of the `igRadialGauge`™ control’s backing feature. It describes the properties of the backing area and provides an example of its implementation. @@ -117,18 +117,18 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [API Usage]({environment:SamplesUrl}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. +- [API Usage](\{environment:SamplesUrl\}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. -- [Gauge Animation]({environment:SamplesUrl}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. +- [Gauge Animation](\{environment:SamplesUrl\}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. -- [Gauge Needle]({environment:SamplesUrl}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. +- [Gauge Needle](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. - [Label Settings](./04_igRadialGauge_Configuring_Labels.mdx#lable-example): This sample demonstrates how to configure the Radial Gauge control’s Label settings. Use the slider to see how the `labelInterval` and `labelExtent` properties affect the Label. -- [Needle Dragging]({environment:SamplesUrl}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the isNeedleDraggingEnabled property. +- [Needle Dragging](\{environment:SamplesUrl\}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the isNeedleDraggingEnabled property. -- [Range]({environment:SamplesUrl}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. +- [Range](\{environment:SamplesUrl\}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. -- [Scale Settings]({environment:SamplesUrl}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. +- [Scale Settings](\{environment:SamplesUrl\}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. -- [Tick Marks]({environment:SamplesUrl}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file +- [Tick Marks](\{environment:SamplesUrl\}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/ranges.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/ranges.mdx index 9635fc538c..112396a56e 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/ranges.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/ranges.mdx @@ -5,7 +5,6 @@ slug: igradialgauge-configuring-ranges # Configuring Ranges (igRadialGauge) - ## Topic Overview ### Purpose @@ -101,7 +100,7 @@ $("#gauge").igRadialGauge({ The following topics provide additional information related to this topic: -- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a {environment:PlatformName} application. +- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a \{environment:PlatformName\} application. - [Configuring the Background (igRadialGauge)](/igradialgauge-configuring-the-backing.mdx): This topic provides a conceptual overview of the `igRadialGauge`™ control’s backing feature. It describes the properties of the backing area and provides an example of its implementation. @@ -118,18 +117,18 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [API Usage]({environment:SamplesUrl}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. +- [API Usage](\{environment:SamplesUrl\}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. -- [Gauge Animation]({environment:SamplesUrl}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. +- [Gauge Animation](\{environment:SamplesUrl\}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. -- [Gauge Needle]({environment:SamplesUrl}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. +- [Gauge Needle](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. - [Label Settings](./04_igRadialGauge_Configuring_Labels.mdx#lable-example): This sample demonstrates how to configure the Radial Gauge control’s Label settings. Use the slider to see how the `labelInterval` and `labelExtent` properties affect the Label. -- [Needle Dragging]({environment:SamplesUrl}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. +- [Needle Dragging](\{environment:SamplesUrl\}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. -- [Range]({environment:SamplesUrl}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. +- [Range](\{environment:SamplesUrl\}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. -- [Scale Settings]({environment:SamplesUrl}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. +- [Scale Settings](\{environment:SamplesUrl\}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. -- [Tick Marks]({environment:SamplesUrl}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file +- [Tick Marks](\{environment:SamplesUrl\}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/the-backing.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/the-backing.mdx index c86dfd557f..d15f4f99e0 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/the-backing.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/the-backing.mdx @@ -108,7 +108,7 @@ $("#gauge").igRadialGauge({ The following topics provide additional information related to this topic: -- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a {environment:PlatformName} application. +- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a \{environment:PlatformName\} application. - [Configuring Labels (igRadialGauge)](/igradialgauge-configuring-labels.mdx): This topic provides a conceptual overview of labels with the `igRadialGauge`™ control. It describes the properties of the labels and also provides an example of how to configure the labels. @@ -125,18 +125,18 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [API Usage]({environment:SamplesUrl}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. +- [API Usage](\{environment:SamplesUrl\}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. -- [Gauge Animation]({environment:SamplesUrl}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. +- [Gauge Animation](\{environment:SamplesUrl\}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. -- [Gauge Needle]({environment:SamplesUrl}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. +- [Gauge Needle](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. - [Label Settings](./04_igRadialGauge_Configuring_Labels.mdx#lable-example): This sample demonstrates how to configure the Radial Gauge control’s Label settings. Use the slider to see how the `labelInterval` and `labelExtent` properties affect the Label. -- [Needle Dragging]({environment:SamplesUrl}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. +- [Needle Dragging](\{environment:SamplesUrl\}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. -- [Range]({environment:SamplesUrl}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. +- [Range](\{environment:SamplesUrl\}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. -- [Scale Settings]({environment:SamplesUrl}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. +- [Scale Settings](\{environment:SamplesUrl\}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. -- [Tick Marks]({environment:SamplesUrl}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file +- [Tick Marks](\{environment:SamplesUrl\}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/the-scales.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/the-scales.mdx index 4e020f3030..5b77f97c17 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/the-scales.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/the-scales.mdx @@ -5,7 +5,6 @@ slug: igradialgauge-configuring-the-scales # Configuring the Scales (igRadialGauge) - ## Topic Overview ### Purpose @@ -108,7 +107,7 @@ $("#gauge").igRadialGauge({ The following topics provide additional information related to this topic: -- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a {environment:PlatformName} application. +- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a \{environment:PlatformName\} application. - [Configuring the Background (igRadialGauge)](/igradialgauge-configuring-the-backing.mdx): This topic provides a conceptual overview of the `igRadialGauge`™ control’s backing feature. It describes the properties of the backing area and provides an example of its implementation. @@ -124,18 +123,18 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [API Usage]({environment:SamplesUrl}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. +- [API Usage](\{environment:SamplesUrl\}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. -- [Gauge Animation]({environment:SamplesUrl}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. +- [Gauge Animation](\{environment:SamplesUrl\}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. -- [Gauge Needle]({environment:SamplesUrl}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. +- [Gauge Needle](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. - [Label Settings](./04_igRadialGauge_Configuring_Labels.mdx#lable-example): This sample demonstrates how to configure the Radial Gauge control’s Label settings. Use the slider to see how the `labelInterval` and `labelExtent` properties affect the Label. -- [Needle Dragging]({environment:SamplesUrl}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. +- [Needle Dragging](\{environment:SamplesUrl\}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. -- [Range]({environment:SamplesUrl}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. +- [Range](\{environment:SamplesUrl\}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. -- [Scale Settings]({environment:SamplesUrl}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. +- [Scale Settings](\{environment:SamplesUrl\}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. -- [Tick Marks]({environment:SamplesUrl}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file +- [Tick Marks](\{environment:SamplesUrl\}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/tick-marks.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/tick-marks.mdx index 2635427549..eff2560a1d 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/tick-marks.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/tick-marks.mdx @@ -5,7 +5,6 @@ slug: igradialgauge-configuring-tick-marks # Configuring the Tick Marks (igRadialGauge) - ## Topic Overview ### Purpose @@ -102,7 +101,7 @@ $("#gauge").igRadialGauge({ The following topics provide additional information related to this topic: -- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a {environment:PlatformName} application. +- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains using a code example how to add the `igRadialGauge`™ control to a \{environment:PlatformName\} application. - [Configuring the Background (igRadialGauge)](/igradialgauge-configuring-the-backing.mdx): This topic provides a conceptual overview of the `igRadialGauge`™ control’s backing feature. It describes the properties of the backing area and provides an example of its implementation. @@ -118,18 +117,18 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic: -- [API Usage]({environment:SamplesUrl}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. +- [API Usage](\{environment:SamplesUrl\}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. -- [Gauge Animation]({environment:SamplesUrl}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. +- [Gauge Animation](\{environment:SamplesUrl\}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. -- [Gauge Needle]({environment:SamplesUrl}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. +- [Gauge Needle](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. - [Label Settings](./04_igRadialGauge_Configuring_Labels.mdx#lable-example): This sample demonstrates how to configure the Radial Gauge control’s Label settings. Use the slider to see how the `labelInterval` and `labelExtent` properties affect the Label. -- [Needle Dragging]({environment:SamplesUrl}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. +- [Needle Dragging](\{environment:SamplesUrl\}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. -- [Range]({environment:SamplesUrl}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. +- [Range](\{environment:SamplesUrl\}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. -- [Scale Settings]({environment:SamplesUrl}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. +- [Scale Settings](\{environment:SamplesUrl\}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. -- [Tick Marks]({environment:SamplesUrl}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file +- [Tick Marks](\{environment:SamplesUrl\}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/using-igradialgauge.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/using-igradialgauge.mdx index 433385816b..f33b5c1319 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/using-igradialgauge.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/configuring/using-igradialgauge.mdx @@ -6,7 +6,6 @@ slug: igradialgauge-using-igradialgauge # Configuring igRadialGauge - ## In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/getting-started-with-igradialgauge.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/getting-started-with-igradialgauge.mdx index 7fb28e5bbf..4621cf471c 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/getting-started-with-igradialgauge.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/getting-started-with-igradialgauge.mdx @@ -5,7 +5,6 @@ slug: igradialgauge-getting-started-with-igradialgauge # Adding igRadialGauge - ### Purpose This topic demonstrates how to add the `igRadialGauge`™ control to a web page and bind it to data. @@ -18,9 +17,9 @@ The following lists the materials required as a prerequisite to understanding th **Topics** -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx): General information on the {environment:ProductName}™ library. +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx): General information on the \{environment:ProductName\}™ library. -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the {environment:ProductName} library. +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the \{environment:ProductName\} library. - [igRadialGauge Overview](/igradialgauge-igradialgauge-overview.mdx): This topic provides conceptual information about the `igRadialGauge` control including its main features, minimum requirements for using charts and user functionality. @@ -71,14 +70,14 @@ The following steps demonstrate how to add an `igRadialGauge` control to a web p Reference the required resources. Referencing resources includes: - Adding the jQuery, jQueryUI and Modernizr JavaScript resources to a folder named Scripts in your web site or web application. - - Adding the {environment:ProductName} CSS files to a folder named Content/ig in your web site or web application (see the [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic for details). - - Adding the {environment:ProductName} JavaScript files to a folder named Scripts/ig in your web site or web application (see the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic for details). + - Adding the \{environment:ProductName\} CSS files to a folder named Content/ig in your web site or web application (see the [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic for details). + - Adding the \{environment:ProductName\} JavaScript files to a folder named Scripts/ig in your web site or web application (see the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic for details). **The resources can be added either manually or using loaders** (recommended). Referencing resources in JavaScript using the igLoader - The `igLoader`™ control is the recommended way to load JavaScript and CSS resources required by the {environment:ProductName} library controls. First the igLoader script must be included in the page: + The `igLoader`™ control is the recommended way to load JavaScript and CSS resources required by the \{environment:ProductName\} library controls. First the igLoader script must be included in the page: **In HTML:** @@ -157,21 +156,21 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic. -- [API Usage]({environment:SamplesUrl}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. +- [API Usage](\{environment:SamplesUrl\}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. -- [Gauge Animation]({environment:SamplesUrl}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. +- [Gauge Animation](\{environment:SamplesUrl\}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. -- [Gauge Needle]({environment:SamplesUrl}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. +- [Gauge Needle](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. - [Label Settings](./02_Configuring/04_igRadialGauge_Configuring_Labels.mdx#lable-example): This sample demonstrates how to configure the Radial Gauge control’s Label settings. Use the slider to see how the `labelInterval` and `labelExtent` properties affect the Label. -- [Needle Dragging]({environment:SamplesUrl}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. +- [Needle Dragging](\{environment:SamplesUrl\}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. -- [Range]({environment:SamplesUrl}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. +- [Range](\{environment:SamplesUrl\}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. -- [Scale Settings]({environment:SamplesUrl}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. +- [Scale Settings](\{environment:SamplesUrl\}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. -- [Tick Marks]({environment:SamplesUrl}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. +- [Tick Marks](\{environment:SamplesUrl\}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/igradialgauge.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/igradialgauge.mdx index 5a43ef6f62..410018d4b7 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/igradialgauge.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/igradialgauge.mdx @@ -5,7 +5,6 @@ slug: igradialgauge # igRadialGauge - ## In This Group of Topics ### Introduction @@ -19,7 +18,7 @@ The `igRadialGauge`™ control is a data visualization tool capable of displayin - [igRadialGauge Overview](/igradialgauge-igradialgauge-overview.mdx): This topic gives you an overview of the `igRadialGauge`™ control and its main features. -- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains how to add the `igRadialGauge` control to a {environment:PlatformName} application. +- [Adding igRadialGauge](/igradialgauge-getting-started-with-igradialgauge.mdx): This topic explains how to add the `igRadialGauge` control to a \{environment:PlatformName\} application. - [Configuring igRadialGauge](/configuring/igradialgauge-using-igradialgauge.mdx): This is a group of topics explaining how to configure the various aspects of the `igRadialGauge`™ control including its orientation and direction and visual elements. diff --git a/docs/jquery/src/content/en/topics/controls/igradialgauge/overview.mdx b/docs/jquery/src/content/en/topics/controls/igradialgauge/overview.mdx index 84487867cc..23bb770de8 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialgauge/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialgauge/overview.mdx @@ -5,7 +5,6 @@ slug: igradialgauge-igradialgauge-overview # igRadialGauge Overview - ## Topic Overview ### Purpose @@ -52,18 +51,18 @@ The following topics provide additional information related to this topic: The following samples provide additional information related to this topic. -- [API Usage]({environment:SamplesUrl}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. +- [API Usage](\{environment:SamplesUrl\}/radial-gauge/api-usage): The buttons and api-viewer showcase some of `igRadialGauge`'s needle methods. You can change the value of the needle at runtime and obtain the current value of the needle by clicking the corresponding buttons. -- [Gauge Animation]({environment:SamplesUrl}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. +- [Gauge Animation](\{environment:SamplesUrl\}/radial-gauge/motion-framework): This sample demonstrates how you can easily animate the Radial Gauge by setting the `transitionDuration` property. -- [Gauge Needle]({environment:SamplesUrl}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. +- [Gauge Needle](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): Displayed as a pointer, the Needle indicates a single value on a scale. The options pane below allows you to interact with the Radial Gauge control’s Needle. - [Label Settings](./02_Configuring/04_igRadialGauge_Configuring_Labels.mdx#lable-example): This sample demonstrates how to configure the Radial Gauge control’s Label settings. Use the slider to see how the `labelInterval` and `labelExtent` properties affect the Label. -- [Needle Dragging]({environment:SamplesUrl}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. +- [Needle Dragging](\{environment:SamplesUrl\}/radial-gauge/drag-needle): This sample demonstrates how you can drag the Radial Gauge control’s needle by using the Mouse events. -- [Range]({environment:SamplesUrl}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. +- [Range](\{environment:SamplesUrl\}/radial-gauge/range): A range is a visual element that highlights a specified range of values on a scale. Use the options pane below to set the Radial Gauge control’s Range properties. -- [Scale Settings]({environment:SamplesUrl}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. +- [Scale Settings](\{environment:SamplesUrl\}/radial-gauge/scale-settings): A scale defines a range of values in the Radial Gauge. Use the options pane below to set the Radial Gauge control’s Scale properties. -- [Tick Marks]({environment:SamplesUrl}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file +- [Tick Marks](\{environment:SamplesUrl\}/radial-gauge/tickmarks): Tick marks can be displayed at every user specified interval on a gauge. Use the options pane below to set the Radial Gauge control’s Tick Mark properties. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/adding.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/adding.mdx index b9e2b405d7..ba79839a87 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/adding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/adding.mdx @@ -2,6 +2,9 @@ title: "Adding igRadialMenu" slug: igradialmenu-adding --- + +# Adding igRadialMenu + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igRadialMenu diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/html-page.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/html-page.mdx index c6f7f28cfb..48649eddb1 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/html-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/html-page.mdx @@ -2,6 +2,9 @@ title: "Adding igRadialMenu to an HTML Page" slug: igradialmenu-adding-html-page --- + +# Adding igRadialMenu to an HTML Page + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igRadialMenu to an HTML Page @@ -41,9 +44,9 @@ The following table summarizes the requirements for using the `igRadialMenu` con | Required Resources | Description | What you need to do… | | --- | --- | --- | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the section of your page. | -| General `igRadialMenu` JavaScript Resources | The `igRadialMenu` control depends on functionality distributed across several files in the {environment:ProductName} Library. You can load the required resources in one of the following ways: Use the Infragistics® Loader (`igLoader`™). You only need to include a script reference to `igLoader` on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the {environment:ProductName} library dependences related to the `igRadialMenu` control. These resources need to be referred to explicitly if you chose not to use igLoader or the combined files. JS Resources | Description | -| `infragistics.util.js`, `infragistics.util.jquery.js` | {environment:ProductName} utilities | | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\}™ is built on top of the following frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) | Add script references to both libraries in the section of your page. | +| General `igRadialMenu` JavaScript Resources | The `igRadialMenu` control depends on functionality distributed across several files in the \{environment:ProductName\} Library. You can load the required resources in one of the following ways: Use the Infragistics® Loader (`igLoader`™). You only need to include a script reference to `igLoader` on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the \{environment:ProductName\} library dependences related to the `igRadialMenu` control. These resources need to be referred to explicitly if you chose not to use igLoader or the combined files. JS Resources | Description | +| `infragistics.util.js`, `infragistics.util.jquery.js` | \{environment:ProductName\} utilities | | | `infragistics.ext_core.js`, `infragistics.ext_collections.js`, `infragistics.ext_collectionsextended.js`, `infragistics.ext_ui.js`, `infragistics.dv_core.js`, `infragistics.dv_interactivity.js`, `infragistics.dv_jquerydom.js` | Data visualization core functionality | | | `infragistics.ui.widget.js` | A common widget functionality | | | `infragistics.radialmenu.js` | The `igRadialMenu` control | | @@ -354,6 +357,6 @@ $(function () { The following topics provide additional information related to this topic. -- [Adding igRadialMenu to an ASP.NET MVC Application](/igradialmenu-adding-mvc-app.mdx): This topic demonstrates, with code examples, how to add the `igRadialMenu` to an ASP.NET MVC application using {environment:ProductNameMVC}. +- [Adding igRadialMenu to an ASP.NET MVC Application](/igradialmenu-adding-mvc-app.mdx): This topic demonstrates, with code examples, how to add the `igRadialMenu` to an ASP.NET MVC application using \{environment:ProductNameMVC\}. - [igRadialMenu Configuration Overview](/configuring/igradialmenu-configuration-overview.mdx): This topic explains how to configure the `igRadialMenu` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/mvc-app.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/mvc-app.mdx index 7cf6aa6b0f..309de85469 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/mvc-app.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/adding/mvc-app.mdx @@ -2,6 +2,9 @@ title: "Adding igRadialMenu to an ASP.NET MVC Application" slug: igradialmenu-adding-mvc-app --- + +# Adding igRadialMenu to an ASP.NET MVC Application + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igRadialMenu to an ASP.NET MVC Application @@ -9,7 +12,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## Topic Overview ### Purpose -This topic demonstrates, with code examples, how to add the <ApiLink type="igRadialMenu" label="igRadialMenu" />™ to an ASP.NET MVC application using {environment:ProductNameMVC}. +This topic demonstrates, with code examples, how to add the <ApiLink type="igRadialMenu" label="igRadialMenu" />™ to an ASP.NET MVC application using \{environment:ProductNameMVC\}. ### Required background @@ -25,7 +28,7 @@ Concepts **Topics** -- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with {environment:ProductName}™ components in an ASP.NET MVC application. +- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with \{environment:ProductName\}™ components in an ASP.NET MVC application. - [igRadialMenu Features](/overview/igradialmenu-features.mdx): This topic explains the features supported by the control from developer perspective. @@ -44,7 +47,7 @@ This topic contains the following sections: ## <a id="overview"></a>Adding igRadialMenu to an ASP.NET MVC Application – Conceptual Overview ### Adding igRadialMenu summary -The `igRadialMenu` control can be added to an ASP.NET MVC view using the {environment:ProductNameMVC} HTML helper. +The `igRadialMenu` control can be added to an ASP.NET MVC view using the \{environment:ProductNameMVC\} HTML helper. When instantiating the `igRadialMenu` control, there are several helper methods that should be set for basic renderings including the following: @@ -125,7 +128,7 @@ An ASP.NET MVC application configured with the required JavaScript files, CSS fi ### Steps -The following steps demonstrate how to instantiate `igRadialMenu` in an ASP.NET MVC application using the {environment:ProductNameMVC} HTML helper. +The following steps demonstrate how to instantiate `igRadialMenu` in an ASP.NET MVC application using the \{environment:ProductNameMVC\} HTML helper. 1. Add the ASP.NET MVC Helper @@ -143,7 +146,7 @@ The following steps demonstrate how to instantiate `igRadialMenu` in an ASP.NET 2. Instantiate the `igRadialMenu` control configuring its basic rendering options. - Instantiates the `igRadialMenu` control. As with all {environment:ProductNameMVC} controls, you must call the Render method to render the HTML and JavaScript to the View. + Instantiates the `igRadialMenu` control. As with all \{environment:ProductNameMVC\} controls, you must call the Render method to render the HTML and JavaScript to the View. **In ASPX:** diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/api-reference.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/api-reference.mdx index 45d72432f6..c12fe3e420 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/api-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/api-reference.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Reference (igRadialMenu)" slug: igradialmenu-api-reference --- + +# jQuery and MVC API Reference (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Reference (igRadialMenu) diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/center-button.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/center-button.mdx index 54333aa7e5..5c2948e018 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/center-button.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/center-button.mdx @@ -2,6 +2,9 @@ title: "Configuring the Center Button (igRadialMenu)" slug: igradialmenu-configuring-center-button --- + +# Configuring the Center Button (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Center Button (igRadialMenu) diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/configuration-overview.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/configuration-overview.mdx index 6919e487b0..7e4c4ad8ce 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/configuration-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/configuration-overview.mdx @@ -2,6 +2,9 @@ title: "igRadialMenu Configuration Overview" slug: igradialmenu-configuration-overview --- + +# igRadialMenu Configuration Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu Configuration Overview @@ -65,7 +68,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Configure Items]({environment:SamplesUrl}/radial-menu/configure-items): This sample demonstrates how to configure `igRadialMenu` items’ parameters. +- [Configure Items](\{environment:SamplesUrl\}/radial-menu/configure-items): This sample demonstrates how to configure `igRadialMenu` items’ parameters. diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/configuring.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/configuring.mdx index dd89f66359..c35bc2063e 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/configuring.mdx @@ -2,6 +2,9 @@ title: "Configuring igRadialMenu" slug: igradialmenu-configuring --- + +# Configuring igRadialMenu + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igRadialMenu diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/button-items.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/button-items.mdx index 6da05884df..c154b170fa 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/button-items.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/button-items.mdx @@ -2,6 +2,9 @@ title: "Configuring Button Items (igRadialMenu)" slug: igradialmenu-configuring-button-items --- + +# Configuring Button Items (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Button Items (igRadialMenu) @@ -82,7 +85,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Button Items]({environment:SamplesUrl}/radial-menu/button-items): This sample demonstrates how to define and configure button items. +- [Button Items](\{environment:SamplesUrl\}/radial-menu/button-items): This sample demonstrates how to define and configure button items. diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/color-items.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/color-items.mdx index 5de1e7d534..f2c2c94fa3 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/color-items.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/color-items.mdx @@ -2,6 +2,9 @@ title: "Configuring Color Items (igRadialMenu)" slug: igradialmenu-configuring-color-items --- + +# Configuring Color Items (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Color Items (igRadialMenu) @@ -109,7 +112,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Color Items]({environment:SamplesUrl}/radial-menu/color-items): This sample demonstrates how to define and use color items and color wells to allow color drilldown selection. +- [Color Items](\{environment:SamplesUrl\}/radial-menu/color-items): This sample demonstrates how to define and use color items and color wells to allow color drilldown selection. diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/items.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/items.mdx index 354b579ffb..6b6307aad5 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/items.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/items.mdx @@ -2,6 +2,9 @@ title: "Configuring Items (igRadialMenu)" slug: igradialmenu-configuring-items --- + +# Configuring Items (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Items (igRadialMenu) diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/numeric-items.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/numeric-items.mdx index 5ef1e1c441..9a14d6b154 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/numeric-items.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/numeric-items.mdx @@ -2,6 +2,9 @@ title: "Configuring Numeric Items (igRadialMenu)" slug: igradialmenu-configuring-numeric-items --- + +# Configuring Numeric Items (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Numeric Items (igRadialMenu) @@ -103,7 +106,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Numeric Items]({environment:SamplesUrl}/radial-menu/numeric-items): This sample demonstrates how to define number items and gauge items. +- [Numeric Items](\{environment:SamplesUrl\}/radial-menu/numeric-items): This sample demonstrates how to define number items and gauge items. diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/sub-items-configuration-overview.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/sub-items-configuration-overview.mdx index 6d04fd9c5c..8426bb3ad3 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/sub-items-configuration-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/items/sub-items-configuration-overview.mdx @@ -55,8 +55,8 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Configure Items]({environment:SamplesUrl}/radial-menu/configure-items): This sample demonstrates how to configure `igRadialMenu` items’ parameters. +- [Configure Items](\{environment:SamplesUrl\}/radial-menu/configure-items): This sample demonstrates how to configure `igRadialMenu` items’ parameters. -- [Numeric Items]({environment:SamplesUrl}/radial-menu/numeric-items): This sample demonstrates how to define number items and gauge items. +- [Numeric Items](\{environment:SamplesUrl\}/radial-menu/numeric-items): This sample demonstrates how to define number items and gauge items. -- [Color Items]({environment:SamplesUrl}/radial-menu/color-items): This sample demonstrates how to define and use color items and color wells to allow color drilldown selection. \ No newline at end of file +- [Color Items](\{environment:SamplesUrl\}/radial-menu/color-items): This sample demonstrates how to define and use color items and color wells to allow color drilldown selection. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/tooltips.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/tooltips.mdx index 8bb3e57250..50bdc9d6d4 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/tooltips.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/configuring/tooltips.mdx @@ -2,6 +2,9 @@ title: "Configuring Tooltips (igRadialMenu)" slug: igradialmenu-configuring-tooltips --- + +# Configuring Tooltips (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Tooltips (igRadialMenu) diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/igradialmenu.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/igradialmenu.mdx index ffc3c97803..c72581c312 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/igradialmenu.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/igradialmenu.mdx @@ -2,6 +2,9 @@ title: "igRadialMenu" slug: igradialmenu --- + +# igRadialMenu + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/features.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/features.mdx index 57a78c1ddc..c3ea990570 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/features.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/features.mdx @@ -2,6 +2,9 @@ title: "igRadialMenu Features" slug: igradialmenu-features --- + +# igRadialMenu Features + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu Features diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/overview.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/overview.mdx index 3e1f58c96d..72ea8261b6 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/overview.mdx @@ -2,6 +2,9 @@ title: "igRadialMenu Overview" slug: igradialmenu-overview --- + +# igRadialMenu Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu Overview diff --git a/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/visual-elements.mdx b/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/visual-elements.mdx index 273ab03807..61469c6b1f 100644 --- a/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/visual-elements.mdx +++ b/docs/jquery/src/content/en/topics/controls/igradialmenu/overview/visual-elements.mdx @@ -2,6 +2,9 @@ title: "igRadialMenu Visual Elements" slug: igradialmenu-visual-elements --- + +# igRadialMenu Visual Elements + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu Visual Elements diff --git a/docs/jquery/src/content/en/topics/controls/igrating/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igrating/accessibility-compliance.mdx index 134d6e52fd..5322b8a63e 100644 --- a/docs/jquery/src/content/en/topics/controls/igrating/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igrating/accessibility-compliance.mdx @@ -5,9 +5,8 @@ slug: igrating-accessibility-compliance # Accessibility Compliance (igRating) - ## Rating Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. **Table 1** contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. **Table 1** contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igrating/igrating.mdx b/docs/jquery/src/content/en/topics/controls/igrating/igrating.mdx index 3ef623b40f..e7d5ae2874 100644 --- a/docs/jquery/src/content/en/topics/controls/igrating/igrating.mdx +++ b/docs/jquery/src/content/en/topics/controls/igrating/igrating.mdx @@ -6,7 +6,6 @@ slug: igrating-igrating # igRating - Click on the links below to find information on how to get `igRating` quickly up and running. - [igRating Overview](/igrating-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igrating/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igrating/jquery-api.mdx index d0b6fcb420..fa5930a723 100644 --- a/docs/jquery/src/content/en/topics/controls/igrating/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igrating/jquery-api.mdx @@ -2,12 +2,15 @@ title: "jQuery and MVC API Links (igRating)" slug: igrating-jquery-api --- + +# jQuery and MVC API Links (igRating) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igRating) -The igRating is built as a jQuery UI widget with an accompanying {environment:ProductNameMVC} implementation. For more information about each API, see the following API documentation: +The igRating is built as a jQuery UI widget with an accompanying \{environment:ProductNameMVC\} implementation. For more information about each API, see the following API documentation: - <ApiLink type="igRating" label="igRating jQuery API" /> - [igRating MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.RatingModel.html) diff --git a/docs/jquery/src/content/en/topics/controls/igrating/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igrating/known-issues.mdx index da9d9549d7..8f3dbb35cc 100644 --- a/docs/jquery/src/content/en/topics/controls/igrating/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igrating/known-issues.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations (igRating)" slug: igrating-known-issues --- + +# Known Issues and Limitations (igRating) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations (igRating) @@ -23,7 +26,7 @@ When using jQuery Rating control be aware of the following limitations. You can destroy the control, persist its current values, and then just create a new one with new read-only property values. -2. In some cases you want to use rating that has the functionality to select only one of all the items. The default behavior of the Rating control is as following: when three from five items are selected all the items before the selected one have been styled as selected. This is normal for most of the cases when rating is used. But if you want only the selected item to be styled as a selected one, there isn’t a property that allows setting this. But you can achieve this by setting dynamically another `igRating` property – ‘<ApiLink type="igRating" label="cssVotes" />’. To see the workaround, follow this link: [Custom Items]({environment:SamplesUrl}/rating/custom-items) sample. +2. In some cases you want to use rating that has the functionality to select only one of all the items. The default behavior of the Rating control is as following: when three from five items are selected all the items before the selected one have been styled as selected. This is normal for most of the cases when rating is used. But if you want only the selected item to be styled as a selected one, there isn’t a property that allows setting this. But you can achieve this by setting dynamically another `igRating` property – ‘<ApiLink type="igRating" label="cssVotes" />’. To see the workaround, follow this link: [Custom Items](\{environment:SamplesUrl\}/rating/custom-items) sample. 3. If you are using a theme from a Theme Roller instead of `jquery.ui.custom.css`, the `jquery.ui.all.css` file is required. ## Related Links diff --git a/docs/jquery/src/content/en/topics/controls/igrating/overview.mdx b/docs/jquery/src/content/en/topics/controls/igrating/overview.mdx index 638aeae15a..9c790d1ef0 100644 --- a/docs/jquery/src/content/en/topics/controls/igrating/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igrating/overview.mdx @@ -5,11 +5,10 @@ slug: igrating-overview # igRating Overview - ## About jQuery Rating Control The jQuery Rating control, or igRating, allows you to select and rate items from a given range of values. Although it seems like a simple control, igRating is very flexible. It has a rich API that allows you to change its appearance and behavior, so you can respond to client actions and change control dynamically. This topic lists all the features and illustrates how to create a simple igRating control. -The jQuery Rating control is part of the {environment:ProductName} packet, which contains client-side-only controls. This gives the developer the flexibility to choose from several implementation options when developing using the jQuery Rating. The rating control exposes a rich jQuery API that can be configured without the use of any specific server back end. Also, developers using the Microsoft® ASP.NET MVC framework can leverage the rating’s server-side wrapper to configure the control with their .NET™ language of choice. +The jQuery Rating control is part of the \{environment:ProductName\} packet, which contains client-side-only controls. This gives the developer the flexibility to choose from several implementation options when developing using the jQuery Rating. The rating control exposes a rich jQuery API that can be configured without the use of any specific server back end. Also, developers using the Microsoft® ASP.NET MVC framework can leverage the rating’s server-side wrapper to configure the control with their .NET™ language of choice. The jQuery Rating allows itself to be styled, providing a different look and feel to the control. Styling the jQuery Rating provides a consistent appearance across supported browsers. The jQuery Rating can utilize your existing style sheets and can be styled using the jQuery UI’s ThemeRoller. @@ -30,13 +29,13 @@ The jQuery Rating allows itself to be styled, providing a different look and fee ## Adding jQuery Rating to a Web Page The following steps demonstrate how to create a basic implementation of the jQuery Rating on a webpage using either jQuery client code or ASP.NET MVC server code. -To read about which implementation to choose, see [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx). The following screenshot shows the default Rating view. +To read about which implementation to choose, see [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx). The following screenshot shows the default Rating view. ![](images/Rating_Overview_02.png) -[Basic Usage]({environment:SamplesUrl}/rating/basic-usage) +[Basic Usage](\{environment:SamplesUrl\}/rating/basic-usage) -1. To get started, include the required and localized resources for your project or website. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your project or website. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. ###Client Code @@ -136,9 +135,9 @@ To read about which implementation to choose, see [{environment:ProductName 5. Run the web page and you will get the basic Rating control. ## Related Links -- [Basic Usage]({environment:SamplesUrl}/rating/basic-usage) -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Basic Usage](\{environment:SamplesUrl\}/rating/basic-usage) +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igrating/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igrating/styling-and-theming.mdx index aa0093ce95..718f53c41f 100644 --- a/docs/jquery/src/content/en/topics/controls/igrating/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igrating/styling-and-theming.mdx @@ -5,13 +5,13 @@ slug: igrating-styling-and-theming # Styling and Theming (igRating) -The `igRating` control, {environment:ProductName}™ rating control, supports custom styling and theming which allows you to have full control over the look and feel of the rating experience. If no custom styles are applied to the control, then the default styling is applied to the control. +The `igRating` control, \{environment:ProductName\}™ rating control, supports custom styling and theming which allows you to have full control over the look and feel of the rating experience. If no custom styles are applied to the control, then the default styling is applied to the control. The examples in this topic include implementations in both jQuery/HTML implementations as well as in Microsoft™ ASP.NET™ MVC. ### Required CSS and Themes -The {environment:ProductName}™ rating, like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in {environment:ProductName} are custom jQuery UI themes called Infragistics and Metro. These themes provide a professional and attractive design to all Infragistics and standard jQuery UI widgets. +The \{environment:ProductName\}™ rating, like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in \{environment:ProductName\} are custom jQuery UI themes called Infragistics and Metro. These themes provide a professional and attractive design to all Infragistics and standard jQuery UI widgets. In addition to the Infragistics and Metro themes, there is a structure directory, which is required for the basic CSS layout of the Infragistics widgets. @@ -207,7 +207,7 @@ The following examples demonstrate how to create a custom theme. Listing 3 shows </style> ``` -**Listing 4** demonstrates how to markup and instantiate the rating control in a jQuery/HTML scenario, while **Listing 5** shows you how to create the rating control using {environment:ProductNameMVC} Rating. +**Listing 4** demonstrates how to markup and instantiate the rating control in a jQuery/HTML scenario, while **Listing 5** shows you how to create the rating control using \{environment:ProductNameMVC\} Rating. **Listing 4: Create the markup and associated script in HTML** @@ -314,7 +314,7 @@ $("#igRating1).igRating({ <div id="igRating1"></div> ``` -When the {environment:ProductNameMVC} Rating is used you can directly set the classes for every one of the items (which means you don’t need to define JSON array or JavaScript array). The {environment:ProductNameMVC} is doing the job behind the scenes. +When the \{environment:ProductNameMVC\} Rating is used you can directly set the classes for every one of the items (which means you don’t need to define JSON array or JavaScript array). The \{environment:ProductNameMVC\} is doing the job behind the scenes. **Listing 10: Apply custom styles to the rating control in ASP.NET MVC** @@ -350,8 +350,8 @@ This topic demonstrates how to style individual items as well as the entire `igR - [jQuery UI CSS Framework](http://docs.jquery.com/UI/Theming/API) ## Related Links -- [Custom Styles]({environment:SamplesUrl}/rating/custom-styles) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Custom Styles](\{environment:SamplesUrl\}/rating/custom-styles) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/accessibility-compliance.mdx index cd70b3d07f..81942dc19d 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/accessibility-compliance.mdx @@ -5,7 +5,6 @@ slug: igscheduler-accessibility-compliance # Accessibility Compliance (igScheduler) - ## igScheduler Accessibility Compliance @@ -15,7 +14,7 @@ This topic explains `igScheduler`™ accessibility features and provides advice ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/adding-igscheduler.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/adding-igscheduler.mdx index ce9ead64e6..c32b0fab7e 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/adding-igscheduler.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/adding-igscheduler.mdx @@ -3,6 +3,8 @@ title: "# Adding IgScheduler" slug: igscheduler-adding-igscheduler --- +# # Adding IgScheduler + ## Adding IgScheduler The `igScheduler` can be configured to run using jQuery. This help topic demonstrates how to setup a basic `igScheduler` control. @@ -27,7 +29,7 @@ The topics listed below are required as a prerequisite to understanding this top - [igScheduler Overview](/igscheduler-overview.mdx): This topic provides an overview of the `igScheduler` and its features. - [Using Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx): -Before we get started we need to make sure we have loaded all of the needed resources. We first need to load the jQuery resources and then we need to add the required {environment:ProductName} resources. There are three ways to add the {environment:ProductName} resources to your project. You can either use the `igLoader`, you can load the required modules separately or use the bundled files that combine all the required resources. You can find those approaches below: +Before we get started we need to make sure we have loaded all of the needed resources. We first need to load the jQuery resources and then we need to add the required \{environment:ProductName\} resources. There are three ways to add the \{environment:ProductName\} resources to your project. You can either use the `igLoader`, you can load the required modules separately or use the bundled files that combine all the required resources. You can find those approaches below: ```js $.ig.loader({ diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/04igscheduler-configure-asp-net-mvc.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/04igscheduler-configure-asp-net-mvc.mdx index 011c0d6e89..d9bdf55d54 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/04igscheduler-configure-asp-net-mvc.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/04igscheduler-configure-asp-net-mvc.mdx @@ -4,19 +4,20 @@ slug: igscheduler-asp-net-mvc-wrapper --- # Configuring ASP.NET MVC Scheduler -{environment:ProductName} is a JavaScript-based [jQuery UI](http://jqueryui.com/) control suite that you can use to build rich, interactive web applications. For {environment:ProductNameMVC}, you have the option to use JavaScript directly or with the provided {environment:ProductNameMVC} Helpers. -The {environment:ProductNameMVC} Helpers are a collection of .NET classes and extension methods that generate the HTML markup and JavaScript required to work with {environment:ProductName} controls. Once rendered to the page, there is very little difference between code you may write by hand using a JavaScript-only approach and what is rendered by {environment:ProductNameMVC}, but using the helpers may be a good choice for you if: +\{environment:ProductName\} is a JavaScript-based [jQuery UI](http://jqueryui.com/) control suite that you can use to build rich, interactive web applications. For \{environment:ProductNameMVC\}, you have the option to use JavaScript directly or with the provided \{environment:ProductNameMVC\} Helpers. + +The \{environment:ProductNameMVC\} Helpers are a collection of .NET classes and extension methods that generate the HTML markup and JavaScript required to work with \{environment:ProductName\} controls. Once rendered to the page, there is very little difference between code you may write by hand using a JavaScript-only approach and what is rendered by \{environment:ProductNameMVC\}, but using the helpers may be a good choice for you if: * You feel more comfortable working with MVC view engine syntax or in managed code rather than HTML and JavaScript -This document is focused specifically on explaining the {environment:ProductNameMVC} Scheduler Helper. Along the way you'll become familiar with the different syntax options available when constructing a view as well as the different approaches available to you in working with the server to provide data to the scheduler. +This document is focused specifically on explaining the \{environment:ProductNameMVC\} Scheduler Helper. Along the way you'll become familiar with the different syntax options available when constructing a view as well as the different approaches available to you in working with the server to provide data to the scheduler. > **Note:** This document shows sample code using the Razor view engine and in C#. ### In this topic - [**Getting Started**](#getting-started) - - [Referencing the {environment:ProductName} MVC Assembly](#referencing-igniteui-mvc-assembly) + - [Referencing the \{environment:ProductName\} MVC Assembly](#referencing-igniteui-mvc-assembly) - [Referencing Styles and Scripts](#referencing-styles-and-scripts) - [**Syntax Variations**](#syntax-variations) - [Scheduler Model](#syntax-scheduler-model) @@ -26,10 +27,10 @@ This document is focused specifically on explaining the {environment:Produc ## <a id="getting-started"></a> Getting Started -Before you can use the {environment:ProductNameMVC} Scheduler, you must first create a reference to the `Infragistics.Web.Mvc` assembly and reference the proper scripts and style sheets on your page. +Before you can use the \{environment:ProductNameMVC\} Scheduler, you must first create a reference to the `Infragistics.Web.Mvc` assembly and reference the proper scripts and style sheets on your page. -### <a id="referencing-igniteui-mvc-assembly"></a>Referencing the {environment:ProductNameMVC} Assembly -Begin by creating a reference in your ASP.NET application to the {environment:ProductNameMVC} assembly which is found at this location: +### <a id="referencing-igniteui-mvc-assembly"></a>Referencing the \{environment:ProductNameMVC\} Assembly +Begin by creating a reference in your ASP.NET application to the \{environment:ProductNameMVC\} assembly which is found at this location: ``` {environment:InstallPathMVC}\<MVC_VERSION_NUMBER>\Bin\Infragistics.Web.Mvc.dll @@ -48,10 +49,10 @@ Next, you need to reference the required style sheet and script files on your pa <script type="text/javascript" src="infragistics.lob.js"></script> <script type="text/javascript" src="infragistics.scheduler-bundled.js"></script> ``` -> **Note**: Due to the nature of how the {environment:ProductNameMVC} Helpers operate, you must include references to jQuery, jQuery UI and {environment:ProductName} at the top of the page. +> **Note**: Due to the nature of how the \{environment:ProductNameMVC\} Helpers operate, you must include references to jQuery, jQuery UI and \{environment:ProductName\} at the top of the page. ## <a id="syntax-variations"></a>Syntax Variations -When using the {environment:ProductNameMVC} Helpers, there are a few different parts that compose a page that are relevant to using the igScheduler. As a page is requested, Model data is collected in the Controller and passed to the View so the {environment:ProductNameMVC} Helpers can render the control on the page. In the controller you would have to pass a Model class, which contains representations of the Appointments and Resources data as an `IQueryable<T>` collections, where `T` is an `Appointment` model or a `Resource`. Every of the two Models should inherite `IModel` interface, which is located on `Infragistics.Web.Mvc.IModel` namespace and should implement `ToJson` method, which represents the `JSON` representation of the model. +When using the \{environment:ProductNameMVC\} Helpers, there are a few different parts that compose a page that are relevant to using the igScheduler. As a page is requested, Model data is collected in the Controller and passed to the View so the \{environment:ProductNameMVC\} Helpers can render the control on the page. In the controller you would have to pass a Model class, which contains representations of the Appointments and Resources data as an `IQueryable<T>` collections, where `T` is an `Appointment` model or a `Resource`. Every of the two Models should inherite `IModel` interface, which is located on `Infragistics.Web.Mvc.IModel` namespace and should implement `ToJson` method, which represents the `JSON` representation of the model. > **Note**: The Scheduler MVC Helper `data source` and `resources` accepts only instances of `IQueryable<T>`. diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-appointments.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-appointments.mdx index 09b676efa7..ecd2a39c74 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-appointments.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-appointments.mdx @@ -2,6 +2,9 @@ title: "Configuring Appointments (igScheduler)" slug: igscheduler-configure-appointments --- + +# Configuring Appointments (igScheduler) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Appointments (igScheduler) diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-recurrence.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-recurrence.mdx index bd6405a04c..deb3081e9e 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-recurrence.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-recurrence.mdx @@ -5,7 +5,6 @@ slug: igscheduler-configure-recurrence # Configuring Recurrence (igScheduler) - ## Purpose The topics in this section provide information about the recurrence concept of the `igScheduler` control. diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-resources.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-resources.mdx index 3c3dc9e25a..4c405c1f64 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-resources.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-resources.mdx @@ -5,7 +5,6 @@ slug: igscheduler-configure-resources # Configuring Resources (igScheduler) - ## Purpose The topics in this section provide information about the resources concept of the `igScheduler` control. diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-views.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-views.mdx index e151431607..15be22210b 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-views.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configure-views.mdx @@ -2,6 +2,9 @@ title: "Configuring Views (igScheduler)" slug: igscheduler-configure-views --- + +# Configuring Views (igScheduler) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring Views (igScheduler) diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configuring.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configuring.mdx index a5f6838680..5e17fd0ad8 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/configuring/configuring.mdx @@ -5,13 +5,12 @@ slug: igscheduler-configuring # Configuring igScheduler - ##In This Group of Topics ### Introduction -The topics in this group explain how to configure {environment:ProductName}® control. +The topics in this group explain how to configure \{environment:ProductName\}® control. ### Topics diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/known-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/known-limitations.mdx index 8698ddc8fd..0a3d0136bb 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/known-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/known-limitations.mdx @@ -5,7 +5,6 @@ slug: igscheduler-known-limitations # Known Issues and Limitations (igScheduler) - ## Known Issues and Limitations Summary @@ -32,7 +31,7 @@ Issue | Description | Status [Swipe-gestures support](#SwipeGesture) | No swipe-gestures support |![](../../images/images/negative.png) [Tab navigation to appointment popover](#NavigationToAppointmentPopover) | No tab navigation to appointment popover |![](../../images/images/negative.png) [Min width support – 320 px](#MinWidthSupport) | Minimum width resolution support on mobile devices is 320 px |![](../../images/images/negative.png) -[Setting the views option through {environment:ProductNameMVC}.](#MVC) | Configuring the views option through the ASP.NET MVC does not take effect. |![](../../images/images/plannedFix.png) +[Setting the views option through \{environment:ProductNameMVC\}.](#MVC) | Configuring the views option through the ASP.NET MVC does not take effect. |![](../../images/images/plannedFix.png) ## Known Issues and Limitations Details @@ -83,7 +82,7 @@ There is accessibility limitation with `tab navigation` and `selection` of appoi For next releases it is planned to add a message that will be shown when minimum resolution is reached. -### <a id="MVC"></a>Setting views option though {environment:ProductNameMVC} is not possible. +### <a id="MVC"></a>Setting views option though \{environment:ProductNameMVC\} is not possible. -Using the `views` option exposed by the {environment:ProductNameMVC} to control which views(`Agenda`, `Week`, `Day`, `Month`) are initialized does not work. This will be implemented for the next scheduler version. +Using the `views` option exposed by the \{environment:ProductNameMVC\} to control which views(`Agenda`, `Week`, `Day`, `Month`) are initialized does not work. This will be implemented for the next scheduler version. diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/overview.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/overview.mdx index 17e2659398..f7c84ee4c4 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/overview.mdx @@ -36,11 +36,11 @@ The table below lists the required background you need for fully understanding t You need to first read the following topics: -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) **External Resources** @@ -51,7 +51,7 @@ You need to first read the following article: [Working with jQuery Widgets](http ### Introduction -The `igScheduler` control is a jQuery UI Widget and therefore is dependent upon the jQuery core and jQuery UI JavaScript libraries. In addition, there are several {environment:ProductName}™ JavaScript resources that the `igScheduler` control uses for shared functionality and data binding. These JavaScript references are required whether the `igScheduler` control is used in a pure JavaScript context. +The `igScheduler` control is a jQuery UI Widget and therefore is dependent upon the jQuery core and jQuery UI JavaScript libraries. In addition, there are several \{environment:ProductName\}™ JavaScript resources that the `igScheduler` control uses for shared functionality and data binding. These JavaScript references are required whether the `igScheduler` control is used in a pure JavaScript context. ### Requirements @@ -60,11 +60,11 @@ The table below lists the requirements for the `igScheduler` control. | Requirement | Description | | --- | --- | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName} is built on top of these frameworks: [jQuery](http://jquery.com) (The required jQuery version for igScheduler is 1.8.3) [jQuery UI](http://jqueryui.com/) (The required jQuery UI version for igScheduler is 1.9.2) | -| Shared {environment:ProductName} JavaScript resources | There are several shared JavaScript resources in {environment:ProductName} that most widgets use: infragistics.util.js infragistics.util.jquery.js | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\} is built on top of these frameworks: [jQuery](http://jquery.com) (The required jQuery version for igScheduler is 1.8.3) [jQuery UI](http://jqueryui.com/) (The required jQuery UI version for igScheduler is 1.9.2) | +| Shared \{environment:ProductName\} JavaScript resources | There are several shared JavaScript resources in \{environment:ProductName\} that most widgets use: infragistics.util.js infragistics.util.jquery.js | | igDataSource JavaScript Resources | The igScheduler uses the igDataSource for data operations: infragistics.dataSource.js | | igScheduler JavaScript resources | The JavaScript file for the igScheduler widget: infragistics.ui.scheduler.js | -| IG Theme | This theme contains custom visual styles created especially for {environment:ProductName} | +| IG Theme | This theme contains custom visual styles created especially for \{environment:ProductName\} | | Base Theme | The base theme contains styles that primarily define the form and function for each widget. | @@ -205,7 +205,7 @@ The following properties could be used in order to configure different day view #### Related Sample -- [igScheduler Agenda View]({environment:SamplesUrl}/scheduler/agenda-view) +- [igScheduler Agenda View](\{environment:SamplesUrl\}/scheduler/agenda-view) ### <a id="activities"></a>Activities @@ -235,7 +235,7 @@ The following table lists the Appointment's key properties and their purpose: #### Related Sample -- [igScheduler Agenda View]({environment:SamplesUrl}/scheduler/appointment-indicators) +- [igScheduler Agenda View](\{environment:SamplesUrl\}/scheduler/appointment-indicators) ## <a id="binding-to-data-source"></a>Binding to Data Sources @@ -251,11 +251,11 @@ Please refer to the [Configure appointments](/configuring/igscheduler-configure- Following are some other topics you may find useful. -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) - [igScheduler Overview](/igscheduler-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igscheduler/using-themes.mdx b/docs/jquery/src/content/en/topics/controls/igscheduler/using-themes.mdx index 7d82ce07b9..28e5204be2 100644 --- a/docs/jquery/src/content/en/topics/controls/igscheduler/using-themes.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscheduler/using-themes.mdx @@ -17,7 +17,7 @@ To customize a theme, you can use ThemeRoller. ThemeRoller is a tool provided by The information you need to customize the jQuery UI theme for the `igScheduler` is covered in the following topics: -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) ## Related Topics diff --git a/docs/jquery/src/content/en/topics/controls/igscroll/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igscroll/accessibility-compliance.mdx index 27898f3b08..871a8dbfa1 100644 --- a/docs/jquery/src/content/en/topics/controls/igscroll/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscroll/accessibility-compliance.mdx @@ -5,9 +5,8 @@ slug: igscroll-accessibility-compliance # Accessibility Compliance (igScroll) - ## Scroll Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. **Table 1** contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. **Table 1** contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igscroll/configuring-igscroll.mdx b/docs/jquery/src/content/en/topics/controls/igscroll/configuring-igscroll.mdx index 29cf805d98..6bac3010a2 100644 --- a/docs/jquery/src/content/en/topics/controls/igscroll/configuring-igscroll.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscroll/configuring-igscroll.mdx @@ -2,6 +2,9 @@ title: "Configuring igScroll" slug: igscroll-configuring --- + +# Configuring igScroll + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igScroll @@ -207,4 +210,4 @@ $("#scrContainerLeft").igScroll({ - [Known Issues (igScroll)](/igscroll-known-issues.mdx) ### Samples -- [Configuration Options]({environment:SamplesUrl}/scroll/configuration-options) \ No newline at end of file +- [Configuration Options](\{environment:SamplesUrl\}/scroll/configuration-options) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igscroll/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igscroll/jquery-api.mdx index d1353183fd..656c975ca2 100644 --- a/docs/jquery/src/content/en/topics/controls/igscroll/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscroll/jquery-api.mdx @@ -2,6 +2,9 @@ title: "jQuery API Links (igScroll)" slug: igscroll-jquery-api --- + +# jQuery API Links (igScroll) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery API Links (igScroll) diff --git a/docs/jquery/src/content/en/topics/controls/igscroll/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igscroll/known-issues.mdx index 4b85aa92b8..a2c755e578 100644 --- a/docs/jquery/src/content/en/topics/controls/igscroll/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscroll/known-issues.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations (igScroll)" slug: igscroll-known-issues --- + +# Known Issues and Limitations (igScroll) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations (igScroll) diff --git a/docs/jquery/src/content/en/topics/controls/igscroll/overview.mdx b/docs/jquery/src/content/en/topics/controls/igscroll/overview.mdx index 70ae52af65..bdf5c4602b 100644 --- a/docs/jquery/src/content/en/topics/controls/igscroll/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscroll/overview.mdx @@ -2,6 +2,9 @@ title: "igScroll Overview" slug: igscroll-overview --- + +# igScroll Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igScroll Overview @@ -170,7 +173,7 @@ $(function () { The following steps demonstrate how to create a basic implementation of the igScroll widget on a web page using jQuery client code. -To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 1. On your HTML page, **reference the required JavaScript and CSS** files. @@ -363,6 +366,6 @@ While focus is on the scrollbar element: - [Configuring igScroll](Configuring-igScroll.html) ### Samples -- [Basic Usage]({environment:SamplesUrl}/scroll/basic-usage) -- [Configuration Options]({environment:SamplesUrl}/scroll/configuration-options) -- [Scrolling multiple containers at once]({environment:SamplesUrl}/scroll/scrolling-multiple-containers) \ No newline at end of file +- [Basic Usage](\{environment:SamplesUrl\}/scroll/basic-usage) +- [Configuration Options](\{environment:SamplesUrl\}/scroll/configuration-options) +- [Scrolling multiple containers at once](\{environment:SamplesUrl\}/scroll/scrolling-multiple-containers) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igscroll/styling.mdx b/docs/jquery/src/content/en/topics/controls/igscroll/styling.mdx index 1d2f578e5b..6d447a7abf 100644 --- a/docs/jquery/src/content/en/topics/controls/igscroll/styling.mdx +++ b/docs/jquery/src/content/en/topics/controls/igscroll/styling.mdx @@ -2,6 +2,9 @@ title: "Styling igScroll" slug: igscroll-styling --- + +# Styling igScroll + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Styling igScroll @@ -23,7 +26,7 @@ This topic contains the following sections: - [Related Content](#related) ## <a id="summary"></a>Styling Summary -The {environment:ProductName}™ Scroll (or `igScroll`), like other jQuery widgets, provides a number of CSS classes that apply to +The \{environment:ProductName\}™ Scroll (or `igScroll`), like other jQuery widgets, provides a number of CSS classes that apply to specific UI elements. Each CSS class defines the look and feel of a DOM element that the igScroll renders. The list of CSS classes that apply to the vertical custom scrollbar are: @@ -265,6 +268,6 @@ arrows hidden to provide more minimalistic look: - [Configuring igScroll](Configuring-igScroll.html) ### Samples -- [Styling static scrollbars]({environment:SamplesUrl}/scroll/styling-static) -- [Styling dynamic scrollbars]({environment:SamplesUrl}/scroll/styling-dynamic) +- [Styling static scrollbars](\{environment:SamplesUrl\}/scroll/styling-static) +- [Styling dynamic scrollbars](\{environment:SamplesUrl\}/scroll/styling-dynamic) diff --git a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-api-reference.mdx b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-api-reference.mdx index 7020498e50..719564658e 100644 --- a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-api-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-api-reference.mdx @@ -1,6 +1,9 @@ --- title: "jQuery API Reference Links (igShapeChart)" --- + +# jQuery API Reference Links (igShapeChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery API Reference Links (igShapeChart) diff --git a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-binding-break-even-data.mdx b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-binding-break-even-data.mdx index 93dde3992c..d36bb960f1 100644 --- a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-binding-break-even-data.mdx +++ b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-binding-break-even-data.mdx @@ -88,4 +88,4 @@ The following code example shows how to bind break-even data to the igShapeChart The following sample provides additional information related to this topic. -- [Binding Break Even Data]({environment:SamplesUrl}/shapechart/binding-break-even-data): This sample demonstrates the `igShapeChart` control binding to break-even data. \ No newline at end of file +- [Binding Break Even Data](\{environment:SamplesUrl\}/shapechart/binding-break-even-data): This sample demonstrates the `igShapeChart` control binding to break-even data. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-binding-shapefile-data.mdx b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-binding-shapefile-data.mdx index 58863ea9e6..baf916b022 100644 --- a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-binding-shapefile-data.mdx +++ b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-binding-shapefile-data.mdx @@ -132,5 +132,5 @@ Following the steps above will result in an igShapeChart that looks like the fol The following samples provide additional information related to this topic. -- [Binding a Shapefile]({environment:SamplesUrl}/shape-charts/binding-shapefile-single): This sample demonstrates the `igShapeChart` control binding to a single shape file. -- [Binding Multiple Shapefiles]({environment:SamplesUrl}/shape-charts/binding-shapefile-multi): This sample demonstrates the `igShapeChart` control binding to multiple shape files. \ No newline at end of file +- [Binding a Shapefile](\{environment:SamplesUrl\}/shape-charts/binding-shapefile-single): This sample demonstrates the `igShapeChart` control binding to a single shape file. +- [Binding Multiple Shapefiles](\{environment:SamplesUrl\}/shape-charts/binding-shapefile-multi): This sample demonstrates the `igShapeChart` control binding to multiple shape files. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-chart-types.mdx b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-chart-types.mdx index 963378dbc5..64579c3d4f 100644 --- a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-chart-types.mdx +++ b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-chart-types.mdx @@ -3,7 +3,7 @@ title: "Chart Types" slug: shapechart-chart-types --- -# Chart Types +# Chart Types ## Overview @@ -45,4 +45,4 @@ The default value of that property is determined by the size of the underlying I **Samples:** -- [Shape Chart Types]({environment:SamplesUrl}/shape-charts/shape-chart-types): This sample showcases the different `igShapeChart` control chart types. \ No newline at end of file +- [Shape Chart Types](\{environment:SamplesUrl\}/shape-charts/shape-chart-types): This sample showcases the different `igShapeChart` control chart types. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-configuring-axis-intervals.mdx b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-configuring-axis-intervals.mdx index 6d57785277..fe4f469ce8 100644 --- a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-configuring-axis-intervals.mdx +++ b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-configuring-axis-intervals.mdx @@ -64,4 +64,4 @@ $(function () { The following sample provides additional information related to this topic. -- [Configuring Axis Intervals]({environment:SamplesUrl}/shape-charts/axis-intervals): This sample demonstrates how to configure the axis intervals for the `igShapeChart` control. \ No newline at end of file +- [Configuring Axis Intervals](\{environment:SamplesUrl\}/shape-charts/axis-intervals): This sample demonstrates how to configure the axis intervals for the `igShapeChart` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-configuring-axis-labels.mdx b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-configuring-axis-labels.mdx index c6bcc9eaa3..3c32154bd8 100644 --- a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-configuring-axis-labels.mdx +++ b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-configuring-axis-labels.mdx @@ -76,4 +76,4 @@ The following screenshot demonstrates the igShapeChart control with the x-axis l The following sample provides additional information related to this topic. -- [Configuring Axis Labels]({environment:SamplesUrl}/shape-charts/axis-labels): This sample demonstrates how to configure the axis labels for the `igShapeChart` control. \ No newline at end of file +- [Configuring Axis Labels](\{environment:SamplesUrl\}/shape-charts/axis-labels): This sample demonstrates how to configure the axis labels for the `igShapeChart` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-overview.mdx b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-overview.mdx index 8d5e4bcb37..319caef3fb 100644 --- a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-overview.mdx @@ -3,7 +3,7 @@ title: "Overview" slug: shapechart-overview --- -# Overview +# Overview ### About igShapeChart diff --git a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-using-legend-with-shapechart.mdx b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-using-legend-with-shapechart.mdx index dc5f2088e9..cb9c69c7af 100644 --- a/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-using-legend-with-shapechart.mdx +++ b/docs/jquery/src/content/en/topics/controls/igshapechart/shapechart-using-legend-with-shapechart.mdx @@ -86,4 +86,4 @@ The following code example shows how to use a legend for multiple series plotted The following sample provides additional information related to this topic. -- [Using Legend]({environment:SamplesUrl}/shape-charts/using-legend): This sample demonstrates usage of a legend with the `igShapeChart` control. \ No newline at end of file +- [Using Legend](\{environment:SamplesUrl\}/shape-charts/using-legend): This sample demonstrates usage of a legend with the `igShapeChart` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/accessibility-compliance.mdx index 9c7cd65799..53fd32fc2f 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/accessibility-compliance.mdx @@ -2,6 +2,9 @@ title: "Accessibility Compliance (igSparkline)" slug: igsparkline-accessibility-compliance --- + +# Accessibility Compliance (igSparkline) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Accessibility Compliance (igSparkline) @@ -23,7 +26,7 @@ The following topics are prerequisite to understanding this topic: ## Accessibility Compliance Reference ### Introduction -All of the Infragistics® {environment:ProductName}® controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igSparkline` control complies with each rule. +All of the Infragistics® \{environment:ProductName\}® controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igSparkline` control complies with each rule. To meet the requirements of each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. @@ -49,7 +52,7 @@ Rule | Rule Text| How We Comply The following topic provides additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all {environment:ProductName} controls. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information for accessibility compliance of all \{environment:ProductName\} controls. diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-overview.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-overview.mdx index 568a119390..c29d93a4c7 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-overview.mdx @@ -2,6 +2,9 @@ title: "Adding igSparkline Overview" slug: igsparkline-adding-igsparkline-overview --- + +# Adding igSparkline Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igSparkline Overview @@ -36,7 +39,7 @@ Following are the general requirements for adding an `igSparkline` to your appli - The jQuery JavaScript framework - The jQuery UI JavaScript UI framework - The Modernizr JavaScript library to support touch interactions -- Infragistics {environment:ProductName} JavaScript and CSS Resources +- Infragistics \{environment:ProductName\} JavaScript and CSS Resources - A one-dimensional data source containing numeric or date data - If you are going to use the ASP.NET MVC helper you will also require the `Infragistics.Web.Mvc.dll` assembly @@ -48,7 +51,7 @@ Example| Description ---|--- [Adding igSparkline to an HTML Document](/igsparkline-adding-igsparkline-to-an-html-document.mdx)|Add the `igSparkline` control to an HTML document using the JavaScript API. [Adding igSparkline to an ASP.NET MVC View](/igsparkline-adding-igsparkline-to-an-aspnet-mvc-view.mdx)|Use the `igSparkline` ASP.NET MVC helper to render the `igSparkline` in an ASP.NET MVC view. -Adding `igSparkline` to an igGrid Column, refer to the following sample. [Sparkline in Grid]({environment:SamplesUrl}/sparkline/sparkline-in-grid)|Add the `igSparkline` to an `igGrid` column template. +Adding `igSparkline` to an igGrid Column, refer to the following sample. [Sparkline in Grid](\{environment:SamplesUrl\}/sparkline/sparkline-in-grid)|Add the `igSparkline` to an `igGrid` column template. ## Related Content @@ -66,6 +69,6 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Bind to JSON Data]({environment:SamplesUrl}/sparkline/bind-json): This sample binds to JSON data contained in an external script file. It also shows binding with the ASP.NET MVC helper. +- [Bind to JSON Data](\{environment:SamplesUrl\}/sparkline/bind-json): This sample binds to JSON data contained in an external script file. It also shows binding with the ASP.NET MVC helper. -- [Sparkline in Grid]({environment:SamplesUrl}/sparkline/sparkline-in-grid): This sample demonstrates how to add an `igSparkline` to an `igGrid` column template. \ No newline at end of file +- [Sparkline in Grid](\{environment:SamplesUrl\}/sparkline/sparkline-in-grid): This sample demonstrates how to add an `igSparkline` to an `igGrid` column template. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-to-an-aspnet-mvc-view.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-to-an-aspnet-mvc-view.mdx index 28229fcbac..206f4ef21c 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-to-an-aspnet-mvc-view.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-to-an-aspnet-mvc-view.mdx @@ -2,6 +2,9 @@ title: "Adding igSparkline to an ASP.NET MVC View" slug: igsparkline-adding-igsparkline-to-an-aspnet-mvc-view --- + +# Adding igSparkline to an ASP.NET MVC View + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igSparkline to an ASP.NET MVC View @@ -22,7 +25,7 @@ The following table lists the concepts and topics required as a prerequisite to Topics -- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with {environment:ProductName}® components in an ASP.NET MVC application. +- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with \{environment:ProductName\}® components in an ASP.NET MVC application. #### In this topic @@ -187,7 +190,7 @@ Width()| Sets the string width of the `igSparkline` ValueMemberPath()|Set this helper method to the Invoice member that signifies the value the `igSparkline` renders on the vertical axis for each item. LabelMemberPath()|Set this helper method to the Invoice member that represents the horizontal axis value. -Finally, as with all of the {environment:ProductNameMVC} controls, you must call the Render method to render the HTML and JavaScript to the view. +Finally, as with all of the \{environment:ProductNameMVC\} controls, you must call the Render method to render the HTML and JavaScript to the view. **In ASPX:** @@ -248,7 +251,7 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Bind Collection]({environment:SamplesUrl}/sparkline/bind-collection): This sample shows binding with the ASP.NET MVC helper. +- [Bind Collection](\{environment:SamplesUrl\}/sparkline/bind-collection): This sample shows binding with the ASP.NET MVC helper. diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-to-an-html-document.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-to-an-html-document.mdx index c01ad4f0c3..934d231c37 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-to-an-html-document.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline-to-an-html-document.mdx @@ -2,6 +2,9 @@ title: "Adding igSparkline to an HTML Document" slug: igsparkline-adding-igsparkline-to-an-html-document --- + +# Adding igSparkline to an HTML Document + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igSparkline to an HTML Document @@ -25,9 +28,9 @@ The following table lists the concepts, topics, and articles required as a prere - [Adding igSparkline Overview](/igsparkline-adding-igsparkline-overview.mdx): This topic provides an overview of the various ways of adding `igSparkline`™ to an application. -- [Adding Required Resources Manually](///general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx): This topic explains the organization of JavaScript resources in {environment:ProductName}®. +- [Adding Required Resources Manually](///general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx): This topic explains the organization of JavaScript resources in \{environment:ProductName\}®. -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the {environment:ProductName} library. +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic provides general guidance on adding required JavaScript resources to use controls from the \{environment:ProductName\} library. **External Resources** @@ -69,9 +72,9 @@ The following table summarizes the requirements for using the `igSparkline` cont | Requirement/Required Resources | Description | What you need to do… | | --- | --- | --- | -| IG Theme | This theme contains the visual styles for the {environment:ProductName} library. The theme file is: css/themes/Infragistics/infragistics.theme.css | | +| IG Theme | This theme contains the visual styles for the \{environment:ProductName\} library. The theme file is: css/themes/Infragistics/infragistics.theme.css | | | `igSparkline` CSS resource files | The styles from the following CSS file are used for rendering various elements of the control: CSS Resource | Description | -| `css/structure/modules/infragistics.ui.shared.css` | Shared CSS styles for all {environment:ProductName} controls. | | +| `css/structure/modules/infragistics.ui.shared.css` | Shared CSS styles for all \{environment:ProductName\} controls. | | | `css/structure/modules/infragistics.ui.html5.css` | CSS related to browser support for HTML5 | | | `css/structure/modules/infragistics.ui.sparkline.css` | CSS styles specific to the `igSparkline` widget | | @@ -88,13 +91,13 @@ The following table summarizes the requirements for using the `igSparkline` cont <tr> <td>jQuery and jQuery UI JavaScript resources</td> - <td>{environment:ProductName} is built on top of the following frameworks: <ul> <li> [jQuery](http://jquery.com/) </li> <li> [jQuery UI](http://jqueryui.com/) </li> </ul></td> + <td>\{environment:ProductName\} is built on top of the following frameworks: <ul> <li> [jQuery](http://jquery.com/) </li> <li> [jQuery UI](http://jqueryui.com/) </li> </ul></td> <td>Add script references to both libraries in the `<head>` section of your page.</td> </tr> <tr> <td>General `igSparkline` JavaScript Resources</td> - <td>The igSparkline functionality of the {environment:ProductName} library is distributed across several files. You can load the required resources in one of the following ways: <ul> <li> Use the `Infragistics.core.js` and `Infragistics.dv.js` combined files to quickly reference the required JavaScript dependencies </li> <li> Use the Infragistics® Loader (`igLoader`™). You only need to include a script reference to `igLoader` on your page and specify the `igSparkline` as a parameter and the igLoader loads the required individual JavaScript files and CSS files. </li> <li> Load the required resources manually. You need to use the dependencies listed in the table below. </li> </ul> The following table lists the {environment:ProductName} library dependences related to the igSparkline control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use `igLoader`). | JS Resource | Description | | --- | --- | | `js/modules/infragistics.util.js` `js/modules/infragistics.util.jquery.js` | {environment:ProductName} utilities | | `js/modules/infragistics.ui.widget.js` | Common widget | | `js/modules/Infragistics.datasource.js` | Data source framework | | `js/modules/infragistics.templating.js` | `igTemplating` engine | | `js/modules/infragistics.ext_core.js`, `js/modules/infragistics.ext_collections.js`, `js/modules/infragistics.ext_ui.js`, `js/modules/infragistics.dv_jquerydom.js`, `js/modules/infragistics.dv_core.js`, `js/modules/infragistics.dv_geometry.js` | A shared library for all data visualization components | | `js/modules/infragistics.dv_interactivity.js` | Optional. Required for user interaction such as tooltips. | | `js/modules/infragistics.ui.basechart.js` | The base widget for all {environment:ProductName} chart components | | `js/modules/infragistics.sparkline.js` | The internal core logic of the `igSparkline` widget | | `js/modules/infragistics.ui.sparkline.js` | The `igSparkline` widget | <br/></td> + <td>The igSparkline functionality of the \{environment:ProductName\} library is distributed across several files. You can load the required resources in one of the following ways: <ul> <li> Use the `Infragistics.core.js` and `Infragistics.dv.js` combined files to quickly reference the required JavaScript dependencies </li> <li> Use the Infragistics® Loader (`igLoader`™). You only need to include a script reference to `igLoader` on your page and specify the `igSparkline` as a parameter and the igLoader loads the required individual JavaScript files and CSS files. </li> <li> Load the required resources manually. You need to use the dependencies listed in the table below. </li> </ul> The following table lists the \{environment:ProductName\} library dependences related to the igSparkline control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use `igLoader`). | JS Resource | Description | | --- | --- | | `js/modules/infragistics.util.js` `js/modules/infragistics.util.jquery.js` | \{environment:ProductName\} utilities | | `js/modules/infragistics.ui.widget.js` | Common widget | | `js/modules/Infragistics.datasource.js` | Data source framework | | `js/modules/infragistics.templating.js` | `igTemplating` engine | | `js/modules/infragistics.ext_core.js`, `js/modules/infragistics.ext_collections.js`, `js/modules/infragistics.ext_ui.js`, `js/modules/infragistics.dv_jquerydom.js`, `js/modules/infragistics.dv_core.js`, `js/modules/infragistics.dv_geometry.js` | A shared library for all data visualization components | | `js/modules/infragistics.dv_interactivity.js` | Optional. Required for user interaction such as tooltips. | | `js/modules/infragistics.ui.basechart.js` | The base widget for all \{environment:ProductName\} chart components | | `js/modules/infragistics.sparkline.js` | The internal core logic of the `igSparkline` widget | | `js/modules/infragistics.ui.sparkline.js` | The `igSparkline` widget | <br/></td> <td>Add one of the following: <ul> <li> A reference to `igLoader` </li> <li> A reference to all the required JavaScript files (listed in the table on the left). </li> </ul></td> </tr> </tbody> @@ -307,4 +310,4 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Bind to JSON Data]({environment:SamplesUrl}/sparkline/bind-json): This sample binds to JSON data contained in an external script file. It also shows binding with the ASP.NET MVC helper. \ No newline at end of file +- [Bind to JSON Data](\{environment:SamplesUrl\}/sparkline/bind-json): This sample binds to JSON data contained in an external script file. It also shows binding with the ASP.NET MVC helper. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline.mdx index b3e9cb9063..87b630c927 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/adding/igsparkline.mdx @@ -2,6 +2,9 @@ title: "Adding igSparkline" slug: igsparkline-adding-igsparkline --- + +# Adding igSparkline + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igSparkline diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/binding-to-data.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/binding-to-data.mdx index 736bda3928..fae9ae9a61 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/binding-to-data.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/binding-to-data.mdx @@ -53,7 +53,7 @@ Requirements for binding to the `igDataSource` control vary from data source to #### Data sources summary -The `igSparkline` control’s data binding is identical to that of the other controls in the {environment:ProductName}™ library. The way to bind data is either by assigning a data source to the `dataSource` option or by providing a URL in the `dataSourceUrl` in the event that data is provided by a web or WCF service. +The `igSparkline` control’s data binding is identical to that of the other controls in the \{environment:ProductName\}™ library. The way to bind data is either by assigning a data source to the `dataSource` option or by providing a URL in the `dataSourceUrl` in the event that data is provided by a web or WCF service. Data structure|Related Topic/Sample ---|--- @@ -63,7 +63,7 @@ Data binding to remote Data|**Refer to the sample below** <br/> #### Bind to Remote Data <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/sparkline/bind-to-remote-data]({environment:SamplesEmbedUrl}/sparkline/bind-to-remote-data) + [\{environment:SamplesEmbedUrl\}/sparkline/bind-to-remote-data](\{environment:SamplesEmbedUrl\}/sparkline/bind-to-remote-data) </div> ## Related Content @@ -78,7 +78,7 @@ The following topic provides additional information related to this topic. The following samples provide additional information related to this topic. -- [Bind to JSON Data]({environment:SamplesUrl}/sparkline/bind-json): This sample shows a basic implementation of the `igSparkline` bound to a JavaScript array. +- [Bind to JSON Data](\{environment:SamplesUrl\}/sparkline/bind-json): This sample shows a basic implementation of the `igSparkline` bound to a JavaScript array. diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/configuring.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/configuring.mdx index 2e29b894bf..6559cc0726 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/configuring.mdx @@ -2,6 +2,9 @@ title: "Configuring igSparkline" slug: igsparkline-configuring --- + +# Configuring igSparkline + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igSparkline @@ -52,6 +55,6 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Normal Range and Trend Lines]({environment:SamplesUrl}/sparkline/normal-range-and-trend-lines): Sample demonstrating the normal range and trend line features. +- [Normal Range and Trend Lines](\{environment:SamplesUrl\}/sparkline/normal-range-and-trend-lines): Sample demonstrating the normal range and trend line features. -- [Tooltips and Markers]({environment:SamplesUrl}/sparkline/tooltips-and-markers): Sample demonstrating the tooltip and marker features. \ No newline at end of file +- [Tooltips and Markers](\{environment:SamplesUrl\}/sparkline/tooltips-and-markers): Sample demonstrating the tooltip and marker features. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/jquery-and-aspnet-mvc-api.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/jquery-and-aspnet-mvc-api.mdx index 78a11672be..bb60deec03 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/jquery-and-aspnet-mvc-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/jquery-and-aspnet-mvc-api.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igSparkline)" slug: igsparkline-jquery-and-aspnet-mvc-api --- + +# jQuery and MVC API Links (igSparkline) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igSparkline) @@ -25,7 +28,7 @@ API Document| Description The following sample provides additional information related to this topic. -- [API and Events]({environment:SamplesUrl}/sparkline/api-and-events) +- [API and Events](\{environment:SamplesUrl\}/sparkline/api-and-events) This sample showcases some of `igSparkline`'s methods and events. Initially, the databinding and `databound` events fire and you can see the results of the `addItem` and `removeItem` methods by clicking the corresponding buttons. diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/landing.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/landing.mdx index 8fbf98e454..7880a86db4 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/landing.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/landing.mdx @@ -2,6 +2,9 @@ title: "igSparkline" slug: igsparkline-landing --- + +# igSparkline + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/overview.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/overview.mdx index 22a8db88c2..9b86c77e76 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/overview.mdx @@ -2,6 +2,9 @@ title: "igSparkline Overview" slug: igsparkline-overview --- + +# igSparkline Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline Overview @@ -15,7 +18,7 @@ This topic provides an overview of the <ApiLink type="igSparkline.html" label="i The following topics are prerequisites to understanding this topic: -- [{environment:ProductName}® Overview](//igniteui-for-jquery-overview.mdx): This topic describes the main features and benefits of the {environment:ProductName} product. +- [\{environment:ProductName\}® Overview](//igniteui-for-jquery-overview.mdx): This topic describes the main features and benefits of the \{environment:ProductName\} product. ### In this topic @@ -165,7 +168,7 @@ The following table displays the supported Marker types. ### Related Samples: -- [Tooltips and Markers]({environment:SamplesUrl}/sparkline/tooltips-and-markers) +- [Tooltips and Markers](\{environment:SamplesUrl\}/sparkline/tooltips-and-markers) ## <a id="trend-line"></a>Trend Line @@ -286,7 +289,7 @@ The following table displays the supported trend line types. Drawing each trend #### Related Samples: -- [Normal Range and Trend Lines]({environment:SamplesUrl}/sparkline/normal-range-and-trend-lines) +- [Normal Range and Trend Lines](\{environment:SamplesUrl\}/sparkline/normal-range-and-trend-lines) ## <a id="normal-range"></a>Normal Range @@ -302,7 +305,7 @@ The `normalRangeMinimum` and `normalRangeMaximum` options determine the range wi #### Related Samples: -- [Normal Range and Trend Lines]({environment:SamplesUrl}/sparkline/normal-range-and-trend-lines) +- [Normal Range and Trend Lines](\{environment:SamplesUrl\}/sparkline/normal-range-and-trend-lines) ## <a id="interpolating-unknown-values"></a>Interpolating Unknown Values @@ -376,7 +379,7 @@ The tooltips of the `igSparkline` can be customized in the following aspects: #### Related Samples: -- [Tooltips and Markers]({environment:SamplesUrl}/sparkline/tooltips-and-markers) +- [Tooltips and Markers](\{environment:SamplesUrl\}/sparkline/tooltips-and-markers) ## <a id="related-content"></a>Related Content @@ -390,6 +393,6 @@ The following topic provides additional information related to this topic. The following samples provide additional information related to this topic. -- [Tooltips and Markers]({environment:SamplesUrl}/sparkline/tooltips-and-markers): This sample shows an example of enabling tooltips and markers in the `igSparkline`. +- [Tooltips and Markers](\{environment:SamplesUrl\}/sparkline/tooltips-and-markers): This sample shows an example of enabling tooltips and markers in the `igSparkline`. -- [Normal Range and Trend Lines]({environment:SamplesUrl}/sparkline/normal-range-and-trend-lines): This sample shows the normal range and trend line functionality. \ No newline at end of file +- [Normal Range and Trend Lines](\{environment:SamplesUrl\}/sparkline/normal-range-and-trend-lines): This sample shows the normal range and trend line functionality. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igsparkline/visual-elements.mdx b/docs/jquery/src/content/en/topics/controls/igsparkline/visual-elements.mdx index e0f49c8604..51d1e1dafd 100644 --- a/docs/jquery/src/content/en/topics/controls/igsparkline/visual-elements.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsparkline/visual-elements.mdx @@ -2,6 +2,9 @@ title: "igSparkline Visual Elements" slug: igsparkline-visual-elements --- + +# igSparkline Visual Elements + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline Visual Elements @@ -74,9 +77,9 @@ The following topic provides additional information related to this topic. The following samples provide additional information related to this topic. -- [Normal Range and Trend Lines]({environment:SamplesUrl}/sparkline/normal-range-and-trend-lines): This sample shows the normal range and trend line functionality. To set a normal range, provide a `normalRangeMinimum` and `normalRangeMaximum` values and set the `normalRangeVisibility`. For trend lines, there are many styles to choose from. To enable the trend line, choose the trend line type that is best for your application and set the `trendLineType` option. +- [Normal Range and Trend Lines](\{environment:SamplesUrl\}/sparkline/normal-range-and-trend-lines): This sample shows the normal range and trend line functionality. To set a normal range, provide a `normalRangeMinimum` and `normalRangeMaximum` values and set the `normalRangeVisibility`. For trend lines, there are many styles to choose from. To enable the trend line, choose the trend line type that is best for your application and set the `trendLineType` option. -- [Tooltips and Markers]({environment:SamplesUrl}/sparkline/tooltips-and-markers): To enable tooltips and markers, set the `tooltipTemplate` and `markerVisibility` option to 'visible’. +- [Tooltips and Markers](\{environment:SamplesUrl\}/sparkline/tooltips-and-markers): To enable tooltips and markers, set the `tooltipTemplate` and `markerVisibility` option to 'visible’. diff --git a/docs/jquery/src/content/en/topics/controls/igsplitter/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igsplitter/accessibility-compliance.mdx index cafdb5c778..01ca9ddb3f 100644 --- a/docs/jquery/src/content/en/topics/controls/igsplitter/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsplitter/accessibility-compliance.mdx @@ -5,7 +5,6 @@ slug: igsplitter-accessibility-compliance # Accessibility Compliance - ## Topic Overview ### Purpose @@ -22,7 +21,7 @@ The following topics are prerequisites to understanding this topic: ## igSplitter Accessibility Compliance ### igSplitter accessibility compliance summary -All Infragistics® {environment:ProductName}® controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [igSplitter accessibility compliance summary chart](#summary-chart) contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the grid control complies with each rule. +All Infragistics® \{environment:ProductName\}® controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The [igSplitter accessibility compliance summary chart](#summary-chart) contains the specific rules of Subpart 1194.22 that pertain to the control. Also, detailed is how the grid control complies with each rule. In some cases, to meet the requirements of each accessibility rule, you may need to interact with the control by setting a specific property, but in other cases, the control performs these tasks for you. @@ -45,7 +44,7 @@ The following table summarizes the accessibility compliance features of the `igS The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information about the accessibility compliance of all controls in the {environment:ProductName} product suite. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): Provides reference information about the accessibility compliance of all controls in the \{environment:ProductName\} product suite. diff --git a/docs/jquery/src/content/en/topics/controls/igsplitter/adding-igsplitter.mdx b/docs/jquery/src/content/en/topics/controls/igsplitter/adding-igsplitter.mdx index 305de94580..465fab2f56 100644 --- a/docs/jquery/src/content/en/topics/controls/igsplitter/adding-igsplitter.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsplitter/adding-igsplitter.mdx @@ -16,7 +16,7 @@ The following table lists the concepts and topics required as a prerequisite to **Topics** -- [Using JavaScript Resouces in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with {environment:ProductName}® within a Web application. +- [Using JavaScript Resouces in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with \{environment:ProductName\}® within a Web application. - [igSplitter Overview](/igsplitter-overview.mdx): This topic provides conceptual information about the `igSplitter` control including its main features, minimum requirements, and user functionality. @@ -62,11 +62,11 @@ The following table summarizes the requirements for `igSplitter` control. | Requirement / Required Resource | Description | What you need to do | | --- | --- | --- | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName} is built on top of these frameworks: jQuery jQuery UI | Add script references to both libraries in the `head` section of your page. | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\} is built on top of these frameworks: jQuery jQuery UI | Add script references to both libraries in the `head` section of your page. | | Modernizr library (Optional) | The Modernizr library is used by the igSplitter to detect browser and device capabilities. It is not mandatory and if not included the control will behave as if it works in a normal desktop environment with HTML5 compatible browser. Modernizr | Add a script reference to the library in the `head` section of your page. | -| igSplitter JavaScript resources | The igSplitter functionality of the {environment:ProductName} library is distributed across several files. You can load the required resources in one of the following ways: (Recommended) [Use the Infragistics® Loader](//general-and-getting-started/using-infragistics-loader.mdx) (igLoader™). You only need to include a script reference to igLoader on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the {environment:ProductName} library dependences related to the igSplitter control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use igLoader). JS Resource | Description | +| igSplitter JavaScript resources | The igSplitter functionality of the \{environment:ProductName\} library is distributed across several files. You can load the required resources in one of the following ways: (Recommended) [Use the Infragistics® Loader](//general-and-getting-started/using-infragistics-loader.mdx) (igLoader™). You only need to include a script reference to igLoader on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the \{environment:ProductName\} library dependences related to the igSplitter control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use igLoader). JS Resource | Description | | infragistics.ui.splitter-en.js | The igSplitter control’s language file | | -| infragistics.util.js, infragistics.util.jquery.js | {environment:ProductName} utilities | | +| infragistics.util.js, infragistics.util.jquery.js | \{environment:ProductName\} utilities | | | infragistics.ui.splitter.js | The igSplitter control | | <br/> @@ -75,7 +75,7 @@ The following table summarizes the requirements for `igSplitter` control. </tr> <tr> <td>IG theme (Optional)</td> - <td>This theme contains the visual styles for the {environment:ProductName} library. The theme file is: {IG CSS root}/themes/Infragistics/infragistics.theme.css</td> + <td>This theme contains the visual styles for the \{environment:ProductName\} library. The theme file is: {IG CSS root}/themes/Infragistics/infragistics.theme.css</td> <td></td> </tr> <tr> @@ -87,7 +87,7 @@ The following table summarizes the requirements for `igSplitter` control. </table> ->**Note:** It is recommended to use the igLoader component to load JavaScript and CSS resources. For information on how to do this, refer to the [Using Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx) topic. In addition to that, in the online [{environment:ProductName} Samples Browser]({environment:SamplesUrl}), you can find some specific examples on how to use the igLoader with the igSplitter component. +>**Note:** It is recommended to use the igLoader component to load JavaScript and CSS resources. For information on how to do this, refer to the [Using Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx) topic. In addition to that, in the online [\{environment:ProductName\} Samples Browser](\{environment:SamplesUrl\}), you can find some specific examples on how to use the igLoader with the igSplitter component. ### <a id="steps"></a>Steps @@ -100,7 +100,7 @@ Following are the general conceptual steps for adding `igSplitter` to an HTML pa ## <a id="procedure-js"></a>Adding igSplitter in JavaScript – Procedure ### <a id="js-introduction"></a>Introduction -This procedure guides you through the steps of adding an `igSplitter` control with basic functionality to an HTML page using a pure HTML/JavaScript implementation. It uses the Infragistics Loader component to load all {environment:ProductName} resources needed by the `igSplitter` control. +This procedure guides you through the steps of adding an `igSplitter` control with basic functionality to an HTML page using a pure HTML/JavaScript implementation. It uses the Infragistics Loader component to load all \{environment:ProductName\} resources needed by the `igSplitter` control. ### <a id="js-preview"></a>Preview @@ -118,10 +118,10 @@ The following steps demonstrate how to add a basic `igSplitter` control to a web A. Add the jQuery, jQueryUI, and Modernizr JavaScript resources to a folder named Scripts in the directory where your web page resides. - B. Add the {environment:ProductName} CSS files to a folder named Content/ig (For details, see the [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). + B. Add the \{environment:ProductName\} CSS files to a folder named Content/ig (For details, see the [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). - C. Add the {environment:ProductName} JavaScript files to a folder named Scripts/ig - in your web site or application (For details, see the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). + C. Add the \{environment:ProductName\} JavaScript files to a folder named Scripts/ig + in your web site or application (For details, see the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). 2. Add the references to the required JavaScript libraries. @@ -230,9 +230,9 @@ The following steps demonstrate how to add a basic `igSplitter` control to an AS A. Add the jQuery, jQueryUI, and Modernizr JavaScript resources to a folder named Scripts in the directory where your web page resides. - B. Add the {environment:ProductName} CSS files to a folder named Content/ig (For details, see the [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). + B. Add the \{environment:ProductName\} CSS files to a folder named Content/ig (For details, see the [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). - C. Add the {environment:ProductName} JavaScript files to a folder named Scripts/ig in your web site or application (For details, see the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) + C. Add the \{environment:ProductName\} JavaScript files to a folder named Scripts/ig in your web site or application (For details, see the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). 2. Add the references to the required JavaScript libraries.Add references to the jQuery, jQuery UI and Modernizr libraries to the `head` section of your page: @@ -338,7 +338,7 @@ The following steps demonstrate how to add a basic `igSplitter` control using Ty 1. Add references to required resources. - 1. Include the {environment:ProductName} theme and structural files: + 1. Include the \{environment:ProductName\} theme and structural files: **In HTML:** ```html @@ -356,7 +356,7 @@ The following steps demonstrate how to add a basic `igSplitter` control using Ty <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> ``` - 3. Include {environment:ProductName} scripts. Preferably use a custom download, but you can also check ["Using JavaScript Resources in {environment:ProductName}"](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic for other methods. + 3. Include \{environment:ProductName\} scripts. Preferably use a custom download, but you can also check ["Using JavaScript Resources in \{environment:ProductName\}"](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topic for other methods. **In HTML:** ```html @@ -409,7 +409,7 @@ The following steps demonstrate how to add a basic `igSplitter` control using Ty "Countries": [{ "Text": "United States", "Description": "The United States.." }] }]; ``` - 3. Add ts implementation code and include the reference paths to the {environment:ProductName} and jQuery type definitions for TypeScript: + 3. Add ts implementation code and include the reference paths to the \{environment:ProductName\} and jQuery type definitions for TypeScript: **In TypeScript:** ```typescript @@ -462,14 +462,14 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Vertical Splitter]({environment:SamplesUrl}/splitter/basic-vertical-splitter): This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel. +- [Basic Vertical Splitter](\{environment:SamplesUrl\}/splitter/basic-vertical-splitter): This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel. -- [Basic Horizontal Splitter]({environment:SamplesUrl}/splitter/basic-horizontal-splitter): This sample demonstrates how to use the Splitter control to manage master/detail grid with horizontal layout. The first container contains a master grid with customers. After a row is clicked in master grid, in the second container is shown grid with orders that are made by this customer. +- [Basic Horizontal Splitter](\{environment:SamplesUrl\}/splitter/basic-horizontal-splitter): This sample demonstrates how to use the Splitter control to manage master/detail grid with horizontal layout. The first container contains a master grid with customers. After a row is clicked in master grid, in the second container is shown grid with orders that are made by this customer. -- [Nested Spitters]({environment:SamplesUrl}/splitter/nested-splitters): This sample demonstrates how to manage layout with nested splitters. The panel contains a Tree with continents, countries and cities. When you click on a node the map in the second splitter is centered according node's coordinates. If a country is selected, then a grid is displayed under the map with cities in that country. Panels are not resizable by default. +- [Nested Spitters](\{environment:SamplesUrl\}/splitter/nested-splitters): This sample demonstrates how to manage layout with nested splitters. The panel contains a Tree with continents, countries and cities. When you click on a node the map in the second splitter is centered according node's coordinates. If a country is selected, then a grid is displayed under the map with cities in that country. Panels are not resizable by default. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/splitter/aspnet-mvc-helper-splitter): This example demonstrates how you can utilize the ASP.NET MVC helper for the `igSplitter`. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/splitter/aspnet-mvc-helper-splitter): This example demonstrates how you can utilize the ASP.NET MVC helper for the `igSplitter`. -- [Splitter API and Events]({environment:SamplesUrl}/splitter/api-events-splitter): This sample demonstrates how to handle events in the `igSplitter` control and API usage. +- [Splitter API and Events](\{environment:SamplesUrl\}/splitter/api-events-splitter): This sample demonstrates how to handle events in the `igSplitter` control and API usage. diff --git a/docs/jquery/src/content/en/topics/controls/igsplitter/configuring-igsplitter.mdx b/docs/jquery/src/content/en/topics/controls/igsplitter/configuring-igsplitter.mdx index 4251ca1dc3..7e7031a545 100644 --- a/docs/jquery/src/content/en/topics/controls/igsplitter/configuring-igsplitter.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsplitter/configuring-igsplitter.mdx @@ -2,6 +2,9 @@ title: "Configuring igSplitter" slug: configuring-igsplitter --- + +# Configuring igSplitter + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igSplitter @@ -435,15 +438,15 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Vertical Splitter]({environment:SamplesUrl}/splitter/basic-vertical-splitter): This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel. +- [Basic Vertical Splitter](\{environment:SamplesUrl\}/splitter/basic-vertical-splitter): This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel. -- [Basic Horizontal Splitter]({environment:SamplesUrl}/splitter/basic-horizontal-splitter): This sample demonstrates how to use the Splitter control to manage master/detail grid with horizontal layout. The first container contains a master grid with customers. After a row is clicked in master grid, in the second container is shown grid with orders that are made by this customer. +- [Basic Horizontal Splitter](\{environment:SamplesUrl\}/splitter/basic-horizontal-splitter): This sample demonstrates how to use the Splitter control to manage master/detail grid with horizontal layout. The first container contains a master grid with customers. After a row is clicked in master grid, in the second container is shown grid with orders that are made by this customer. -- [Nested Spitters]({environment:SamplesUrl}/splitter/nested-splitters): This sample demonstrates how to manage layout with nested splitters. The panel contains a Tree with continents, countries and cities. When you click on a node the map in the second splitter is centered according node's coordinates. If a country is selected, then a grid is displayed under the map with cities in that country. Panels are not resizable by default. +- [Nested Spitters](\{environment:SamplesUrl\}/splitter/nested-splitters): This sample demonstrates how to manage layout with nested splitters. The panel contains a Tree with continents, countries and cities. When you click on a node the map in the second splitter is centered according node's coordinates. If a country is selected, then a grid is displayed under the map with cities in that country. Panels are not resizable by default. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/splitter/aspnet-mvc-helper-splitter): This example demonstrates how you can utilize the ASP.NET MVC helper for the `igSplitter`. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/splitter/aspnet-mvc-helper-splitter): This example demonstrates how you can utilize the ASP.NET MVC helper for the `igSplitter`. -- [Splitter API and Events]({environment:SamplesUrl}/splitter/api-events-splitter): This sample demonstrates how to handle events in the `igSplitter` control and API usage. +- [Splitter API and Events](\{environment:SamplesUrl\}/splitter/api-events-splitter): This sample demonstrates how to handle events in the `igSplitter` control and API usage. diff --git a/docs/jquery/src/content/en/topics/controls/igsplitter/handling-events.mdx b/docs/jquery/src/content/en/topics/controls/igsplitter/handling-events.mdx index df19447424..765994ff58 100644 --- a/docs/jquery/src/content/en/topics/controls/igsplitter/handling-events.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsplitter/handling-events.mdx @@ -5,7 +5,6 @@ slug: igsplitter-handling-events # Handling Events - ## Topic Overview ### Purpose @@ -43,7 +42,7 @@ This topic contains the following sections: Attaching event handler functions to the `igSplitter` control is commonly done upon the initialization of the control. When the event occurs, the handling function is called. -When using the {environment:ProductNameMVC}, it is necessary to assign event handlers at run-time because you cannot define event handlers within the HTML helper. +When using the \{environment:ProductNameMVC\}, it is necessary to assign event handlers at run-time because you cannot define event handlers within the HTML helper. jQuery supports the following methods for assigning event handlers: @@ -123,7 +122,7 @@ $(document).delegate(".selector", "igsplitterresizestarted", function(evt, ui) { #### Sample below demonstrates how to handle events in the Splitter control and API usage. <div class="embed-sample"> -    [{environment:SamplesEmbedUrl}/splitter/api-events-splitter]({environment:SamplesEmbedUrl}/splitter/api-events-splitter) +    [\{environment:SamplesEmbedUrl\}/splitter/api-events-splitter](\{environment:SamplesEmbedUrl\}/splitter/api-events-splitter) </div> ## <a id="related-content"></a>Related Content @@ -131,14 +130,14 @@ $(document).delegate(".selector", "igsplitterresizestarted", function(evt, ui) { The following samples provide additional information related to this topic. -- [Basic Vertical Splitter]({environment:SamplesUrl}/splitter/basic-vertical-splitter): This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel. +- [Basic Vertical Splitter](\{environment:SamplesUrl\}/splitter/basic-vertical-splitter): This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel. -- [Basic Horizontal Splitter]({environment:SamplesUrl}/splitter/basic-horizontal-splitter): This sample demonstrates how to use the Splitter control to manage master/detail grid with horizontal layout. The first container contains a master grid with customers. After a row is clicked in master grid, in the second container is shown grid with orders that are made by this customer. +- [Basic Horizontal Splitter](\{environment:SamplesUrl\}/splitter/basic-horizontal-splitter): This sample demonstrates how to use the Splitter control to manage master/detail grid with horizontal layout. The first container contains a master grid with customers. After a row is clicked in master grid, in the second container is shown grid with orders that are made by this customer. -- [Nested Spitters]({environment:SamplesUrl}/splitter/nested-splitters): This sample demonstrates how to manage layout with nested splitters. The panel contains a Tree with continents, countries and cities. When you click on a node the map in the second splitter is centered according node's coordinates. If a country is selected, then a grid is displayed under the map with cities in that country. Panels are not resizable by default. +- [Nested Spitters](\{environment:SamplesUrl\}/splitter/nested-splitters): This sample demonstrates how to manage layout with nested splitters. The panel contains a Tree with continents, countries and cities. When you click on a node the map in the second splitter is centered according node's coordinates. If a country is selected, then a grid is displayed under the map with cities in that country. Panels are not resizable by default. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/splitter/aspnet-mvc-helper-splitter): This example demonstrates how you can utilize the ASP.NET MVC helper for the `igSplitter`. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/splitter/aspnet-mvc-helper-splitter): This example demonstrates how you can utilize the ASP.NET MVC helper for the `igSplitter`. -- [Splitter API and Events]({environment:SamplesUrl}/splitter/api-events-splitter): This sample demonstrates how to handle events in the `igSplitter` control and API usage. +- [Splitter API and Events](\{environment:SamplesUrl\}/splitter/api-events-splitter): This sample demonstrates how to handle events in the `igSplitter` control and API usage. diff --git a/docs/jquery/src/content/en/topics/controls/igsplitter/igsplitter.mdx b/docs/jquery/src/content/en/topics/controls/igsplitter/igsplitter.mdx index 7fd43ddb2b..a2a9b9a9ba 100644 --- a/docs/jquery/src/content/en/topics/controls/igsplitter/igsplitter.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsplitter/igsplitter.mdx @@ -6,7 +6,6 @@ slug: igsplitter # igSplitter - ## In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/controls/igsplitter/jquery-and-aspnet-mvc-helper-api-links.mdx b/docs/jquery/src/content/en/topics/controls/igsplitter/jquery-and-aspnet-mvc-helper-api-links.mdx index 8af273dbca..087d9e4cad 100644 --- a/docs/jquery/src/content/en/topics/controls/igsplitter/jquery-and-aspnet-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsplitter/jquery-and-aspnet-mvc-helper-api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API" slug: igsplitter-jquery-and-asp.net-mvc-helper-api-links --- + +# jQuery and MVC API + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API @@ -26,15 +29,15 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Vertical Splitter]({environment:SamplesUrl}/splitter/basic-vertical-splitter): This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel. +- [Basic Vertical Splitter](\{environment:SamplesUrl\}/splitter/basic-vertical-splitter): This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel. -- [Basic Horizontal Splitter]({environment:SamplesUrl}/splitter/basic-horizontal-splitter): This sample demonstrates how to use the Splitter control to manage master/detail grid with horizontal layout. The first container contains a master grid with customers. After a row is clicked in master grid, in the second container is shown grid with orders that are made by this customer. +- [Basic Horizontal Splitter](\{environment:SamplesUrl\}/splitter/basic-horizontal-splitter): This sample demonstrates how to use the Splitter control to manage master/detail grid with horizontal layout. The first container contains a master grid with customers. After a row is clicked in master grid, in the second container is shown grid with orders that are made by this customer. -- [Nested Spitters]({environment:SamplesUrl}/splitter/nested-splitters): This sample demonstrates how to manage layout with nested splitters. The panel contains a Tree with continents, countries and cities. When you click on a node the map in the second splitter is centered according node's coordinates. If a country is selected, then a grid is displayed under the map with cities in that country. Panels are not resizable by default. +- [Nested Spitters](\{environment:SamplesUrl\}/splitter/nested-splitters): This sample demonstrates how to manage layout with nested splitters. The panel contains a Tree with continents, countries and cities. When you click on a node the map in the second splitter is centered according node's coordinates. If a country is selected, then a grid is displayed under the map with cities in that country. Panels are not resizable by default. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/splitter/aspnet-mvc-helper-splitter): This example demonstrates how you can utilize the ASP.NET MVC helper for the `igSplitter`. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/splitter/aspnet-mvc-helper-splitter): This example demonstrates how you can utilize the ASP.NET MVC helper for the `igSplitter`. -- [Splitter API and Events]({environment:SamplesUrl}/splitter/api-events-splitter): This sample demonstrates how to handle events in the `igSplitter` control and API usage. +- [Splitter API and Events](\{environment:SamplesUrl\}/splitter/api-events-splitter): This sample demonstrates how to handle events in the `igSplitter` control and API usage. diff --git a/docs/jquery/src/content/en/topics/controls/igsplitter/overview.mdx b/docs/jquery/src/content/en/topics/controls/igsplitter/overview.mdx index df322b2973..3248102f64 100644 --- a/docs/jquery/src/content/en/topics/controls/igsplitter/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igsplitter/overview.mdx @@ -2,6 +2,9 @@ title: "igSplitter Overview" slug: igsplitter-overview --- + +# igSplitter Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSplitter Overview @@ -38,13 +41,13 @@ The `igSplitter` is a container control for managing layouts in HTML5 Web applic ![](images/igSplitter_Overview_1.png) -Any {environment:ProductName}® control can be placed inside those panels thus enabling you create dynamic layouts with resizable and collapsible panels. +Any \{environment:ProductName\}® control can be placed inside those panels thus enabling you create dynamic layouts with resizable and collapsible panels. The igSplitter visual layout consists of two panels (2) and (3) placed in a container (1) (The numbers refer to the illustration below.). The panels are divided by a splitter bar (4). By default, the splitter bar has buttons (5) for expanding and collapsing panels. The following picture demonstrates a blank (without any other controls placed it) `igSplitter` control: ![](images/igSplitter_Overview_2.png) -The picture below demonstrates an `igSplitter` with an igTree {environment:ProductName} control in the `igSplitter`’s left panel. After a node is selected for the tree, the corresponding text to that node is placed in the right panel. +The picture below demonstrates an `igSplitter` with an igTree \{environment:ProductName\} control in the `igSplitter`’s left panel. After a node is selected for the tree, the corresponding text to that node is placed in the right panel. ![](images/igSplitter_Overview_3.png) @@ -116,7 +119,7 @@ By default, the `igSplitter` control supports mouse dragging for resizing panels ## <a id="touch-suport"></a>Touch Support -For touch-enabled devices, special classes are added to the splitter and touch events are handled. On touch-enabled devices, the splitter bar a bit wider (16 pixels of width) than it is on standard devices (6 pixels) to allow for easier user interaction with the splitter bar in the touch environment. For details, refer to [Touch Support for {environment:ProductName}](//general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx). +For touch-enabled devices, special classes are added to the splitter and touch events are handled. On touch-enabled devices, the splitter bar a bit wider (16 pixels of width) than it is on standard devices (6 pixels) to allow for easier user interaction with the splitter bar in the touch environment. For details, refer to [Touch Support for \{environment:ProductName\}](//general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx). ## <a id="user-interaction"></a>User Interactions and Usability @@ -132,7 +135,7 @@ The following table summarizes the user interaction capabilities of the `igSplit ## <a id="requirements"></a>Requirements -The `igSplitter` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. The Modernzr library is also used internally for detecting browser and device capabilities. References to these resources are needed nevertheless, in spite of the use of pure jQuery or {environment:ProductNameMVC}. The Infragistics.Web.Mvc assembly is required when the control is used in the context of ASP.NET MVC. +The `igSplitter` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. The Modernzr library is also used internally for detecting browser and device capabilities. References to these resources are needed nevertheless, in spite of the use of pure jQuery or \{environment:ProductNameMVC\}. The Infragistics.Web.Mvc assembly is required when the control is used in the context of ASP.NET MVC. For the full requirements listing, refer to the [Adding topic](/adding-igsplitter.mdx). @@ -174,15 +177,15 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Vertical Splitter]({environment:SamplesUrl}/splitter/basic-vertical-splitter): This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel. +- [Basic Vertical Splitter](\{environment:SamplesUrl\}/splitter/basic-vertical-splitter): This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel. -- [Basic Horizontal Splitter]({environment:SamplesUrl}/splitter/basic-horizontal-splitter): This sample demonstrates how to use the Splitter control to manage master/detail grid with horizontal layout. The first container contains a master grid with customers. After a row is clicked in master grid, in the second container is shown grid with orders that are made by this customer. +- [Basic Horizontal Splitter](\{environment:SamplesUrl\}/splitter/basic-horizontal-splitter): This sample demonstrates how to use the Splitter control to manage master/detail grid with horizontal layout. The first container contains a master grid with customers. After a row is clicked in master grid, in the second container is shown grid with orders that are made by this customer. -- [Nested Spitters]({environment:SamplesUrl}/splitter/nested-splitters): This sample demonstrates how to manage layout with nested splitters. The panel contains a Tree with continents, countries and cities. When you click on a node the map in the second splitter is centered according node's coordinates. If a country is selected, then a grid is displayed under the map with cities in that country. Panels are not resizable by default. +- [Nested Spitters](\{environment:SamplesUrl\}/splitter/nested-splitters): This sample demonstrates how to manage layout with nested splitters. The panel contains a Tree with continents, countries and cities. When you click on a node the map in the second splitter is centered according node's coordinates. If a country is selected, then a grid is displayed under the map with cities in that country. Panels are not resizable by default. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/splitter/aspnet-mvc-helper-splitter): This example demonstrates how you can utilize the ASP.NET MVC helper for the `igSplitter`. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/splitter/aspnet-mvc-helper-splitter): This example demonstrates how you can utilize the ASP.NET MVC helper for the `igSplitter`. -- [Splitter API and Events]({environment:SamplesUrl}/splitter/api-events-splitter): This sample demonstrates how to handle events in the `igSplitter` control and API usage. +- [Splitter API and Events](\{environment:SamplesUrl\}/splitter/api-events-splitter): This sample demonstrates how to handle events in the `igSplitter` control and API usage. diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/accessibility-compliance.mdx index c2a23d732c..ea036033ac 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/accessibility-compliance.mdx @@ -5,7 +5,7 @@ slug: igspreadsheet-accessibility-compliance # igSpreadsheet Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igSpreadsheet` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igSpreadsheet` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. @@ -20,4 +20,4 @@ Table 1: Section 508 compliance description ## Related Links -- [Accessibility Compliance:](//general-and-getting-started/accessibility-compliance.mdx) Provides reference information for accessibility compliance of all {environment:ProductName} controls. \ No newline at end of file +- [Accessibility Compliance:](//general-and-getting-started/accessibility-compliance.mdx) Provides reference information for accessibility compliance of all \{environment:ProductName\} controls. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/adding-igspreadsheet.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/adding-igspreadsheet.mdx index d246edebfe..c9c6f7efbd 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/adding-igspreadsheet.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/adding-igspreadsheet.mdx @@ -2,6 +2,9 @@ title: "Adding igSpreadsheet" slug: adding-igspreadsheet --- + +# Adding igSpreadsheet + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igSpreadsheet @@ -16,7 +19,7 @@ The `igSpreadsheet`™ is a jQuery widget that visualize excel documents in all To understand this topic you need to be familiar with the concept and topics related to the [Infragistics JavaScript Excel Library](../../09_JavaScript Excel Library/~JavaScript_Excel_Library.mdx). ## JavaScript Resources -Before we get started we need to make sure we have loaded all of the needed resources. We first need to load the jQuery resources and then we need to add the required {environment:ProductName} resources. There are three ways to add the {environment:ProductName} resources to your project. You can: +Before we get started we need to make sure we have loaded all of the needed resources. We first need to load the jQuery resources and then we need to add the required \{environment:ProductName\} resources. There are three ways to add the \{environment:ProductName\} resources to your project. You can: - use the `igLoader` (below) - load the required modules [separately](#separate-files) - use the [bundled files](#bundled) that combine all the required resources @@ -136,8 +139,8 @@ xhr.onload = function (e) { xhr.send(); ``` -## Creating a basic igSpreadsheet implementation using {environment:ProductNameMVC} -If you want to define the control on server-side then you can use the {environment:ProductNameMVC}. The code below will achieve the same result as when the control is defined on the client-side. +## Creating a basic igSpreadsheet implementation using \{environment:ProductNameMVC\} +If you want to define the control on server-side then you can use the \{environment:ProductNameMVC\}. The code below will achieve the same result as when the control is defined on the client-side. In MVC: ``` @@ -148,7 +151,7 @@ In MVC: .WorkbookURL("../../data-files/FormattingData.xlsx") ) ``` -> **Note:** When using the 'WorkbookURL' option, the {environment:ProductNameMVC} Spreadsheet automatically generates the required client-side code, that is needed to request an excel file and load it in the spreadsheet. +> **Note:** When using the 'WorkbookURL' option, the \{environment:ProductNameMVC\} Spreadsheet automatically generates the required client-side code, that is needed to request an excel file and load it in the spreadsheet. ## Related Links diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/conditional-formatting.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/conditional-formatting.mdx index 1a33e87852..12aaf4a43f 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/conditional-formatting.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/conditional-formatting.mdx @@ -2,6 +2,9 @@ title: "Conditional Formatting in igSpreadsheet" slug: igspreadsheet-conditional-formatting --- + +# Conditional Formatting in igSpreadsheet + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Conditional Formatting in igSpreadsheet diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/configuring-igspreadsheet.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/configuring-igspreadsheet.mdx index f777ba1526..cc8637c54a 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/configuring-igspreadsheet.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/configuring-igspreadsheet.mdx @@ -2,13 +2,16 @@ title: "Configuring igSpreadsheet" slug: igspreadsheet-configuring --- + +# Configuring igSpreadsheet + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igSpreadsheet ## Introduction -This topic explains how to configure {environment:ProductName}® Spreadsheet control. +This topic explains how to configure \{environment:ProductName\}® Spreadsheet control. ###In this topic diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/activation-and-navigation-interactions.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/activation-and-navigation-interactions.mdx index 4116e34108..cb3316f024 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/activation-and-navigation-interactions.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/activation-and-navigation-interactions.mdx @@ -2,6 +2,9 @@ title: "igSpreadsheet Activation and Navigation Interactions" slug: igspreadsheet-activation-and-navigation-interactions --- + +# igSpreadsheet Activation and Navigation Interactions + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet Activation and Navigation Interactions diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/context-menu.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/context-menu.mdx index b3ba5ed9da..3b8367ce82 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/context-menu.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/context-menu.mdx @@ -2,6 +2,9 @@ title: "igSpreadsheet Context Menu" slug: igspreadsheet-context-menu --- + +# igSpreadsheet Context Menu + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet Context Menu diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/editing.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/editing.mdx index a61dad6a37..4c6c3eaa93 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/editing.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/editing.mdx @@ -2,6 +2,9 @@ title: "Editing API (igSpreadsheet)" slug: igspreadsheet-editing --- + +# Editing API (igSpreadsheet) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Editing API (igSpreadsheet) diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/feature-overview.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/feature-overview.mdx index ef8018cce6..5c50670f93 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/feature-overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/feature-overview.mdx @@ -2,6 +2,9 @@ title: "igSpreadsheet Features Overview" slug: igspreadsheet-feature-overview --- + +# igSpreadsheet Features Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet Features Overview @@ -44,7 +47,7 @@ The following table summarizes the main features of the `igSpreadsheet` control. | Decimal Places Formatting | The functionality that enables/disables whether a fixed decimal place is automatically added when a whole number is entered, while in edit mode. For more information follow the [Editing API (igSpreadsheet)](/igspreadsheet-editing.mdx) topic. | | Font Styles | The control supports the following text properties - font family, font size, bold, italic, underline, double underline, strikethrough and color.<br/> **Note:** You may notice rendering difference comparing to MS Excel when having underline and large sized text on the same line. | | Formula Bar | The control allows the user to read the predefined cell text and formulas. The formula bar supports multiple lines. | -| Freezing Panes | The control allows freezing of top row(s) and/or left column(s). Frozen row(s) and/or column(s) remain visible at all time while the user is scrolling. <br/>**Related Sample:** [View Configuration Sample]({environment:SamplesUrl}/spreadsheet/view-configuration) | +| Freezing Panes | The control allows freezing of top row(s) and/or left column(s). Frozen row(s) and/or column(s) remain visible at all time while the user is scrolling. <br/>**Related Sample:** [View Configuration Sample](\{environment:SamplesUrl\}/spreadsheet/view-configuration) | | Gridlines | The control can show or hide the grid lines used to separate the worksheet’s cells. | | Headers | The control can show or hide the columns’ and rows’ headers. | | Hiding | The control supports hiding of columns and rows. The user can start resizing a column or row and shrink it to a point where it is no longer visible. A special indicator will be rendered at the place of the hidden column or row allowing it to be made visible again. | diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/filter-dialog.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/filter-dialog.mdx index 50859986ec..d08e7e8916 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/filter-dialog.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/filter-dialog.mdx @@ -2,6 +2,9 @@ title: "igSpreadsheet Filter Dialog" slug: images/igspreadsheet-filter-dialog --- + +# igSpreadsheet Filter Dialog + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet Filter Dialog diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/formatcell-dialog.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/formatcell-dialog.mdx index ad2af2b477..f818ef2a75 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/formatcell-dialog.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/formatcell-dialog.mdx @@ -2,6 +2,9 @@ title: "igSpreadsheet FormatCell Dialog" slug: igspreadsheet-FormatCell-Dialog --- + +# igSpreadsheet FormatCell Dialog + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet FormatCell Dialog diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/selection.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/selection.mdx index eef637e567..0bf88ff616 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/selection.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/selection.mdx @@ -2,6 +2,9 @@ title: "igSpreadsheet Selection Interactions" slug: igspreadsheet-selection --- + +# igSpreadsheet Selection Interactions + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet Selection Interactions diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/sort-dialog.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/sort-dialog.mdx index 8c408de765..ea34a1e3a2 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/sort-dialog.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/sort-dialog.mdx @@ -2,6 +2,9 @@ title: "igSpreadsheet Custom Sort Dialog" slug: images/igspreadsheet-sort-dialog --- + +# igSpreadsheet Custom Sort Dialog + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet Custom Sort Dialog diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/visual-elements.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/visual-elements.mdx index b40745cfdb..47f681dbbe 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/visual-elements.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet-overview/visual-elements.mdx @@ -2,6 +2,9 @@ title: "igSpreadsheet Visual Elements" slug: igspreadsheet-visual-elements --- + +# igSpreadsheet Visual Elements + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet Visual Elements diff --git a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet.mdx b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet.mdx index 297cd8b797..9abbfca1b9 100644 --- a/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet.mdx +++ b/docs/jquery/src/content/en/topics/controls/igspreadsheet/igspreadsheet.mdx @@ -2,6 +2,9 @@ title: "igSpreadsheet" slug: igspreadsheet-igspreadsheet --- + +# igSpreadsheet + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet diff --git a/docs/jquery/src/content/en/topics/controls/igtilemanager/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igtilemanager/accessibility-compliance.mdx index 1a6d850730..a2e158b4b0 100644 --- a/docs/jquery/src/content/en/topics/controls/igtilemanager/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtilemanager/accessibility-compliance.mdx @@ -22,7 +22,7 @@ The following topics are prerequisites to understanding this topic: ## Accessibility Compliance Reference ### Introduction -All of the {environment:ProductName}® and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igTileManager` control complies with each rule. +All of the \{environment:ProductName\}® and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igTileManager` control complies with each rule. To meet the requirements for each accessibility rule, in some cases, you may need to interact with the control by setting a specific option, but, in other cases, the control does the work for you. @@ -44,7 +44,7 @@ Rules| Rule Text |How We Comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for accessibility compliance of all {environment:ProductName} controls. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for accessibility compliance of all \{environment:ProductName\} controls. diff --git a/docs/jquery/src/content/en/topics/controls/igtilemanager/adding.mdx b/docs/jquery/src/content/en/topics/controls/igtilemanager/adding.mdx index 120aece807..6621a6a468 100644 --- a/docs/jquery/src/content/en/topics/controls/igtilemanager/adding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtilemanager/adding.mdx @@ -44,7 +44,7 @@ This topic contains the following sections: The `igTileManager` is a control that initialize on DIV element. The `igTileManager` can be created either upon added markup in that DIV or from the data source (See [Binding igTileManager to Data](/igtilemanager-binding.mdx)). This topic demonstrates initialization on markup. -It uses the Infragistics Loader (`igLoader`) component to load all {environment:ProductName} resources needed by the `igTileManager` control. The markup, too, is defined in HTML page. +It uses the Infragistics Loader (`igLoader`) component to load all \{environment:ProductName\} resources needed by the `igTileManager` control. The markup, too, is defined in HTML page. ### <a id="requirements"></a>Requirements @@ -53,9 +53,9 @@ The following table summarizes the requirements for `igTileManager` control. | Requirement / Required Resource | Description | What you need to do… | | --- | --- | --- | -| jQuery and jQuery UI JavaScript resources | {environment:ProductName} is built on top of these frameworks: | Add script references to both libraries in the section of your page. | -| JavaScript resources | The igTileManager functionality of the {environment:ProductName} library is distributed across several files. You can load the required resources in one of the following ways: (Recommended) [Adding Required Resources Automatically with the Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx) (igLoader™). You only need to include a script reference to igLoader on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the {environment:ProductName} library dependences related to the igTileManager control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use igLoader). JS Resource | Description | -| `Infragistics.util.js` `infragistics.util.jquery.js` | {environment:ProductName} utilities | | +| jQuery and jQuery UI JavaScript resources | \{environment:ProductName\} is built on top of these frameworks: | Add script references to both libraries in the section of your page. | +| JavaScript resources | The igTileManager functionality of the \{environment:ProductName\} library is distributed across several files. You can load the required resources in one of the following ways: (Recommended) [Adding Required Resources Automatically with the Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx) (igLoader™). You only need to include a script reference to igLoader on your page. Load the required resources manually. You need to use the dependencies listed in the table below. The following table lists the \{environment:ProductName\} library dependences related to the igTileManager control. These resources need to be referred to explicitly if you chose to load resources manually (i.e. not to use igLoader). JS Resource | Description | +| `Infragistics.util.js` `infragistics.util.jquery.js` | \{environment:ProductName\} utilities | | | `infragistics.datasource.js` | The `igDataSource`™ component | | | `infragistics.templating.js` | Template engine (`igTemplate`™) | | | `infragistics.ui.layoutmanger.js` | The `igLayoutManager`™ component | | @@ -69,7 +69,7 @@ The following table summarizes the requirements for `igTileManager` control. <tr> <td>IG theme(Optional)</td> - <td>This theme contains the visual styles for the {environment:ProductName} library. The theme file is: `{IG CSS root}/themes/Infragistics/infragistics.theme.css`</td> + <td>This theme contains the visual styles for the \{environment:ProductName\} library. The theme file is: `{IG CSS root}/themes/Infragistics/infragistics.theme.css`</td> <td>Add `style` reference to the file in your page.</td> </tr> @@ -88,7 +88,7 @@ The following table summarizes the requirements for `igTileManager` control. </table> ->**Note:**It is recommended to use the `igLoader` component to load JavaScript and CSS resources. For information on how to do this, refer to the [Adding Required Resources Automatically with the Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx) topic. In addition to that, in the online [{environment:ProductName} Samples Browser]({environment:SamplesUrl}), you can find some specific examples on how to use the `igLoader` with the `igTileManager` component. +>**Note:**It is recommended to use the `igLoader` component to load JavaScript and CSS resources. For information on how to do this, refer to the [Adding Required Resources Automatically with the Infragistics Loader](//general-and-getting-started/using-infragistics-loader.mdx) topic. In addition to that, in the online [\{environment:ProductName\} Samples Browser](\{environment:SamplesUrl\}), you can find some specific examples on how to use the `igLoader` with the `igTileManager` component. ### <a id="steps"></a>Steps @@ -102,7 +102,7 @@ Following are the general conceptual steps for adding `igTileManager` to an HTML ## <a id="html-markup-preocedure"></a>Adding igTileManager to the HTML Markup – Procedure ### <a id="html-introduction"></a>Introduction -This procedure guides you through the steps of adding an `igTileManager` control with basic functionality to an HTML page using a pure HTML/JavaScript implementation. It uses the Infragistics Loader component (`igLoader`) to load all {environment:ProductName} resources needed by the `igTileManager` control. The markup is defined in HTML page as well. +This procedure guides you through the steps of adding an `igTileManager` control with basic functionality to an HTML page using a pure HTML/JavaScript implementation. It uses the Infragistics Loader component (`igLoader`) to load all \{environment:ProductName\} resources needed by the `igTileManager` control. The markup is defined in HTML page as well. ### <a id="html-preview"></a>Preview @@ -116,9 +116,9 @@ The required resources added and properly referenced. (For a conceptual overview - The required files added to their appropriate locations: - The required jQuery and jQueryUI JavaScript resources added to a folder named Scripts in the directory where your web page resides. - - The {environment:ProductName} CSS files added to a folder named Content/ig (For details, see the [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). + - The \{environment:ProductName\} CSS files added to a folder named Content/ig (For details, see the [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). -- The {environment:ProductName} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). +- The \{environment:ProductName\} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). - The required JavaScript resources referenced in the <head> section of the page. @@ -254,8 +254,8 @@ include: - The required files added to their appropriate locations: - The required jQuery and jQueryUI JavaScript resources added to a folder named Scripts in the directory where your web page resides. - - The {environment:ProductName} CSS files added to a folder named Content/ig (For details, see the [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). - - The {environment:ProductName} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). + - The \{environment:ProductName\} CSS files added to a folder named Content/ig (For details, see the [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic). + - The \{environment:ProductName\} JavaScript files added to a folder of your web site or application named Scripts/ig (For details, see the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) topics). - The required JavaScript resources referenced in the <head> section of the page. **In HTML:** @@ -273,7 +273,7 @@ include: <script type="text/javascript" src="Scripts/ig/infragistics.loader.js"></script> ``` - The {environment:ProductNameMVC} Loader configured for igTileManager: + The \{environment:ProductNameMVC\} Loader configured for igTileManager: **In ASPX:** @@ -387,13 +387,13 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/tile-manager/aspnet-mvc-helper): This sample demonstrates using the ASP.NET MVC helper for the `igTileManager` control. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/tile-manager/aspnet-mvc-helper): This sample demonstrates using the ASP.NET MVC helper for the `igTileManager` control. -- [Tile Manager Binding to JSON]({environment:SamplesUrl}/tile-manager/bind-json): This sample demonstrates binding the `igTileManager` control to JSON data source. +- [Tile Manager Binding to JSON](\{environment:SamplesUrl\}/tile-manager/bind-json): This sample demonstrates binding the `igTileManager` control to JSON data source. -- [Tile Manager Item Configurations]({environment:SamplesUrl}/tile-manager/item-configurations): This sample demonstrates configuring the tiles inside the `igTileManager` in terms of position and size. +- [Tile Manager Item Configurations](\{environment:SamplesUrl\}/tile-manager/item-configurations): This sample demonstrates configuring the tiles inside the `igTileManager` in terms of position and size. -- [Tile Manager Leading Tile Configuration]({environment:SamplesUrl}/tile-manager/leading-tile): This sample demonstrates instantiating the `igTileManager` on existing markup in a container with a configuration that defines a leading tile. The leading tile swaps with the rest of the tiles upon expanding. +- [Tile Manager Leading Tile Configuration](\{environment:SamplesUrl\}/tile-manager/leading-tile): This sample demonstrates instantiating the `igTileManager` on existing markup in a container with a configuration that defines a leading tile. The leading tile swaps with the rest of the tiles upon expanding. diff --git a/docs/jquery/src/content/en/topics/controls/igtilemanager/binding.mdx b/docs/jquery/src/content/en/topics/controls/igtilemanager/binding.mdx index 5ee376161b..6303025922 100644 --- a/docs/jquery/src/content/en/topics/controls/igtilemanager/binding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtilemanager/binding.mdx @@ -2,6 +2,9 @@ title: "Binding igTileManager to Data" slug: igtilemanager-binding --- + +# Binding igTileManager to Data + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Binding igTileManager to Data @@ -60,7 +63,7 @@ This topic contains the following sections: ## <a id="overview"></a>Binding igTileManager to Data Sources – Conceptual Overview ### <a id="data-source"></a>Data sources summary -`igTileManager` is bound to data in the same way as any other control of the {environment:ProductName}® library. Data is bound either by assigning a data source to the <ApiLink type="igtilemanager" member="dataSource" section="options" label="dataSource" /> option or by providing a URL in the <ApiLink type="igtilemanager" member="dataSourceUrl" section="options" label="dataSourceUrl" /> if data is provided by either a web service or Windows Communication Foundation (WCF) service. The `igTileManager` control creates and uses an <ApiLink pkg="ig" type="datasource" label="igDataSource" /> object to handle data. +`igTileManager` is bound to data in the same way as any other control of the \{environment:ProductName\}® library. Data is bound either by assigning a data source to the <ApiLink type="igtilemanager" member="dataSource" section="options" label="dataSource" /> option or by providing a URL in the <ApiLink type="igtilemanager" member="dataSourceUrl" section="options" label="dataSourceUrl" /> if data is provided by either a web service or Windows Communication Foundation (WCF) service. The `igTileManager` control creates and uses an <ApiLink pkg="ig" type="datasource" label="igDataSource" /> object to handle data. ### <a id="suppoted-data-source"></a>Supported data sources @@ -88,7 +91,7 @@ Example | Description ---|--- [Binding igTileManager to a JavaScript Array](#bind-js-array)| This example demonstrates how to bind the `igTileManager` control to a JavaScript array. [Binding igTileManager to XML Data](#bind-xml-data)|This example demonstrates how to bind the `igTileManager` control to an XML structure. -[Binding igTileManager in a Strongly Typed MVC View](#bind-mvc-view)|This example demonstrates how to bind the `igTileManager` control to a model object in a strongly-typed ASP.NET MVC View using the {environment:ProductNameMVC}. +[Binding igTileManager in a Strongly Typed MVC View](#bind-mvc-view)|This example demonstrates how to bind the `igTileManager` control to a model object in a strongly-typed ASP.NET MVC View using the \{environment:ProductNameMVC\}. [Binding igTileManager to a JSON Response from a Remote Service](#bind-json)|This example demonstrates how to configure an `igTileManager` control to request remote data and bind it to a JSON response. @@ -191,7 +194,7 @@ State options specify what content to be rendered in the corresponding tile’s ## <a id="bind-mvc-view"></a>Code Example: Binding igTileManager in a Strongly Typed MVC View ### <a id="mvc-description"></a>Description -In an MVC application, you typically want to have a strongly-typed View and pass data objects to it from the business logic layer of your application. This example provides the essential code which defines a sample data class and passes a model object to the {environment:ProductNameMVC} `igTileManager` which instantiates a tile manager. The data model object is required to be an IQueryable of the data class. +In an MVC application, you typically want to have a strongly-typed View and pass data objects to it from the business logic layer of your application. This example provides the essential code which defines a sample data class and passes a model object to the \{environment:ProductNameMVC\} `igTileManager` which instantiates a tile manager. The data model object is required to be an IQueryable of the data class. ### <a id="mvc-code"></a>Code @@ -206,7 +209,7 @@ public class TileData } ``` -The following code snippet specifies a strongly-typed MVC View at the beginning. Then it shows how to use the {environment:ProductNameMVC} `igTileManager` in order to bind to the Model object of the View. +The following code snippet specifies a strongly-typed MVC View at the beginning. Then it shows how to use the \{environment:ProductNameMVC\} `igTileManager` in order to bind to the Model object of the View. **In ASPX:** @@ -302,7 +305,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Tile Manager Binding to JSON]({environment:SamplesUrl}/tile-manager/bind-json): This sample demonstrates binding `igTileManager` control to JSON data source. +- [Tile Manager Binding to JSON](\{environment:SamplesUrl\}/tile-manager/bind-json): This sample demonstrates binding `igTileManager` control to JSON data source. diff --git a/docs/jquery/src/content/en/topics/controls/igtilemanager/configuring.mdx b/docs/jquery/src/content/en/topics/controls/igtilemanager/configuring.mdx index afdb30988a..b82657add5 100644 --- a/docs/jquery/src/content/en/topics/controls/igtilemanager/configuring.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtilemanager/configuring.mdx @@ -2,6 +2,9 @@ title: "Configuring igTileManager" slug: igtilemanager-configuring --- + +# Configuring igTileManager + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igTileManager @@ -831,9 +834,9 @@ The following topics provide additional information related to this topic. The following sample provides additional information related to this topic. -- [Tile Manager Binding to JSON Data]({environment:SamplesUrl}/tile-manager/bind-json): This sample demonstrates binding `igTileManager` control to JSON data source. +- [Tile Manager Binding to JSON Data](\{environment:SamplesUrl\}/tile-manager/bind-json): This sample demonstrates binding `igTileManager` control to JSON data source. -- [Tile Manager Item Configurations]({environment:SamplesUrl}/tile-manager/item-configurations): This sample demonstrates configuring the tiles inside the `igTileManager` in terms of position and size. +- [Tile Manager Item Configurations](\{environment:SamplesUrl\}/tile-manager/item-configurations): This sample demonstrates configuring the tiles inside the `igTileManager` in terms of position and size. diff --git a/docs/jquery/src/content/en/topics/controls/igtilemanager/handling-events.mdx b/docs/jquery/src/content/en/topics/controls/igtilemanager/handling-events.mdx index 82de310ef2..94372180f5 100644 --- a/docs/jquery/src/content/en/topics/controls/igtilemanager/handling-events.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtilemanager/handling-events.mdx @@ -2,6 +2,9 @@ title: "Handling Events (igTileManager)" slug: igtilemanager-handling-events --- + +# Handling Events (igTileManager) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Handling Events (igTileManager) @@ -15,7 +18,7 @@ This topic explains, with code examples, how to attach event handlers to the `ig The following topics are prerequisites to understanding this topic: -- [Using Events in {environment:ProductName}](//general-and-getting-started/using-events-in-igniteui-for-jquery.mdx): This topic demonstrates how to handle events raised by {environment:ProductName}® controls. Also included is an explanation of the differences between binding events on initialization and after initialization. +- [Using Events in \{environment:ProductName\}](//general-and-getting-started/using-events-in-igniteui-for-jquery.mdx): This topic demonstrates how to handle events raised by \{environment:ProductName\}® controls. Also included is an explanation of the differences between binding events on initialization and after initialization. - [igTileManager Overview](/igtilemanager-overview.mdx): This topic provides conceptual information about the `igTileManager` control including its main features, minimum requirements, and user functionality. @@ -47,7 +50,7 @@ This topic contains the following sections: Attaching event handler functions to the `igTileManager` control is commonly done upon the initialization of the control. When the event occurs, the handling function is called. -When using the {environment:ProductNameMVC}, it is necessary to assign event handlers at run-time because you cannot define event handlers within the HTML helper. +When using the \{environment:ProductNameMVC\}, it is necessary to assign event handlers at run-time because you cannot define event handlers within the HTML helper. jQuery supports the following methods for assigning event handlers: @@ -161,9 +164,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Tile Manager Binding to JSON]({environment:SamplesUrl}/tile-manager/bind-json): This sample demonstrates how to data bind the Tile Manager control to JSON data source. +- [Tile Manager Binding to JSON](\{environment:SamplesUrl\}/tile-manager/bind-json): This sample demonstrates how to data bind the Tile Manager control to JSON data source. -- [Tile Manager Item Configurations]({environment:SamplesUrl}/tile-manager/item-configurations): This sample demonstrates how to configure each item tile in terms of each position and size inside the `igTileManager`. +- [Tile Manager Item Configurations](\{environment:SamplesUrl\}/tile-manager/item-configurations): This sample demonstrates how to configure each item tile in terms of each position and size inside the `igTileManager`. diff --git a/docs/jquery/src/content/en/topics/controls/igtilemanager/jquery-and-aspnet-mvc-helper-api-links.mdx b/docs/jquery/src/content/en/topics/controls/igtilemanager/jquery-and-aspnet-mvc-helper-api-links.mdx index 01f805fcaa..67584c5079 100644 --- a/docs/jquery/src/content/en/topics/controls/igtilemanager/jquery-and-aspnet-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtilemanager/jquery-and-aspnet-mvc-helper-api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igTileManager)" slug: igtilemanager-jquery-and-asp.net-mvc-helper-api-links --- + +# jQuery and MVC API Links (igTileManager) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igTileManager) @@ -14,7 +17,7 @@ The following table lists the links to the API reference documentation for the ` API Document| Description ---|--- <ApiLink type="igtilemanager" label="igTileManager jQuery API" />|This is a set of documents containing an overview of the control and the full listing, with code examples, of its options, events, and methods. -[igTileManager MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.TileManagerWrapper.html)|This is a set of documents containing the {environment:ProductNameMVC} TileManager description and a list of all of its members. +[igTileManager MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.TileManagerWrapper.html)|This is a set of documents containing the \{environment:ProductNameMVC\} TileManager description and a list of all of its members. [Event Reference](/igtilemanager-overview.mdx)|This is the reference table for the events supported by the `igTileManager` control. The table is available in the [igTileManager Overview](/igtilemanager-overview.mdx) topic. diff --git a/docs/jquery/src/content/en/topics/controls/igtilemanager/known-issues-and-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igtilemanager/known-issues-and-limitations.mdx index 1ae487fcdd..9c5389c7da 100644 --- a/docs/jquery/src/content/en/topics/controls/igtilemanager/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtilemanager/known-issues-and-limitations.mdx @@ -8,7 +8,7 @@ slug: igtilemanager-known-issues-and-limitations ## Known Issues and Limitations ### Known issues and limitations summary chart -The following table summarizes the known issues and limitations of the `igTileManager`™ control for the {environment:ProductName}® {environment:ProductVersion} release. Detailed explanations of all of the issues and the existing workarounds are provided after the summary table. +The following table summarizes the known issues and limitations of the `igTileManager`™ control for the \{environment:ProductName\}® \{environment:ProductVersion\} release. Detailed explanations of all of the issues and the existing workarounds are provided after the summary table. ### Legend: diff --git a/docs/jquery/src/content/en/topics/controls/igtilemanager/overview.mdx b/docs/jquery/src/content/en/topics/controls/igtilemanager/overview.mdx index 9395b2f4a6..7b9bb6e171 100644 --- a/docs/jquery/src/content/en/topics/controls/igtilemanager/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtilemanager/overview.mdx @@ -2,6 +2,9 @@ title: "igTileManager Overview" slug: igtilemanager-overview --- + +# igTileManager Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTileManager Overview @@ -58,7 +61,7 @@ The grid layout of the `igTileManager` is based on [igLayoutManager‘s Grid Lay Users interact with the control by selecting the tile to maximize and scrolling the Minimized Tiles panel. They can also resize the panels relatively to each other with the splitter bar. (For details, refer to [User Interactions and Usability](#user-interaction).) -Any {environment:ProductName}® control can be placed inside those tiles thus enabling moving and resizing of tiles, and changing the state of the tiles at run-time. +Any \{environment:ProductName\}® control can be placed inside those tiles thus enabling moving and resizing of tiles, and changing the state of the tiles at run-time. ### <a id="tile-states"></a>igTileManager tile states @@ -199,7 +202,7 @@ The margins of the minimized tiles define the space around each tile in the grid ## <a id="touch-support"></a>Touch Support -For touch-enabled devices, special classes are added to the tile manager and touch events are handled. On touch-enabled devices, the splitter bar is a bit wider (16 pixels of width) than it is on standard devices (6 pixels) to allow for easier user interaction with the splitter bar in the touch environment. For details, refer to [Touch Support for {environment:ProductName} Controls](//general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx). +For touch-enabled devices, special classes are added to the tile manager and touch events are handled. On touch-enabled devices, the splitter bar is a bit wider (16 pixels of width) than it is on standard devices (6 pixels) to allow for easier user interaction with the splitter bar in the touch environment. For details, refer to [Touch Support for \{environment:ProductName\} Controls](//general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx). ## <a id="default-configuration"></a>Default Configuration @@ -211,7 +214,7 @@ With its default settings, the `igTileManager` control renders tiles with items ## <a id="requirements"></a>Requirements -The `igTileManager` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. The Modernizr library is also needed because the `igSplitter` depends on it. References to these resources are needed nevertheless, in spite of the use of pure jQuery or {environment:ProductNameMVC}. The Infragistics.Web.Mvc assembly is required when the control is used in the context of ASP.NET MVC. +The `igTileManager` control is a jQuery UI widget and, therefore, depends on the jQuery and jQuery UI libraries. The Modernizr library is also needed because the `igSplitter` depends on it. References to these resources are needed nevertheless, in spite of the use of pure jQuery or \{environment:ProductNameMVC\}. The Infragistics.Web.Mvc assembly is required when the control is used in the context of ASP.NET MVC. The CSS files for the `igTileManager`, `igLayoutManager`, `igSplitter` and should be referenced in your page for the correct rendering of the control. @@ -435,13 +438,13 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/tile-manager/aspnet-mvc-helper): This sample demonstrates using the ASP.NET MVC helper for the `igTileManager` control. +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/tile-manager/aspnet-mvc-helper): This sample demonstrates using the ASP.NET MVC helper for the `igTileManager` control. -- [Tile Manager Binding to JSON]({environment:SamplesUrl}/tile-manager/bind-json): This sample demonstrates binding the `igTileManager` control to JSON data source. +- [Tile Manager Binding to JSON](\{environment:SamplesUrl\}/tile-manager/bind-json): This sample demonstrates binding the `igTileManager` control to JSON data source. -- [Tile Manager Item Configurations]({environment:SamplesUrl}/tile-manager/item-configurations): This sample demonstrates configuring the tiles inside the `igTileManager` in terms of position and size. +- [Tile Manager Item Configurations](\{environment:SamplesUrl\}/tile-manager/item-configurations): This sample demonstrates configuring the tiles inside the `igTileManager` in terms of position and size. -- [Tile Manager Leading Tile Configuration]({environment:SamplesUrl}/tile-manager/leading-tile): This sample demonstrates instantiating the `igTileManager` on existing markup in a container with a configuration that defines a leading tile. The leading tile swaps with the rest of the tiles upon expanding. +- [Tile Manager Leading Tile Configuration](\{environment:SamplesUrl\}/tile-manager/leading-tile): This sample demonstrates instantiating the `igTileManager` on existing markup in a container with a configuration that defines a leading tile. The leading tile swaps with the rest of the tiles upon expanding. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igtree/accessibility-compliance.mdx index ae2eabb9e3..df22ea21bb 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/accessibility-compliance.mdx @@ -7,7 +7,7 @@ slug: igtree-accessibility-compliance ## igTree Accessibility Compliance ### Introduction -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/adding-and-removing-nodes/adding-removing-node-method-api-reference.mdx b/docs/jquery/src/content/en/topics/controls/igtree/adding-and-removing-nodes/adding-removing-node-method-api-reference.mdx index 83e1edb023..92e1712aea 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/adding-and-removing-nodes/adding-removing-node-method-api-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/adding-and-removing-nodes/adding-removing-node-method-api-reference.mdx @@ -2,6 +2,9 @@ title: "Add and Remove Node Method API Reference (igTree)" slug: igtree-adding-removing-node-method-api-reference --- + +# Add and Remove Node Method API Reference (igTree) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Add and Remove Node Method API Reference (igTree) diff --git a/docs/jquery/src/content/en/topics/controls/igtree/configure-checkboxes-and-selection.mdx b/docs/jquery/src/content/en/topics/controls/igtree/configure-checkboxes-and-selection.mdx index 7ac65adb6b..c68de01d04 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/configure-checkboxes-and-selection.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/configure-checkboxes-and-selection.mdx @@ -2,6 +2,9 @@ title: "Configure Checkboxes and Selection with igTree" slug: igtree-configure-checkboxes-and-selection --- + +# Configure Checkboxes and Selection with igTree + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configure Checkboxes and Selection with igTree diff --git a/docs/jquery/src/content/en/topics/controls/igtree/configure-node-images.mdx b/docs/jquery/src/content/en/topics/controls/igtree/configure-node-images.mdx index 382e1eee31..309e90c2ca 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/configure-node-images.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/configure-node-images.mdx @@ -2,6 +2,9 @@ title: "Configure Node Images in igTree" slug: igtree-configure-node-images --- + +# Configure Node Images in igTree + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configure Node Images in igTree diff --git a/docs/jquery/src/content/en/topics/controls/igtree/configure-nodes.mdx b/docs/jquery/src/content/en/topics/controls/igtree/configure-nodes.mdx index 4c7b6a5f9a..a441dfb6a9 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/configure-nodes.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/configure-nodes.mdx @@ -2,6 +2,9 @@ title: "Configure Nodes in igTree" slug: igtree-configure-nodes --- + +# Configure Nodes in igTree + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configure Nodes in igTree @@ -149,7 +152,7 @@ $(function () { ``` ### <a id="example-configure-the-collapse-events"></a>Example: configure the collapse events using bind and live -There are times when an event handler needs to be attached to the `igTree` after the tree is instantiated. Post-initialization event binding is the primary way events are configured when the `igTree` control is instantiated using the {environment:ProductNameMVC} helper. When using attaching event handlers after the control is instantiated, the event type is needed. Event types are determined by combining the widget name with the event name. The code below demonstrates how to configure events using the jQuery bind and live method: +There are times when an event handler needs to be attached to the `igTree` after the tree is instantiated. Post-initialization event binding is the primary way events are configured when the `igTree` control is instantiated using the \{environment:ProductNameMVC\} helper. When using attaching event handlers after the control is instantiated, the event type is needed. Event types are determined by combining the widget name with the event name. The code below demonstrates how to configure events using the jQuery bind and live method: Method| Parameters ---|--- diff --git a/docs/jquery/src/content/en/topics/controls/igtree/data-binding.mdx b/docs/jquery/src/content/en/topics/controls/igtree/data-binding.mdx index 518933ccd7..8360e59f52 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/data-binding.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/data-binding.mdx @@ -51,7 +51,7 @@ Nested HTML UL elements|The `igTree` can be instantiated with an existing unorde ### <a id="binding-to-data-sources-overview"></a>Binding to data sources overview In most cases, you will use the `dataSource` or `dataSourceUrl` options of the `igTree` control to bind to data. This option provides your data to the `igDataSource` component which can handle the various supported data formats. The one main exception to using this option is when the tree is instantiated using UL elements; in this case the tree inherits the data and options of its base UL elements. -In ASP.NET MVC, you must supply a collection of IQueryable objects to the {environment:ProductNameMVC} Helper. The helper facilitates data serialization from the server and passes it to the View. Once the page is received by the browser, the `dataSource` option of the `igTree` is set for client-side operation. +In ASP.NET MVC, you must supply a collection of IQueryable objects to the \{environment:ProductNameMVC\} Helper. The helper facilitates data serialization from the server and passes it to the View. Once the page is received by the browser, the `dataSource` option of the `igTree` is set for client-side operation. ### <a id="class-diagram"></a>Class diagram for binding to data sources The following class diagram depicts how data binding works in the `igTree` control. @@ -88,7 +88,7 @@ Following is a conceptual overview of the process: 2. Instantiate the `igTree` - In jQuery, you can use the document ready JavaScript event to instantiate the `igTree` control. In ASP.NET MVC, use the {environment:ProductNameMVC} helper to bind to an IQueryable datasource. + In jQuery, you can use the document ready JavaScript event to instantiate the `igTree` control. In ASP.NET MVC, use the \{environment:ProductNameMVC\} helper to bind to an IQueryable datasource. **In HTML:** @@ -115,7 +115,7 @@ Following is a conceptual overview of the process: 2. Bind to data. 1. Define the data. - This example binds to a JSON array which is constructed with nested object arrays. There are two different object schemas: one for the product category which has a Label and Products property and the other for the Product with a Name property. In the example code the Products property contains the nested data. This structure forms the hierarchy for the `igTree`. In ASP.NET MVC, nested collection of IQueryable objects is accepted by the {environment:ProductNameMVC} helper. An Entity Data Model and the appropriate LINQ query make it straightforward to provide this structure to the `igTree` control. In the following example demonstrates the data structure required by the {environment:ProductNameMVC} helper when binding to object collections. The ProductCategory class is defined with a Label property and Products property similar to the JSON array. The GetProductNodes method will return the data for the {environment:ProductNameMVC} helper. You can see that the data is passed as the Model for the view. + This example binds to a JSON array which is constructed with nested object arrays. There are two different object schemas: one for the product category which has a Label and Products property and the other for the Product with a Name property. In the example code the Products property contains the nested data. This structure forms the hierarchy for the `igTree`. In ASP.NET MVC, nested collection of IQueryable objects is accepted by the \{environment:ProductNameMVC\} helper. An Entity Data Model and the appropriate LINQ query make it straightforward to provide this structure to the `igTree` control. In the following example demonstrates the data structure required by the \{environment:ProductNameMVC\} helper when binding to object collections. The ProductCategory class is defined with a Label property and Products property similar to the JSON array. The GetProductNodes method will return the data for the \{environment:ProductNameMVC\} helper. You can see that the data is passed as the Model for the view. **In HTML:** @@ -226,7 +226,7 @@ Following is a conceptual overview of the process: 3. (ASP.NET MVC) Call Render(). - When instantiating the {environment:ProductNameMVC} `igTree` control, call the Render method last after all other options are configured. The Render method renders the HTML and JavaScript necessary to instantiate the `igTree` control on the client. + When instantiating the \{environment:ProductNameMVC\} `igTree` control, call the Render method last after all other options are configured. The Render method renders the HTML and JavaScript necessary to instantiate the `igTree` control on the client. **In ASPX:** diff --git a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/api-reference/event-api-reference.mdx b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/api-reference/event-api-reference.mdx index d6327c32ec..7de78025a2 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/api-reference/event-api-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/api-reference/event-api-reference.mdx @@ -2,6 +2,9 @@ title: "Drag-and-Drop Event API Reference (igTree)" slug: igtree-drag-and-drop-event-api-reference --- + +# Drag-and-Drop Event API Reference (igTree) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Drag-and-Drop Event API Reference (igTree) @@ -74,9 +77,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Drag and Drop - Single Tree]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. +- [Drag and Drop - Single Tree](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. -- [Drag and Drop - Multiple Trees]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. +- [Drag and Drop - Multiple Trees](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. - [API and Events](../../15_igTree_Event_Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to use `igTree` API. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/api-reference/property-api-reference.mdx b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/api-reference/property-api-reference.mdx index cfe02ce3a9..926892c4ad 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/api-reference/property-api-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/api-reference/property-api-reference.mdx @@ -2,6 +2,9 @@ title: "Drag-and-Drop Property API Reference (igTree)" slug: igtree-drag-and-drop-property-api-reference --- + +# Drag-and-Drop Property API Reference (igTree) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Drag-and-Drop Property API Reference (igTree) @@ -58,9 +61,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Drag and Drop - Single Tree]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. +- [Drag and Drop - Single Tree](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. -- [Drag and Drop - Multiple Trees]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. +- [Drag and Drop - Multiple Trees](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. - [API and Events](../../15_igTree_Event_Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to use `igTree` API. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/configuring/configuring-tokens.mdx b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/configuring/configuring-tokens.mdx index d20df46595..9c24dadbdd 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/configuring/configuring-tokens.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/configuring/configuring-tokens.mdx @@ -361,9 +361,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic -- [Drag and Drop - Single Tree]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. +- [Drag and Drop - Single Tree](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. -- [Drag and Drop - Multiple Trees]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. +- [Drag and Drop - Multiple Trees](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. - [API and Events](../../15_igTree_Event_Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to use `igTree` API. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/enabling.mdx b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/enabling.mdx index 961dfbefb3..d9b574496c 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/enabling.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/enabling.mdx @@ -170,9 +170,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Drag and Drop - Single Tree]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. +- [Drag and Drop - Single Tree](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. -- [Drag and Drop - Multiple Trees]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. +- [Drag and Drop - Multiple Trees](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. - [API and Events](../15_igTree_Event_Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to use `igTree` API. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/events/handling-events-initialization.mdx b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/events/handling-events-initialization.mdx index 1a5f22376f..e77fbecd24 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/events/handling-events-initialization.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/events/handling-events-initialization.mdx @@ -54,9 +54,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Drag and Drop - Single Tree]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. +- [Drag and Drop - Single Tree](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. -- [Drag and Drop - Multiple Trees]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. +- [Drag and Drop - Multiple Trees](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. - [API and Events](../../15_igTree_Event_Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to use `igTree` API. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/events/handling-events-run-time.mdx b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/events/handling-events-run-time.mdx index 5544e33401..c90ceac6aa 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/events/handling-events-run-time.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/events/handling-events-run-time.mdx @@ -20,7 +20,7 @@ The following topics are prerequisites to understanding this topic: ## Attaching Event Handlers in an igTree at Run-Time #### Attaching event handlers at run-time summary -When using the {environment:ProductNameMVC}, it is necessary to assign event handlers at run-time because you cannot define event handlers within the HTML helper. +When using the \{environment:ProductNameMVC\}, it is necessary to assign event handlers at run-time because you cannot define event handlers within the HTML helper. jQuery supports the following methods for assigning event handlers: @@ -58,9 +58,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Drag and Drop - Single Tree]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. +- [Drag and Drop - Single Tree](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. -- [Drag and Drop - Multiple Trees]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. +- [Drag and Drop - Multiple Trees](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. - [API and Events](../../15_igTree_Event_Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to use `igTree` API. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/overview.mdx b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/overview.mdx index 2c30d07b77..9f6d4ba53f 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/drag-and-drop/overview.mdx @@ -79,9 +79,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Drag and Drop - Single Tree]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. +- [Drag and Drop - Single Tree](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. -- [Drag and Drop - Multiple Trees]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. +- [Drag and Drop - Multiple Trees](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. - [API and Events](../15_igTree_Event_Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to use `igTree` API. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/event-reference.mdx b/docs/jquery/src/content/en/topics/controls/igtree/event-reference.mdx index 634f0f2ef4..d56e50a739 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/event-reference.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/event-reference.mdx @@ -2,6 +2,9 @@ title: "Event Reference (igTree)" slug: igtree-event-reference --- + +# Event Reference (igTree) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Event Reference (igTree) @@ -72,7 +75,7 @@ $("#igTree1").igTree({ The following example shows how this is done and it also demonstrates the use of the jQuery's [`on`](http://api.jquery.com/on/) method to attach an event handler to a selected element: <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/tree-control/api-and-events]({environment:SamplesEmbedUrl}/tree-control/api-and-events) + [\{environment:SamplesEmbedUrl\}/tree-control/api-and-events](\{environment:SamplesEmbedUrl\}/tree-control/api-and-events) </div> ### <a id="attaching-handlers-mvc"></a> Attaching Event Handlers in MVC @@ -96,4 +99,4 @@ The following topics provide additional information related to this topic: - [igTree Overview](/igtree-overview.mdx) - <ApiLink type="igtree" label="igTree jQuery API documentation" /> - [igTree ASP.NET MVC API documentation](Infragistics.Web.Mvc~Infragistics.Web.Mvc.TreeModel_members.html) -- [Using Events in {environment:ProductName}](//general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) \ No newline at end of file +- [Using Events in \{environment:ProductName\}](//general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igtree/getting-started.mdx b/docs/jquery/src/content/en/topics/controls/igtree/getting-started.mdx index d2fbcb4fe0..561185af22 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/getting-started.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/getting-started.mdx @@ -5,7 +5,6 @@ slug: igtree-getting-started # Getting Started with igTree - ## Topic Overview ### Purpose @@ -14,8 +13,8 @@ The `igTree`™ control can be configured to run using jQuery or ASP.NET MVC. Th ### Required background You need to first read the following topics: -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) ## Create a basic igTree implementation ### Introduction @@ -48,7 +47,7 @@ Following is a conceptual overview of the process: 2. Instantiate the `igTree`. - In jQuery, you can use the document ready JavaScript event to instantiate the igTree control. In ASP.NET MVC, use the {environment:ProductNameMVC} helper to bind to an IQueryable datasource. + In jQuery, you can use the document ready JavaScript event to instantiate the igTree control. In ASP.NET MVC, use the \{environment:ProductNameMVC\} helper to bind to an IQueryable datasource. **In HTML:** @@ -75,7 +74,7 @@ Following is a conceptual overview of the process: 2. <a id="binding-to-data"></a>Bind to data. 1. Define the data. - This example binds to a JSON array which is constructed with nested object arrays. There are two different object schemas: one for the product category which has a Label and Products property and the other for the Product with a Name property. You can see the Products property contains the nested data. This structure forms the hierarchy for the igTree control. In ASP.NET MVC, a nested IQueryable object collection is accepted by the {environment:ProductNameMVC} helper. An Entity Data Model and LINQ make it straightforward to provide this structure to the igTree control. For the purpose of the sample, the sample data code appears below to illustrate the structure of data required by the {environment:ProductNameMVC} helper when binding to collections of objects. The ProductCategory class is defined with a Label property and Products property similar to the JSON array. The GetProductNodes method returns the data for the {environment:ProductNameMVC} helper. You can see that the data is passed as the Model for the view. + This example binds to a JSON array which is constructed with nested object arrays. There are two different object schemas: one for the product category which has a Label and Products property and the other for the Product with a Name property. You can see the Products property contains the nested data. This structure forms the hierarchy for the igTree control. In ASP.NET MVC, a nested IQueryable object collection is accepted by the \{environment:ProductNameMVC\} helper. An Entity Data Model and LINQ make it straightforward to provide this structure to the igTree control. For the purpose of the sample, the sample data code appears below to illustrate the structure of data required by the \{environment:ProductNameMVC\} helper when binding to collections of objects. The ProductCategory class is defined with a Label property and Products property similar to the JSON array. The GetProductNodes method returns the data for the \{environment:ProductNameMVC\} helper. You can see that the data is passed as the Model for the view. **In HTML:** @@ -186,7 +185,7 @@ Following is a conceptual overview of the process: 3. (ASP.NET MVC) Call Render(). - When instantiating the {environment:ProductNameMVC} Tree, call the Render method last after all other options have been configured. This is the method that renders the HTML and JavaScript necessary to instantiate the igTree on the client + When instantiating the \{environment:ProductNameMVC\} Tree, call the Render method last after all other options have been configured. This is the method that renders the HTML and JavaScript necessary to instantiate the igTree on the client **In ASPX:** @@ -247,7 +246,7 @@ The following table lists the code examples provided below. Example| Description ---|--- Basic jQuery implementation | Shows how to bind to data and set basic options in jQuery -Basic ASP.NET MVC implementation | Shows how to bind to data and set basic options using {environment:ProductNameMVC} +Basic ASP.NET MVC implementation | Shows how to bind to data and set basic options using \{environment:ProductNameMVC\} ## Code Example: Basic jQuery Implementation ### Example description @@ -292,7 +291,7 @@ The code below demonstrates how to create and configure the `igTree` in jQuery. ## Code Example: Basic ASP.NET Implementation ### Example description -The code below demonstrates how to create and configure the {environment:ProductNameMVC} `Tree`. +The code below demonstrates how to create and configure the \{environment:ProductNameMVC\} `Tree`. >**Note:** The different text key values are set on different binding objects to represent the different levels of data. @@ -394,8 +393,8 @@ public class SamplesController : Controller ## Related Topics Following are some other topics you may find useful. -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igtree/jquery-and-asp-net-mvc-helper-api-links.mdx b/docs/jquery/src/content/en/topics/controls/igtree/jquery-and-asp-net-mvc-helper-api-links.mdx index c5cc2a45ec..1502b6b33b 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/jquery-and-asp-net-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/jquery-and-asp-net-mvc-helper-api-links.mdx @@ -2,6 +2,9 @@ title: "igTree jQuery and MVC API Links" slug: igtree-jquery-and-asp-net-mvc-helper-api-links --- + +# igTree jQuery and MVC API Links + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTree jQuery and MVC API Links diff --git a/docs/jquery/src/content/en/topics/controls/igtree/knockoutjs-support.mdx b/docs/jquery/src/content/en/topics/controls/igtree/knockoutjs-support.mdx index 78b8d6733d..65892e441b 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/knockoutjs-support.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/knockoutjs-support.mdx @@ -112,7 +112,7 @@ The control can be bound be bound to non-observable object also but the applicat The following topics provide additional information related to this topic. -- [Bind Editors with Knockout](../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure {environment:ProductName} editor controls to bind to View-Model objects using the Knockout library. +- [Bind Editors with Knockout](../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure \{environment:ProductName\} editor controls to bind to View-Model objects using the Knockout library. - [Configuring Knockout Support (igCombo)](/igcombo/configuring/knockoutjs-support.mdx): This topic explains how to configure the `igCombo` control to bind to View-Model objects managed by the Knockout library. @@ -120,7 +120,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [KnockoutJS Binding]({environment:SamplesUrl}/tree/bind-tree-with-ko): This sample demonstrates binding `igTree` to hierarchical data managed by Knockout data bindings. +- [KnockoutJS Binding](\{environment:SamplesUrl\}/tree/bind-tree-with-ko): This sample demonstrates binding `igTree` to hierarchical data managed by Knockout data bindings. ### Resources diff --git a/docs/jquery/src/content/en/topics/controls/igtree/known-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igtree/known-limitations.mdx index 41fe1c0d38..af7fa26ef1 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/known-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/known-limitations.mdx @@ -7,7 +7,7 @@ slug: igtree-known-limitations ## Known Issues and Limitations Overview ### Issues/Limitations chart -The table below briefly describes the known issues/limitations of the {environment:ProductName}® {environment:ProductVersion} release for the `igTree`™ control. Detailed explanations and the possible workarounds are provided for some of the issues in the blocks following the table. +The table below briefly describes the known issues/limitations of the \{environment:ProductName\}® \{environment:ProductVersion\} release for the `igTree`™ control. Detailed explanations and the possible workarounds are provided for some of the issues in the blocks following the table. Legend: @@ -37,7 +37,7 @@ This can be resolved by explicitly setting the appropriate custom width to all L In Firefox, there is an issue in jQuery 1.4.4 which fails to fire the blur event as expected. This causes the active styles of nodes to remain even after they are no longer active. ### Active node styles workaround -Upgrade to a later version of jQuery after 1.4.4 or upgrade to the latest service release of {environment:ProductName} where the `igTree` control resolves this issue internally. +Upgrade to a later version of jQuery after 1.4.4 or upgrade to the latest service release of \{environment:ProductName\} where the `igTree` control resolves this issue internally. ## Move and copy a node without primary key in a tree with primary keys Do not mix bindings with primary keys and bindings without. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/optimize-performance.mdx b/docs/jquery/src/content/en/topics/controls/igtree/optimize-performance.mdx index 8c8c046f15..505824c18f 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/optimize-performance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/optimize-performance.mdx @@ -2,6 +2,9 @@ title: "Optimize the igTree’s Performance" slug: igtree-optimize-performance --- + +# Optimize the igTree’s Performance + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Optimize the igTree’s Performance diff --git a/docs/jquery/src/content/en/topics/controls/igtree/overview.mdx b/docs/jquery/src/content/en/topics/controls/igtree/overview.mdx index 121a04f2da..c948573ab2 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/overview.mdx @@ -2,6 +2,9 @@ title: "igTree Overview" slug: igtree-overview --- + +# igTree Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTree Overview @@ -21,7 +24,7 @@ This topic contains the following sections: - [Navigation & Selection](#navigation-and-selection) - [Adding and Removing Nodes](#adding-and-removing-nodes) - [Drag-and-Drop](#drag-and-drop) - - [{environment:ProductNameMVC}](#asp-mvc-helper) + - [\{environment:ProductNameMVC\}](#asp-mvc-helper) - [Requirements](#requirements) - [Introduction](#requirements-introduction) - [Requirements chart](#requirements-chart) @@ -41,7 +44,7 @@ The table belows lists the required background you need to fully understand the Background type | Content ---|--- -Topics | You need to first read the following topics: [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) <br/> [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) <br/> [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) <br/> [igGrid/igDataSource Architectural Overview](/iggrid/igdatasource-architecture-overview.mdx), The Data Source Control section +Topics | You need to first read the following topics: [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) <br/> [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) <br/> [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) <br/> [igGrid/igDataSource Architectural Overview](/iggrid/igdatasource-architecture-overview.mdx), The Data Source Control section External Resources | You need to first read the following article: [Working with jQuery Widgets](http://wiki.jqueryui.com/w/page/12137708/How%20to%20use%20jQuery%20UI%20widgets) @@ -57,7 +60,7 @@ Navigation & Selection | The `igTree` control has a rich keyboard interaction mo Node Images | Nodes can have their own custom images to provide more detail about an item or to customize the look and feel. Adding and Removing Nodes | The Adding and Removing Nodes feature of the `igTree` control enables users to add and remove tree nodes. Drag-and-Drop | The Drag-and-Drop feature of the `igTree` control enables users to drag-and-drop tree nodes. Dragging and dropping can be performed within the same tree or between two different trees. -{environment:ProductNameMVC} | You can use managed .NET code to configure the `igTree` control. +\{environment:ProductNameMVC\} | You can use managed .NET code to configure the `igTree` control. ## <a id="load-on-demand"></a>Load on demand @@ -116,8 +119,8 @@ Dragging-and-drop can be performed within the same `igTree` control or between t [Configuring Drag-and-Drop Modes](/walkthroughs/igtree-drag-and-drop-configuring-mode.mdx) -## <a id="asp-mvc-helper"></a>{environment:ProductNameMVC} -You can use the {environment:ProductNameMVC} Helper to use managed code languages to configure the `igTree` control. Using the MVC helpers allows you to take advantage of re-usable Views or ViewModels in your ASP.NET MVC applications. Further, you can bind to a collection of IQueryable collections in ASP.NET and the helper will generate the JSON data for the `igTree` control to use on the client. +## <a id="asp-mvc-helper"></a>\{environment:ProductNameMVC\} +You can use the \{environment:ProductNameMVC\} Helper to use managed code languages to configure the `igTree` control. Using the MVC helpers allows you to take advantage of re-usable Views or ViewModels in your ASP.NET MVC applications. Further, you can bind to a collection of IQueryable collections in ASP.NET and the helper will generate the JSON data for the `igTree` control to use on the client. ### Related Topics @@ -127,18 +130,18 @@ You can use the {environment:ProductNameMVC} Helper to use managed cod ## <a id="requirements"></a>Requirements ### <a id="requirements-introduction"></a>Introduction -The `igTree` control is a jQuery UI Widget and therefore is dependent on the jQuery and jQuery UI JavaScript libraries. In addition, there are several {environment:ProductName}™ JavaScript resources that the `igTree` control uses for shared functionality and data binding. The JavaScript references are required whether the `igTree` control is used in a pure JavaScript context or in ASP.NET MVC. When using the `igTree` control in ASP.NET MVC, the Infragistics.Web.Mvc assembly is required to configure the `igTree` control with .NET languages. +The `igTree` control is a jQuery UI Widget and therefore is dependent on the jQuery and jQuery UI JavaScript libraries. In addition, there are several \{environment:ProductName\}™ JavaScript resources that the `igTree` control uses for shared functionality and data binding. The JavaScript references are required whether the `igTree` control is used in a pure JavaScript context or in ASP.NET MVC. When using the `igTree` control in ASP.NET MVC, the Infragistics.Web.Mvc assembly is required to configure the `igTree` control with .NET languages. ### <a id="requirements-chart"></a>Requirements chart The table below lists the requirements for the `igTree` control. Requirement | Description ---|--- -jQuery and jQuery UI JavaScript resources | {environment:ProductName} is built on top of these frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) [Templating Engine Overview](../../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) (for node templates) -Shared {environment:ProductName} JavaScript resources | There are several shared JavaScript resources in {environment:ProductName} that most widgets use: `infragistics.util.js` `infragistics.util.jquery.js` infragistics.ui.shared.js +jQuery and jQuery UI JavaScript resources | \{environment:ProductName\} is built on top of these frameworks: [jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) [Templating Engine Overview](../../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) (for node templates) +Shared \{environment:ProductName\} JavaScript resources | There are several shared JavaScript resources in \{environment:ProductName\} that most widgets use: `infragistics.util.js` `infragistics.util.jquery.js` infragistics.ui.shared.js `igDataSource` JavaScript Resources | The `igTree` control uses the `igDataSource` internally for data operations: `infragistics.dataSource.js` `igTree` JavaScript resources | The JavaScript file for the `igTree` control: `infragistics.ui.tree.js` -IG Theme | This theme contains custom visual styles created especially for {environment:ProductName} +IG Theme | This theme contains custom visual styles created especially for \{environment:ProductName\} Base Theme | The base theme contains styles that primarily define the form and function for each control. @@ -195,9 +198,9 @@ Display custom HTML for each node on a certain level of hierarchy | `nodeContent ## <a id="related-topics"></a>Related Topics Following are some other topics you may find useful. -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) - [igGrid/igDataSource Architectural Overview](/iggrid/igdatasource-architecture-overview.mdx) - [Optimize the igTree’s Performance](/igtree-optimize-performance.mdx) - [Configure Checkboxes and Selection for igTree](/igtree-configure-checkboxes-and-selection.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igtree/using-themes.mdx b/docs/jquery/src/content/en/topics/controls/igtree/using-themes.mdx index 0579d48767..14d848affb 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/using-themes.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/using-themes.mdx @@ -2,6 +2,9 @@ title: "Using Themes with igTree" slug: igtree-using-themes --- + +# Using Themes with igTree + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Using Themes with igTree @@ -15,7 +18,7 @@ To customize a theme, you can use the jQuery UI ThemeRoller. ThemeRoller is a to ### Topics The information you need to customize the jQuery UI theme for the `igTree` control is covered in the following topics: -- [Styling and Theming {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) - <ApiLink type="igtree" label="igTree Theming API Documentation" /> ## Related Topics diff --git a/docs/jquery/src/content/en/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-custom-drop-validation.mdx b/docs/jquery/src/content/en/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-custom-drop-validation.mdx index 2b3ff155c1..b1ee42af2d 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-custom-drop-validation.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-custom-drop-validation.mdx @@ -405,9 +405,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Drag and Drop - Single Tree]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. +- [Drag and Drop - Single Tree](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. -- [Drag and Drop - Multiple Trees]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. +- [Drag and Drop - Multiple Trees](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. - [API and Events](../15_igTree_Event_Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to use `igTree` API. diff --git a/docs/jquery/src/content/en/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-mode.mdx b/docs/jquery/src/content/en/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-mode.mdx index 760b02f067..ac20978963 100644 --- a/docs/jquery/src/content/en/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-mode.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-mode.mdx @@ -372,9 +372,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Drag and Drop - Single Tree]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. +- [Drag and Drop - Single Tree](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): This sample demonstrates how to initialize the `igTree` control with the Drag-and-Drop feature enabled. -- [Drag and Drop - Multiple Trees]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. +- [Drag and Drop - Multiple Trees](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): This sample demonstrates how to drag-and-drop nodes between two `igTrees`. - [API and Events](../15_igTree_Event_Reference.mdx#attaching-handlers-jquery): This sample demonstrates how to use `igTree` API. diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/accessibility-compliance.mdx index f3c793497b..47cdd3a58f 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/accessibility-compliance.mdx @@ -7,7 +7,7 @@ slug: igtreegrid-accessibility-compliance ## igTreeGrid Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the grid control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the grid control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/filtering.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/filtering.mdx index 6fac8bb4ea..9a90d8bd78 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/filtering.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/filtering.mdx @@ -2,6 +2,9 @@ title: "Filtering (igTreeGrid)" slug: igtreegrid-filtering --- + +# Filtering (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Filtering (igTreeGrid) @@ -87,4 +90,4 @@ Notice how the first row contains name matching the "an" criteria, yet is it sti - [Load on Demand (igTreeGrid)](/igtreegrid-load-on-demand.mdx): This topic explains the benefits of the `igTreeGrid` Load on Demand functionality and how it can be implemented. ### <a id="samples"></a> Samples -- [igTreeGrid Remote Features]({environment:SamplesUrl}/tree-grid/remote-features) +- [igTreeGrid Remote Features](\{environment:SamplesUrl\}/tree-grid/remote-features) diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/load-on-demand.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/load-on-demand.mdx index c00ce4bb18..1c7a430be0 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/load-on-demand.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/load-on-demand.mdx @@ -2,6 +2,9 @@ title: "Load on Demand (igTreeGrid)" slug: igtreegrid-load-on-demand --- + +# Load on Demand (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Load on Demand (igTreeGrid) @@ -15,14 +18,14 @@ This feature can be combined with additional remote features to achieve complete The following lists the concepts, topics, and articles required as a prerequisite to understanding this topic. -- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with {environment:ProductNameMVC}™ components. +- [Adding Controls to an MVC Project](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with \{environment:ProductNameMVC\}™ components. ## Introduction The Load on Demand functionality enables the tree grid to request the data for the child nodes from the server as the user interacts with the grid (expands a node). This approach significantly reduces the data being transferred between the browser and the server. -In order to take advantage of the remote load on demand functionality the controller action method responsible for processing the request should be decorated with TreeGridDataSourceAction attribute. This is all that needs to be done and the TreeGridDataSourceAction is handling everything else for you. In this scenario requests are handled by the {environment:ProductNameMVC} Grid which automatically adds a parameter to the request and returns the data for the specific level only. +In order to take advantage of the remote load on demand functionality the controller action method responsible for processing the request should be decorated with TreeGridDataSourceAction attribute. This is all that needs to be done and the TreeGridDataSourceAction is handling everything else for you. In this scenario requests are handled by the \{environment:ProductNameMVC\} Grid which automatically adds a parameter to the request and returns the data for the specific level only. When a row is expanded, the data for the child records is requested with an Ajax call to the server. The feature uses the same <ApiLink type="igtreegrid" member="dataSourceUrl" section="options" label="dataSourceUrl" /> address shared by other [remote features](/igtreegrid-remote-features.mdx). This means back-end implementations for multiple remote features need to be able to handle more than one style of request. @@ -42,7 +45,7 @@ produces the following two requests, where the single root row has an primary ke and as visible, the child record's key value is "5", producing a path of `2/5` for its data request. -> **Note:** While {environment:ProductNameMVC} comes with functionality that helps developers, this feature in not dependent on the platform. Rather, Load on demand can be enabled through the <ApiLink type="igtreegrid" member="enableRemoteLoadOnDemand" section="options" label="enableRemoteLoadOnDemand" /> option and implemented with any server-side platform that can provide an endpoint to handle the incoming request and return the processed data as JSON. +> **Note:** While \{environment:ProductNameMVC\} comes with functionality that helps developers, this feature in not dependent on the platform. Rather, Load on demand can be enabled through the <ApiLink type="igtreegrid" member="enableRemoteLoadOnDemand" section="options" label="enableRemoteLoadOnDemand" /> option and implemented with any server-side platform that can provide an endpoint to handle the incoming request and return the processed data as JSON. ## <a id="walkthrough"></a> Walkthrough @@ -100,5 +103,5 @@ To quickly get enable the Load on demand functionality of the Tree Grid follow t - [Features Overview (igTreeGrid)](/igtreegrid-features-overview.mdx): This topic covers the basics around the modular features available for the `igTreeGrid` control. ### <a id="samples"></a> Samples -- [Load on Demand]({environment:SamplesUrl}/tree-grid/load-on-demand) -- [igTreeGrid Remote Features]({environment:SamplesUrl}/tree-grid/overview) +- [Load on Demand](\{environment:SamplesUrl\}/tree-grid/load-on-demand) +- [igTreeGrid Remote Features](\{environment:SamplesUrl\}/tree-grid/overview) diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/overview.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/overview.mdx index 973d998620..7df4b4c876 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/overview.mdx @@ -2,6 +2,9 @@ title: "Features Overview (igTreeGrid)" slug: igtreegrid-features-overview --- + +# Features Overview (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Features Overview (igTreeGrid) @@ -123,6 +126,6 @@ The Column Hiding feature allows hiding of the tree grid’s columns via the tre - [Remote Features (igTreeGrid)](/igtreegrid-remote-features.mdx): This topic contains an overview and implementation details on performing remote operations with `igTreeGrid` features. ### <a id="samples"></a> Samples -- [igTreeGrid Overview]({environment:SamplesUrl}/tree-grid/overview) -- [Load on Demand]({environment:SamplesUrl}/tree-grid/load-on-demand) -- [igTreeGrid Remote Features]({environment:SamplesUrl}/tree-grid/remote-features) +- [igTreeGrid Overview](\{environment:SamplesUrl\}/tree-grid/overview) +- [Load on Demand](\{environment:SamplesUrl\}/tree-grid/load-on-demand) +- [igTreeGrid Remote Features](\{environment:SamplesUrl\}/tree-grid/remote-features) diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/paging.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/paging.mdx index ca41f5dd3b..0fa7336537 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/paging.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/paging.mdx @@ -2,6 +2,9 @@ title: "Paging (igTreeGrid)" slug: igtreegrid-paging --- + +# Paging (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Paging (igTreeGrid) @@ -147,5 +150,5 @@ And lead to the same result. - [Remote Features (igTreeGrid)](/igtreegrid-remote-features.mdx): This topic contains an overview and implementation details on performing remote operations with `igTreeGrid` features. ### <a id="samples"></a> Samples -- [igTreeGrid Remote Features]({environment:SamplesUrl}/tree-grid/remote-features) -- [igTreeGrid Paging]({environment:SamplesUrl}/tree-grid/paging) +- [igTreeGrid Remote Features](\{environment:SamplesUrl\}/tree-grid/remote-features) +- [igTreeGrid Paging](\{environment:SamplesUrl\}/tree-grid/paging) diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/remote-features.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/remote-features.mdx index 7f6464f6d1..f2a122f987 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/remote-features.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/remote-features.mdx @@ -2,6 +2,9 @@ title: "Remote Features (igTreeGrid)" slug: igtreegrid-remote-features --- + +# Remote Features (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Remote Features (igTreeGrid) @@ -35,7 +38,7 @@ When the tree grid is set up to use remote features, Ajax requests are used for Supported features that can perform remote operations are **Sorting**, **Filtering** and **Paging**. -In order to take advantage of the remote features functionality the controller action method responsible for Sorting, Filtering and Paging should be decorated with TreeGridDataSourceAction attribute. This is all that needs to be done and the TreeGridDataSourceAction is handling everything else for you. In this scenario requests are handled by the {environment:ProductNameMVC} Grid which automatically adds a parameter to the request and returns the data in the appropriate format. +In order to take advantage of the remote features functionality the controller action method responsible for Sorting, Filtering and Paging should be decorated with TreeGridDataSourceAction attribute. This is all that needs to be done and the TreeGridDataSourceAction is handling everything else for you. In this scenario requests are handled by the \{environment:ProductNameMVC\} Grid which automatically adds a parameter to the request and returns the data in the appropriate format. ```csharp [TreeGridDataSourceAction] @@ -55,7 +58,7 @@ All features share the same <ApiLink type="igtreegrid" member="dataSourceUrl" se In case that requests are going to be manually handled on the back end it's important to maintain the logical order of the operations - for example filtering data transformations should be applied first and then sorting if needed, before cutting down the results to the required page size. -### <a id="flat-data"></a> Binding to flat data in {environment:ProductNameMVC} +### <a id="flat-data"></a> Binding to flat data in \{environment:ProductNameMVC\} The igTreeGrid can be bound to a flat self-referencing data via the MVC wrapper, where the parent-child relation is defined via the PrimaryKey/ForeignKey options. The flat data is internally parsed to Hierarchical based on the PrimaryKey and ForeignKey relation before it gets send to the client. This is useful in scenarios when you want to bind to a self-referencing table of data, without having to transform it to a hierarchical structure. @@ -134,4 +137,4 @@ In case that there is an SQL end point in your application what could be done in - [Features Overview (igTreeGrid)](/igtreegrid-features-overview.mdx): This topic covers the basics around the modular features available for the `igTreeGrid` control. ### <a id="samples"></a> Samples -- [igTreeGrid Remote Features]({environment:SamplesUrl}/tree-grid/remote-features) +- [igTreeGrid Remote Features](\{environment:SamplesUrl\}/tree-grid/remote-features) diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/row-selectors.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/row-selectors.mdx index ae8f63743d..1fbbcc7356 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/row-selectors.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/row-selectors.mdx @@ -2,6 +2,9 @@ title: "Row Selectors (igTreeGrid)" slug: igtreegrid-row-selectors --- + +# Row Selectors (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Row Selectors (igTreeGrid) diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/updating.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/updating.mdx index 66939c8425..7ca4f7ce1e 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/features/updating.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/features/updating.mdx @@ -2,6 +2,9 @@ title: "Updating (igTreeGrid)" slug: igtreegrid-updating --- + +# Updating (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Updating (igTreeGrid) @@ -18,7 +21,7 @@ This topic contains the following sections: - [**Updating UI**](#ui) - [Mouse UI](#mouse) - [Touch UI](#touch) -- [**Adding igTreeGrid with Updating feature configured using the {environment:ProductFamilyName} CLI**](#adding-using-CLI) +- [**Adding igTreeGrid with Updating feature configured using the \{environment:ProductFamilyName\} CLI**](#adding-using-CLI) - [**Working with Updating**](#working-with-updating) - [Enabling Updating](#enable) - [Configuring Updating](#configuring) @@ -61,22 +64,22 @@ In touch environment hover interaction is not available which requires the user ![](images/addChildTouch.png "Tree Grid Add child touch") -## <a id="adding-using-CLI"></a> Adding igTreeGrid with Updating feature configured using the {environment:ProductFamilyName} CLI +## <a id="adding-using-CLI"></a> Adding igTreeGrid with Updating feature configured using the \{environment:ProductFamilyName\} CLI -The easiest way to add a new igTreeGrid with Updating feature configured to your application is via the {environment:ProductFamilyName} CLI. +The easiest way to add a new igTreeGrid with Updating feature configured to your application is via the \{environment:ProductFamilyName\} CLI. -To install the {environment:ProductFamilyName} CLI: +To install the \{environment:ProductFamilyName\} CLI: ``` npm install -g igniteui-cli ``` -Once the {environment:ProductFamilyName} CLI is installed the commands for generating an {environment:ProductName} project, adding a new igTreeGrid with Updating feature configured, building and serving the project are as following: +Once the \{environment:ProductFamilyName\} CLI is installed the commands for generating an \{environment:ProductName\} project, adding a new igTreeGrid with Updating feature configured, building and serving the project are as following: ``` ig new <project name> cd <project name> ig add tree-grid-editing newTreeGridEditing ig start ``` -For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. +For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](///general-and-getting-started/using-ignite-ui-cli.mdx) topic. ## <a id="working-with-updating"></a> Working with Updating By enabling the Updating feature, you enable adding, removing and updating the data in the grid. @@ -236,4 +239,4 @@ When a row is selected (the Selection feature is enabled and its mode is row): - [Load on Demand (igTreeGrid)](/igtreegrid-load-on-demand.mdx): This topic explains the benefits of the `igTreeGrid` Load on Demand functionality and how it can be implemented. ### <a id="samples"></a> Related Samples -- [igTreeGrid Updating]({environment:SamplesUrl}/tree-grid/updating) \ No newline at end of file +- [igTreeGrid Updating](\{environment:SamplesUrl\}/tree-grid/updating) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/jquery-api.mdx index 25708a03b4..adea172679 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/jquery-api.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igTreeGrid)" slug: igtreegrid-jquery-api --- + +# jQuery and MVC API Links (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igTreeGrid) diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/known-issues-and-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/known-issues-and-limitations.mdx index d53766b353..034536a976 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/known-issues-and-limitations.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations (igTreeGrid)" slug: igtreegrid-known-issues-and-limitations --- + +# Known Issues and Limitations (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations (igTreeGrid) @@ -46,4 +49,4 @@ $(".selector").igTreeGrid({ - [Features Overview (igTreeGrid)](/features/igtreegrid-features-overview.mdx): This topic covers the basics around the modular features available for the `igTreeGrid` control. ### <a id="samples"></a> Samples -- [igTreeGrid Overview]({environment:SamplesUrl}/tree-grid/overview) +- [igTreeGrid Overview](\{environment:SamplesUrl\}/tree-grid/overview) diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/landing-page.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/landing-page.mdx index 29cec49912..68fcaf2700 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/landing-page.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/landing-page.mdx @@ -5,7 +5,6 @@ slug: igtreegrid-landing-page # igTreeGrid - ### Introduction The `igTreeGrid` control is a jQuery widget that displays data in a tree-like tabular structure. The control presents hierarchical data similar to the `igHierarchicalGrid` control. Child layouts in `igTreeGrid` have the same column definition as the root layout. Rendering hierarchical data all with the same columns allows the tree grid to have superior render speeds while maintaining low memory and low DOM footprints. Further, the `igTreeGrid` also supports advanced interactive features that operate in the same way as the `igGrid`. diff --git a/docs/jquery/src/content/en/topics/controls/igtreegrid/overview.mdx b/docs/jquery/src/content/en/topics/controls/igtreegrid/overview.mdx index 1a98f554cb..6067a047d3 100644 --- a/docs/jquery/src/content/en/topics/controls/igtreegrid/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igtreegrid/overview.mdx @@ -2,6 +2,9 @@ title: "Overview (igTreeGrid)" slug: igtreegrid-overview --- + +# Overview (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Overview (igTreeGrid) @@ -12,7 +15,7 @@ The `igTreeGrid`™ presents hierarchical data by combining the principles of a As the `igTreeGrid` inherits the `igGrid` control, it is able to enjoy many of the same features and functionality. Some features differ in function and implementation to best suit the needs of hierarchical data (e.g. filtering, paging, etc.). -In order to maintain flexibility the tree grid features a configurable expansion indicator, which can be rendered inline in the first data column or in a standalone column. The expansion indicator can also be customized with a different look-and-feel to achieve custom visualizations (see the [File Explorer sample]({environment:SamplesUrl}/tree-grid/file-explorer "File Explorer Sample - File Explorer with Tree Grid Control - {environment:ProductName}™")). +In order to maintain flexibility the tree grid features a configurable expansion indicator, which can be rendered inline in the first data column or in a standalone column. The expansion indicator can also be customized with a different look-and-feel to achieve custom visualizations (see the [File Explorer sample](\{environment:SamplesUrl\}/tree-grid/file-explorer "File Explorer Sample - File Explorer with Tree Grid Control - \{environment:ProductName\}™")). ### In this topic: @@ -26,11 +29,11 @@ In order to maintain flexibility the tree grid features a configurable expansion - [**Getting Started**](#getting-started) - [Initializing igTreeGrid in JavaScript](#jq-treegrid) - [Full Page Sample](#full-page-sample) - - [Initializing igTreeGrid using the {environment:ProductFamilyName} CLI](#adding-using-CLI) + - [Initializing igTreeGrid using the \{environment:ProductFamilyName\} CLI](#adding-using-CLI) - [Initializing a MVC igTreeGrid](#mvc-treegrid) - [Customize the expand and collapse icons](#customize-icon) - [**Keyboard navigation**](#keyboard-navigation) -- [**Exporting igTreeGrid to Excel using the {environment:ProductFamilyName} CLI**](#exporting-with-CLI) +- [**Exporting igTreeGrid to Excel using the \{environment:ProductFamilyName\} CLI**](#exporting-with-CLI) - [**Related Content**](#related-content) - [Topics](#topics) - [Samples](#samples) @@ -53,7 +56,7 @@ The `igTreeGrid` inherits the [`igGrid`](igGrid-Overview.html "igGrid Overview") Much like the flat grid control, the `igTreeGrid` uses a `TABLE` or `DIV` element as the basis for its structure in the DOM. As data is revealed by clicking/tapping on the expansion indicator in the parent's row, the table row and cell elements needed to render child rows are created on-the-fly. For more detailed information on performance considerations for the `igTreeGrid`, please see the [Performance section](#performance). -The tree grid enjoys a disconnected architecture in the same manner as other {environment:ProductName} grids. Under the surface the `igTreeGrid` is powered by the `igTreeHierarchialDataSource` component. The data source component is responsible for implementing logic for features that directly affect the tree grid's source data before its ready to be presented to the user. For details about this specialized data source, see <ApiLink pkg="ig" type="treehierarchicaldatasource" label="igTreeHierarchicalDataSource" />. +The tree grid enjoys a disconnected architecture in the same manner as other \{environment:ProductName\} grids. Under the surface the `igTreeGrid` is powered by the `igTreeHierarchialDataSource` component. The data source component is responsible for implementing logic for features that directly affect the tree grid's source data before its ready to be presented to the user. For details about this specialized data source, see <ApiLink pkg="ig" type="treehierarchicaldatasource" label="igTreeHierarchicalDataSource" />. ## <a id="supported-data-sources"></a> Supported Data Sources @@ -89,7 +92,7 @@ $('#treegrid').igTreeGrid({ The tree grid below is bound to a flat data source: <div class="embed-sample"> - [JSON Binding]({environment:SamplesEmbedUrl}/tree-grid/json-binding) + [JSON Binding](\{environment:SamplesEmbedUrl\}/tree-grid/json-binding) </div> @@ -132,7 +135,7 @@ $('#treegrid').igTreeGrid({ The tree grid below is bound to a hierarchical data source: <div class="embed-sample"> - [File Explorer]({environment:SamplesEmbedUrl}/tree-grid/file-explorer) + [File Explorer](\{environment:SamplesEmbedUrl\}/tree-grid/file-explorer) </div> ## <a id="feature-differences-iggrid"></a> Feature differences from igGrid @@ -183,7 +186,7 @@ $("#treegrid").igTreeGrid({ }); ``` -Other features that help increase performance include [Load on Demand](/features/igtreegrid-load-on-demand.mdx) and the opportunity to take local operations to the server with [Remote Features]({environment:SamplesUrl}/tree-grid/remote-features). +Other features that help increase performance include [Load on Demand](/features/igtreegrid-load-on-demand.mdx) and the opportunity to take local operations to the server with [Remote Features](\{environment:SamplesUrl\}/tree-grid/remote-features). > **Note**: The performance enhancements suggested here are best realized when using very large sets of data with the tree grid. @@ -328,14 +331,14 @@ The Filtering and Paging features are shown to include commented out option valu </html> ``` -### <a id='adding-using-CLI'></a> Initializing igTreeGrid using the {environment:ProductFamilyName} CLI -The easiest way to add a new igTreeGrid to your application is via the {environment:ProductFamilyName} CLI. +### <a id='adding-using-CLI'></a> Initializing igTreeGrid using the \{environment:ProductFamilyName\} CLI +The easiest way to add a new igTreeGrid to your application is via the \{environment:ProductFamilyName\} CLI. -To install the {environment:ProductFamilyName} CLI: +To install the \{environment:ProductFamilyName\} CLI: ``` npm install -g igniteui-cli ``` -Once the {environment:ProductFamilyName} CLI is installed the commands for generating an {environment:ProductName} project, adding a new igTreeGrid component, building and serving the project are as following: +Once the \{environment:ProductFamilyName\} CLI is installed the commands for generating an \{environment:ProductName\} project, adding a new igTreeGrid component, building and serving the project are as following: ``` ig new <project name> cd <project name> @@ -343,7 +346,7 @@ ig add tree-grid newTreeGrid ig start ``` -For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. +For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. ### <a id='mvc-treegrid'></a> Initializing a MVC igTreeGrid @@ -564,20 +567,20 @@ Press|While| To <kbd>Ctrl+Home</kbd>| A cell is selected.|Move to top left cell in the grid. <kbd>Ctrl+End</kbd>| A cell is selected.|Move to bottom right cell in the grid. -## <a id="exporting-with-CLI"></a> Exporting igTreeGrid to Excel using the {environment:ProductFamilyName} CLI -The easiest way to add a new igTreeGrid with Excel Exporting configured is via the {environment:ProductFamilyName} CLI. -To install the {environment:ProductFamilyName} CLI: +## <a id="exporting-with-CLI"></a> Exporting igTreeGrid to Excel using the \{environment:ProductFamilyName\} CLI +The easiest way to add a new igTreeGrid with Excel Exporting configured is via the \{environment:ProductFamilyName\} CLI. +To install the \{environment:ProductFamilyName\} CLI: ``` npm install -g igniteui-cli ``` -Once the {environment:ProductFamilyName} CLI is installed the commands for generating an {environment:ProductName} project, adding a new igTreeGrid component configured for Excel Exporting, building and serving the project are as following: +Once the \{environment:ProductFamilyName\} CLI is installed the commands for generating an \{environment:ProductName\} project, adding a new igTreeGrid component configured for Excel Exporting, building and serving the project are as following: ``` ig new <project name> cd <project name> ig add tree-grid-export newTreeGridExport ig start ``` - For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. + For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. ## <a id="related-content"></a> Related Content @@ -588,5 +591,5 @@ Once the {environment:ProductFamilyName} CLI is installed the commands - [Load on Demand (igTreeGrid)](/features/igtreegrid-load-on-demand.mdx): This topic explains the benefits of the `igTreeGrid` Load on Demand functionality and how it can be implemented. ### <a id="samples"></a> Samples -- [igTreeGrid Overview]({environment:SamplesUrl}/tree-grid/overview) -- [igTreeGrid Paging]({environment:SamplesUrl}/tree-grid/paging) \ No newline at end of file +- [igTreeGrid Overview](\{environment:SamplesUrl\}/tree-grid/overview) +- [igTreeGrid Paging](\{environment:SamplesUrl\}/tree-grid/paging) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igupload/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igupload/accessibility-compliance.mdx index 8d08c191a3..e2480fe9d4 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/accessibility-compliance.mdx @@ -6,7 +6,7 @@ slug: igupload-accessibility-compliance # Accessibility Compliance (igUpload) ## Upload Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. **Table 1** contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igUpload` control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. **Table 1** contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igUpload` control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igupload/jquery-api-links.mdx b/docs/jquery/src/content/en/topics/controls/igupload/jquery-api-links.mdx index 526084d486..7cfc6903cd 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/jquery-api-links.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/jquery-api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igUpload)" slug: igupload-jquery-api-links --- + +# jQuery and MVC API Links (igUpload) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igUpload) diff --git a/docs/jquery/src/content/en/topics/controls/igupload/known-issues.mdx b/docs/jquery/src/content/en/topics/controls/igupload/known-issues.mdx index d1eb8b5452..0c48c2ce3f 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/known-issues.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations (igUpload)" slug: igupload-known-issues --- + +# Known Issues and Limitations (igUpload) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations (igUpload) @@ -14,7 +17,7 @@ When using the `igUpload` control be aware of the following limitations of the c 3. The `igUpload` control doesn’t support keyboard navigation, except during tabbed navigation, then the control will gain focus on the page. When using the TAB key, you can navigate the control and its elements. 4. Uploading of large files (50kb and above) fails when PipelineMode is Classic and Trace is enabled. This is a third party issue and has been logged to Microsoft. 5. Uploading of files fails on Internet Explorer 10/11 when Windows Authentication mode is enabled and the HTTP keep-alive timeout of IE runs out (by default it's set to 120 seconds). This is a third party issue in IE. A possible workaround is to make post requests to the server over a certain period of time (for instance if keep-alive is set to 120 seconds you can trigger a request every 90 seconds after the first upload) in order to keep the connection alive. -6. The jQuery Upload control, including the {environment:ProductNameMVC} Upload, don’t have server events. You can only point the handler and the folder where it uploads all the files, but you cannot handle and delete or move the files when the upload is finished. However you do have a workaround available in the context of ASP.NET™ MVC: in the Global.asax file you can attach manually to the server-side events to perform necessary logic to accompany the upload. +6. The jQuery Upload control, including the \{environment:ProductNameMVC\} Upload, don’t have server events. You can only point the handler and the folder where it uploads all the files, but you cannot handle and delete or move the files when the upload is finished. However you do have a workaround available in the context of ASP.NET™ MVC: in the Global.asax file you can attach manually to the server-side events to perform necessary logic to accompany the upload. >**Note:** This approach is not meant to be a prescription for a best practice, but a work around to the limitation. Using the global events will fire those events for each page in the application, therefore you must make sure the code only executes in the context of the pages that are doing an upload. @@ -51,7 +54,7 @@ protected void OnFileFinishing(object sender, UploadFinishingEventArgs e) ## Dependencies -The `igUpload` control depends on the following separate {environment:ProductName}™ widgets – `igButton` `igBrowseButton`, `igProgressBar` and the ajaxQueue plugin. These widgets are included with the `igUpload` control so you have them available by default. +The `igUpload` control depends on the following separate \{environment:ProductName\}™ widgets – `igButton` `igBrowseButton`, `igProgressBar` and the ajaxQueue plugin. These widgets are included with the `igUpload` control so you have them available by default. Also, the widget uses strings defined from an external JavaScript file ig.ui.fileupload-en.js. Other language locales may be added by creating other similar files with the proper two letter language suffix. diff --git a/docs/jquery/src/content/en/topics/controls/igupload/overview.mdx b/docs/jquery/src/content/en/topics/controls/igupload/overview.mdx index 4d6a913b92..508c117464 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/overview.mdx @@ -6,7 +6,7 @@ slug: igupload-overview # igUpload Overview ## About igUpload -The {environment:ProductName}™ upload control, or `igUpload`, is a control that allows you to upload any types of files, sending them from the client browser to the server. The size of the uploaded files can be restricted only by server limitations, so you can upload large files with size more than default 10MB. +The \{environment:ProductName\}™ upload control, or `igUpload`, is a control that allows you to upload any types of files, sending them from the client browser to the server. The size of the uploaded files can be restricted only by server limitations, so you can upload large files with size more than default 10MB. The upload control is able to handle single uploads (default) or simultaneous multiple file upload operations. To facilitate multiple uploads, the control uses an HTML iframe element to upload files in the background. When the file is uploaded then iframe is removed as a HTML . @@ -64,9 +64,9 @@ This sample demonstrates a basic upload scenario in Single Mode, which will star ![](images/igUpload_Overview_02.png) -[igUpload Single Upload Sample]({environment:SamplesUrl}/file-upload/basic-usage) +[igUpload Single Upload Sample](\{environment:SamplesUrl\}/file-upload/basic-usage) -1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. **In HTML:** @@ -101,7 +101,7 @@ This sample demonstrates a basic upload scenario in Single Mode, which will star <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/infragistics.core.js")"></script><script type="text/javascript" src="@Url.Content("~/Scripts/Samples/infragistics.lob.js")"></script> ``` -3. For jQuery implementations, define a DIV as the target element in HTML. This step is optional for ASP.NET MVC implementations as the {environment:ProductNameMVC} creates the containing element for you. +3. For jQuery implementations, define a DIV as the target element in HTML. This step is optional for ASP.NET MVC implementations as the \{environment:ProductNameMVC\} creates the containing element for you. **In HTML:** @@ -158,7 +158,7 @@ This sample demonstrates a basic upload scenario in Single Mode, which will star 5. Next you must configure the server-side HTTP Handler and Module. ## Configuring the HTTP Handler and Module for ASP.NET -The required HTTP handler and Module are part of the `Infragistics.Web.MVC dll` as well as the {environment:ProductNameMVC}. Follow the steps below to register them in the Web.config file. +The required HTTP handler and Module are part of the `Infragistics.Web.MVC dll` as well as the \{environment:ProductNameMVC\}. Follow the steps below to register them in the Web.config file. 1. To get started, first you must create folder with write permissions, where the uploaded files will be saved. Then you have to register that folder in the Web.config file (see the code below), so that the `igUpload` knows where to save the files. For the current example the folder is called Uploads. 2. You can restrict the size of the uploaded files by setting the `maxFileSizeLimit` setting. In this sample this size is about 100 MB. @@ -239,9 +239,9 @@ The required HTTP handler and Module are part of the `Infragistics.Web.MVC dll` ## Related Links -- [igUpload Single Upload Sample]({environment:SamplesUrl}/file-upload/basic-usage) -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [igUpload Single Upload Sample](\{environment:SamplesUrl\}/file-upload/basic-usage) +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) - [igUpload HTTP Handler and Module](./01_Working with igUpload/01_igUpload_Using_HTTP_Handler_and_Modules.mdx) - [igUpload Client-side events](./01_Working with igUpload/02_igUpload_Using_Client_Side_Events.mdx) - [igUpload Server-side events in ASP.NET MVC ](./01_Working with igUpload/03_igUpload_Using_Server_Side_Events.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igupload/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igupload/styling-and-theming.mdx index 4dc3679d52..bfa65226aa 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/styling-and-theming.mdx @@ -9,7 +9,7 @@ This topic demonstrates how to customize the `igUpload` control to achieve a cus ## Required CSS and Themes -The {environment:ProductName}™ `igUpload`, like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in {environment:ProductName} are custom jQuery UI themes called Infragistics and Metro. These themes provide a professional and attractive design to all Infragistics and standard jQuery UI widgets. +The \{environment:ProductName\}™ `igUpload`, like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in \{environment:ProductName\} are custom jQuery UI themes called Infragistics and Metro. These themes provide a professional and attractive design to all Infragistics and standard jQuery UI widgets. In addition to the Infragistics and Metro themes, there is a structure directory, which is required for the basic CSS layout of the Infragistics widgets. @@ -189,8 +189,8 @@ If there are file extension icons with more than one set default property then t - [jQuery UI CSS Framework](http://docs.jquery.com/UI/Theming/API) ## Related Links -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/configuring-igupload.mdx b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/configuring-igupload.mdx index dd9e9b4702..37ca4b3bb4 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/configuring-igupload.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/configuring-igupload.mdx @@ -2,6 +2,9 @@ title: "Configuring igUpload" slug: igupload-configuring-igupload --- + +# Configuring igUpload + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igUpload @@ -491,8 +494,8 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Single Upload]({environment:SamplesUrl}/file-upload/basic-usage): This sample demonstrates setting up `igUpload`’s auto-start upload option. +- [Single Upload](\{environment:SamplesUrl\}/file-upload/basic-usage): This sample demonstrates setting up `igUpload`’s auto-start upload option. -- [Multiple Upload]({environment:SamplesUrl}/file-upload/multiple-upload): This sample demonstrates configuring `igUpload` to upload multiple files. +- [Multiple Upload](\{environment:SamplesUrl\}/file-upload/multiple-upload): This sample demonstrates configuring `igUpload` to upload multiple files. -- [Progress Information]({environment:SamplesUrl}/file-upload/progress-information): This sample demonstrates setting up the maximum number of uploaded files and the maximum simultaneous file uploads for the `igUpload` control. \ No newline at end of file +- [Progress Information](\{environment:SamplesUrl\}/file-upload/progress-information): This sample demonstrates setting up the maximum number of uploaded files and the maximum simultaneous file uploads for the `igUpload` control. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/saving-files-as-stream.mdx b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/saving-files-as-stream.mdx index 59f4908e53..7daf96c78b 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/saving-files-as-stream.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/saving-files-as-stream.mdx @@ -46,9 +46,9 @@ This topic contains the following sections: When uploading files, you typically want to process them on the server. For example, you may want to save them to a database or to compress them before saving them to a file system. -To enable the processing of the uploading files, you need to enable the {environment:ProductNameMVC} `Upload`’s HTTP module. To enable that module, you must register it in the project’s web.config file. The exact configuration varies depending of the installed Internet Information Services (IIS) version. +To enable the processing of the uploading files, you need to enable the \{environment:ProductNameMVC\} `Upload`’s HTTP module. To enable that module, you must register it in the project’s web.config file. The exact configuration varies depending of the installed Internet Information Services (IIS) version. -To upload and process files correctly, the `igUpload` control needs some pieces of data about the files and the upload process, like the file size and the upload status and progress. To allow this data exchange, you must enable the {environment:ProductNameMVC} `Upload`’s HTTP handler. To enable that handler, you must register it in the project’s web.config file. The exact configuration varies depending of the installed Internet Information Services (IIS) version. +To upload and process files correctly, the `igUpload` control needs some pieces of data about the files and the upload process, like the file size and the upload status and progress. To allow this data exchange, you must enable the \{environment:ProductNameMVC\} `Upload`’s HTTP handler. To enable that handler, you must register it in the project’s web.config file. The exact configuration varies depending of the installed Internet Information Services (IIS) version. The `igUpload` control can work without any application settings explicitly defined. It is a good practice however to always configure things like: @@ -83,9 +83,9 @@ Following are the general conceptual steps for saving files as stream. ## <a id="file-processing-overview"></a>File Processing Overview ### <a id="file-processing-summary"></a>File processing summary -The {environment:ProductNameMVC} `Upload` provides the following ways to process uploaded files depending on whether files are processed on demand while uploading or after they are saved to a temporary file on the server: +The \{environment:ProductNameMVC\} `Upload` provides the following ways to process uploaded files depending on whether files are processed on demand while uploading or after they are saved to a temporary file on the server: -- File stream processing – the uploaded files are first saved as temporary files by the {environment:ProductNameMVC} `Upload`'s HTTP module. You can process the files after the files are saved. Use this mode when you want to save the files on the server file system. +- File stream processing – the uploaded files are first saved as temporary files by the \{environment:ProductNameMVC\} `Upload`'s HTTP module. You can process the files after the files are saved. Use this mode when you want to save the files on the server file system. - Memory stream processing – the uploaded files can be processed on demand either during the upload (and then saved) or after they are uploaded to memory. Use this mode when you need a finer control over the upload process (When you want, for instance, to compress the file before saving it to the disk or to save it to a database.) ### <a id="file-stream-processing"></a>File stream processing @@ -96,7 +96,7 @@ If `UploadFinishing` event is not handled, then the temporary file is renamed to ### <a id="memory-stream-processing"></a>Memory stream processing -When using memory stream processing, files are uploaded to `MemoryStream` objects that you can process manually. The {environment:ProductNameMVC} `Upload` component offers the following approaches to uploading to `MemoryStream` objects (based on which events you’re handling and how you process those events.): +When using memory stream processing, files are uploaded to `MemoryStream` objects that you can process manually. The \{environment:ProductNameMVC\} `Upload` component offers the following approaches to uploading to `MemoryStream` objects (based on which events you’re handling and how you process those events.): - (Recommended) Process each chunk individually. @@ -104,7 +104,7 @@ When using memory stream processing, files are uploaded to `MemoryStream` object - Manual processing of the file chunks - If you want to process the file chunks manually, you need to cancel the FileUploading event. In such cases, the {environment:ProductNameMVC} `Upload` will not append the chunk into an internal MemoryStream object. This approach is covered in detail in [Saving Files as Memory Stream by Processing Each Uploaded Chunk of the File Individually – Procedure](#procedure) + If you want to process the file chunks manually, you need to cancel the FileUploading event. In such cases, the \{environment:ProductNameMVC\} `Upload` will not append the chunk into an internal MemoryStream object. This approach is covered in detail in [Saving Files as Memory Stream by Processing Each Uploaded Chunk of the File Individually – Procedure](#procedure) - Automatic processing of the file chunks @@ -132,7 +132,7 @@ Following are the general requirements for saving file as memory stream by proce - Microsoft® Visual Studio® 2010 or later - ASP.NET MVC 2 or higher -- Infragistics {environment:ProductName}® 13.1 or higher +- Infragistics \{environment:ProductName\}® 13.1 or higher ### <a id="procedure-prerequisites"></a>Prerequisites @@ -141,7 +141,7 @@ Following are the general requirements for saving file as memory stream by proce - The following scripts added to the `<project folder>/Views/Shared/_Layout.cshtml` file - `<project folder>/Scripts/jquery-1.5.1.min.js` - `<project folder>/Scripts/jquery-ui-1.8.11.min.js` -- Infragistics {environment:ProductName} scripts included in the project and properly referenced +- Infragistics \{environment:ProductName\} scripts included in the project and properly referenced - The scripts must reside in `<project folder>`Infragistics folder. - The scripts must be referenced in the head tag of the `<project folder>/Views/Shared/_Layout.cshtml` file (The file is available as part of the project.): @@ -181,13 +181,13 @@ Following is a conceptual overview of the process: The following steps demonstrate how to upload file as memory stream. -1. <a id="http-module"></a>Configure the {environment:ProductNameMVC} `Upload`’s HTTP module. +1. <a id="http-module"></a>Configure the \{environment:ProductNameMVC\} `Upload`’s HTTP module. Enable the HTTP module by registering it in the project’s web.config file: - Configuration for Internet Information Services (IIS) 6 - To configure IIS 6, in the <system.web> section, under the `<httpModules>` section of the web.config file, register the {environment:ProductNameMVC} `Upload`’s HTTP module. + To configure IIS 6, in the <system.web> section, under the `<httpModules>` section of the web.config file, register the \{environment:ProductNameMVC\} `Upload`’s HTTP module. **In XML:** @@ -201,7 +201,7 @@ The following steps demonstrate how to upload file as memory stream. - Configuration for IIS 7 - To configure IIS 7, in the `<system.webServer>` section, under the `<modules>` section of the web.config file, register the {environment:ProductNameMVC} `Upload`’s HTTP module. + To configure IIS 7, in the `<system.webServer>` section, under the `<modules>` section of the web.config file, register the \{environment:ProductNameMVC\} `Upload`’s HTTP module. **In XML:** @@ -214,13 +214,13 @@ The following steps demonstrate how to upload file as memory stream. </system.webServer> ``` -2. <a id="http-handler"></a>Configure the {environment:ProductNameMVC} `Upload`’s HTTP handler. +2. <a id="http-handler"></a>Configure the \{environment:ProductNameMVC\} `Upload`’s HTTP handler. Enable the HTTP module by registering it in the project’s web.config file: - Configuration for IIS 6 - To configure IIS 6, in the `<system.web>` section, under the `<httpHandlers>` section of the web.config file, register the {environment:ProductNameMVC} `Upload`’s HTTP handler. + To configure IIS 6, in the `<system.web>` section, under the `<httpHandlers>` section of the web.config file, register the \{environment:ProductNameMVC\} `Upload`’s HTTP handler. **In XML:** @@ -235,7 +235,7 @@ The following steps demonstrate how to upload file as memory stream. - Configuration for IIS 7 - To configure IIS 7, in the `<system.webServer>` section, under the `<handlers>` section of the web.config file, register the {environment:ProductNameMVC} `Upload`’s HTTP handler. + To configure IIS 7, in the `<system.webServer>` section, under the `<handlers>` section of the web.config file, register the \{environment:ProductNameMVC\} `Upload`’s HTTP handler. **In XML:** @@ -248,7 +248,7 @@ The following steps demonstrate how to upload file as memory stream. </system.webServer> ``` -3. <a id="application-settings"></a>Configure {environment:ProductNameMVC} `Upload`’s application settings. +3. <a id="application-settings"></a>Configure \{environment:ProductNameMVC\} `Upload`’s application settings. Configure the application settings. diff --git a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-client-side-events.mdx b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-client-side-events.mdx index 019ac936c6..ed34503271 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-client-side-events.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-client-side-events.mdx @@ -7,7 +7,7 @@ slug: igupload-using-client-side-events The `igUpload` control exposes a rich client-side API featuring a number of events. There are seven different client-side events, which are fired either while the user is interacting with the control or during the upload process. -This topic demonstrates how to attach to client-side event handlers to `igUpload` using basic jQuery version as well as using the {environment:ProductNameMVC} Upload. Further, this document details the associated event arguments as well as describing each event. +This topic demonstrates how to attach to client-side event handlers to `igUpload` using basic jQuery version as well as using the \{environment:ProductNameMVC\} Upload. Further, this document details the associated event arguments as well as describing each event. ## Attach to Client-Side Event in jQuery When the basic `igUpload` jQuery widget is used, the handlers to the events are defined the same way as a jQuery UI option. @@ -26,10 +26,10 @@ $(window).load(function () { }); ``` -## Attach to Client-Side Event Using the {environment:ProductNameMVC} -By default the {environment:ProductNameMVC} don’t support defining the event handlers in the context of the MVC Helper syntax. Event binding is again set up using jQuery. +## Attach to Client-Side Event Using the \{environment:ProductNameMVC\} +By default the \{environment:ProductNameMVC\} don’t support defining the event handlers in the context of the MVC Helper syntax. Event binding is again set up using jQuery. -1. First, instantiate an instance of the {environment:ProductNameMVC} `Upload`. +1. First, instantiate an instance of the \{environment:ProductNameMVC\} `Upload`. In ASPX: @@ -60,7 +60,7 @@ By default the {environment:ProductNameMVC} don’t support defining t This sample demonstrates how to utilize the igUpload's events and methods: <div class="embed-sample"> - [API and Events]({environment:SamplesEmbedUrl}/file-upload/api-events) + [API and Events](\{environment:SamplesEmbedUrl\}/file-upload/api-events) </div> @@ -136,8 +136,8 @@ Value |Description 8 |Error thrown when trying to check if the file could be canceled and `maxSimultaneousFilesUploads` Is less or equal to 0 ## Related Links -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-http-handler-and-modules.mdx b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-http-handler-and-modules.mdx index 44841c0ac9..4a7267a484 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-http-handler-and-modules.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-http-handler-and-modules.mdx @@ -4,8 +4,9 @@ slug: igupload-using-http-handler-and-modules --- # Using the HTTP Handler and Module (igUpload) + -To facilitate uploads with the `igUpload` control you must implement server logic to process and save the uploaded data. The client-only `igUpload` works with any number of different server technologies, {environment:ProductName}™ includes a server-side implementation using ASP.NET. This topic demonstrates how to configure a HTTP Module and HTTP Handler to process the server events necessary to accept the uploaded data. +To facilitate uploads with the `igUpload` control you must implement server logic to process and save the uploaded data. The client-only `igUpload` works with any number of different server technologies, \{environment:ProductName\}™ includes a server-side implementation using ASP.NET. This topic demonstrates how to configure a HTTP Module and HTTP Handler to process the server events necessary to accept the uploaded data. ## HTTP Module An HttpModule may be configured to manage the file upload process. It implements the .NET IHttpModule interface so that it plugs into the HTTP Request process. Therefore all the requests, even those that are not coming from the upload control, pass through HttpModule. That’s why HttpModule filters the requests that are relevant only to the upload control. @@ -131,8 +132,8 @@ Value | Description 10 | Error set when file upload is cancelled on start uploading in event handler ## Related Links -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) - [igUpload Overview](/igupload-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx index 2adc1b09be..96b2924c8b 100644 --- a/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx +++ b/docs/jquery/src/content/en/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx @@ -2,6 +2,9 @@ title: "Using Server-Side Events in ASP.NET MVC (igUpload)" slug: igupload-using-server-side-events --- + +# Using Server-Side Events in ASP.NET MVC (igUpload) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Using Server-Side Events in ASP.NET MVC (igUpload) @@ -204,8 +207,8 @@ After uploading a file that does not meet the requirements, the custom error mes ![](images/igUpload_CustomErrorMessage.png) ## Related Links -- [{environment:ProductName} Overview](///igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [\{environment:ProductName\} Overview](///igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](///general-and-getting-started/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igvalidator/migration-topic.mdx b/docs/jquery/src/content/en/topics/controls/igvalidator/migration-topic.mdx index e2a324cf19..70a8e00e3d 100644 --- a/docs/jquery/src/content/en/topics/controls/igvalidator/migration-topic.mdx +++ b/docs/jquery/src/content/en/topics/controls/igvalidator/migration-topic.mdx @@ -2,11 +2,14 @@ title: "Migrating to the new igValidator control" slug: igvalidator-migration-topic --- + +# Migrating to the new igValidator control + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Migrating to the new igValidator control -With the 15.2 release of {environment:ProductName}™ we introduce a new reworked `igValidator` control, with a new design, focused on ease of use and improved UX experience. This control uses the new `igNotifier` control to display error messages. +With the 15.2 release of \{environment:ProductName\}™ we introduce a new reworked `igValidator` control, with a new design, focused on ease of use and improved UX experience. This control uses the new `igNotifier` control to display error messages. ## Topic overview This topic aims to help migrating from the old validator to the new one. diff --git a/docs/jquery/src/content/en/topics/controls/igvalidator/overview.mdx b/docs/jquery/src/content/en/topics/controls/igvalidator/overview.mdx index 52636f5292..7a81844ee3 100644 --- a/docs/jquery/src/content/en/topics/controls/igvalidator/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igvalidator/overview.mdx @@ -2,6 +2,9 @@ title: "igValidator Overview" slug: igvalidator-overview --- + +# igValidator Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igValidator Overview @@ -29,9 +32,9 @@ The whole list of the `igValidator` options can be found in the <ApiLink type="i ## <a id="setting-up"></a> Setting up the igValidator -The validator control can be configured independently on one or multiple targets (fields) or as an integrated part of the supported {environment:ProductName} controls - Editors, Combo and Rating. It possesses plenty of options which allows you to customize and configure this control corresponding to your needs. +The validator control can be configured independently on one or multiple targets (fields) or as an integrated part of the supported \{environment:ProductName\} controls - Editors, Combo and Rating. It possesses plenty of options which allows you to customize and configure this control corresponding to your needs. -### Configuring from other {environment:ProductName} controls +### Configuring from other \{environment:ProductName\} controls ```html <div id="textEditor"></div> @@ -127,7 +130,7 @@ $("#rating").igRating({ }); ``` -> **Note:** Both standalone configurations support fields enhanced with {environment:ProductName} Editor controls, however they must be initialized in advance for the validator to discover and handle them correctly. In case the timing cannot be controlled and the validator is initialized before other control(s) the <ApiLink type="igvalidator" member="updateField" section="methods" label="updateField" /> method can be used to update that field in the validator. +> **Note:** Both standalone configurations support fields enhanced with \{environment:ProductName\} Editor controls, however they must be initialized in advance for the validator to discover and handle them correctly. In case the timing cannot be controlled and the validator is initialized before other control(s) the <ApiLink type="igvalidator" member="updateField" section="methods" label="updateField" /> method can be used to update that field in the validator. ## <a id="triggers"></a> Validation triggers @@ -163,7 +166,7 @@ For detailed information for each rule, refer to the [**Validation Rules topic** ## <a id="mvc-annotations"></a> ASP.NET MVC and Data Annotations -To setup a validator in ASP.NET MVC using {environment:ProductNameMVC} Helper [Validator()](Infragistics.Web.Mvc~Infragistics.Web.Mvc.InfragisticsSuite`1~Validator().html) extension can be used: +To setup a validator in ASP.NET MVC using \{environment:ProductNameMVC\} Helper [Validator()](Infragistics.Web.Mvc~Infragistics.Web.Mvc.InfragisticsSuite`1~Validator().html) extension can be used: **In Razor:** ```csharp @@ -172,7 +175,7 @@ To setup a validator in ASP.NET MVC using {environment:ProductNameMVC} .Required(true) .Render()) ``` -The helper can also be initialized with an [ValidatorModel](Infragistics.Web.Mvc~Infragistics.Web.Mvc.ValidatorModel.html). Model properties and {environment:ProductNameMVC} methods follow the jQuery API of the control as closely as possible. +The helper can also be initialized with an [ValidatorModel](Infragistics.Web.Mvc~Infragistics.Web.Mvc.ValidatorModel.html). Model properties and \{environment:ProductNameMVC\} methods follow the jQuery API of the control as closely as possible. Besides configuring the validator through the dedicated helper, when using strongly-typed editors the Model will be automatically inspected for Data Annotations and the appropriate validation rules and their messages will be added to the control configuration. Additionally, the [ValidatorOptions()](Infragistics.Web.Mvc~Infragistics.Web.Mvc.BaseEditorWrapper`2~ValidatorOptions.html) helper method can still be used to add or override rules. @@ -180,6 +183,6 @@ For a step-by-step guide please refer to the [Configuring ASP.NET MVC Validation ## <a id="related-content"></a> Related Content -- [Validator Overview Sample]({environment:SamplesUrl}/validator/overview) -- [Data Annotation Validation Sample]({environment:SamplesUrl}/editors/data-annotation-validation) +- [Validator Overview Sample](\{environment:SamplesUrl\}/validator/overview) +- [Data Annotation Validation Sample](\{environment:SamplesUrl\}/editors/data-annotation-validation) - <ApiLink type="igValidator" label="igValidator jQuery API" /> diff --git a/docs/jquery/src/content/en/topics/controls/igvalidator/validation-rules.mdx b/docs/jquery/src/content/en/topics/controls/igvalidator/validation-rules.mdx index 7c96899129..28bd8c2b30 100644 --- a/docs/jquery/src/content/en/topics/controls/igvalidator/validation-rules.mdx +++ b/docs/jquery/src/content/en/topics/controls/igvalidator/validation-rules.mdx @@ -2,6 +2,9 @@ title: "Validation Rules" slug: igvalidator-validation-rules --- + +# Validation Rules + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Validation Rules @@ -197,7 +200,7 @@ $('#editor').igValidator({ ### <a id="equals"></a> EqualsTo -The <ApiLink type="igValidator" member="equalTo" section="options" label="equalTo" /> validation requires the value of the target and another field to be the same. The selector for the other field can point to different types of input and including elements on which other supported {environment:ProductName} editor controls are initialized. This check is performed based on the `igValidator` triggers where the rule is defined. +The <ApiLink type="igValidator" member="equalTo" section="options" label="equalTo" /> validation requires the value of the target and another field to be the same. The selector for the other field can point to different types of input and including elements on which other supported \{environment:ProductName\} editor controls are initialized. This check is performed based on the `igValidator` triggers where the rule is defined. Can be configured with a valid jQuery selector/reference or and object with `selector` option additional message: @@ -320,7 +323,7 @@ The `$.ui.igValidator.defaults` holds the global defaults used by all instances - `thousandsSeparator` Default decimal thousands (",") to use when no explicit number option property is defined - `emailRegEx` Default email checking RegExp object matching the [HTML5 specification for email input](https://www.w3.org/TR/html5/forms.html#e-mail-state-(type=email). -To globally override one of those settings set the property after loading the required {environment:ProductName} resources and before initializing the `igValidator` control. +To globally override one of those settings set the property after loading the required \{environment:ProductName\} resources and before initializing the `igValidator` control. ```js // override default thousands separator: @@ -329,5 +332,5 @@ $.ui.igValidator.defaults.thousandsSeparator = ""; ## <a id="related-content"></a> Related Content -- [Validator Overview Sample]({environment:SamplesUrl}/validator/overview) +- [Validator Overview Sample](\{environment:SamplesUrl\}/validator/overview) - <ApiLink type="igValidator" label="igValidator jQuery API" /> \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/controls/igvideoplayer/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igvideoplayer/accessibility-compliance.mdx index 6a6734b2f9..f9e7611a05 100644 --- a/docs/jquery/src/content/en/topics/controls/igvideoplayer/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igvideoplayer/accessibility-compliance.mdx @@ -6,7 +6,7 @@ slug: igvideoplayer-accessibility-compliance # Accessibility Compliance (igVideoPlayer) ## Video Player Accessibility Compliance -All of the {environment:ProductName}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the video player control complies with each rule. +All of the \{environment:ProductName\}™ controls and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. Table 1 contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the video player control complies with each rule. To meet the requirements each accessibility rule, in some cases, you may need to interact with the control by to setting a specific property, but in other cases the control does the work for you. diff --git a/docs/jquery/src/content/en/topics/controls/igvideoplayer/jquery-api.mdx b/docs/jquery/src/content/en/topics/controls/igvideoplayer/jquery-api.mdx index 8d9bebb8a5..9c52169851 100644 --- a/docs/jquery/src/content/en/topics/controls/igvideoplayer/jquery-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igvideoplayer/jquery-api.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igVideoPlayer)" slug: igvideoplayer-jquery-api --- + +# jQuery and MVC API Links (igVideoPlayer) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igVideoPlayer) diff --git a/docs/jquery/src/content/en/topics/controls/igvideoplayer/overview.mdx b/docs/jquery/src/content/en/topics/controls/igvideoplayer/overview.mdx index 241134d306..a2f9ed5c54 100644 --- a/docs/jquery/src/content/en/topics/controls/igvideoplayer/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igvideoplayer/overview.mdx @@ -6,7 +6,7 @@ slug: igvideoplayer-overview # igVideoPlayer Overview ## About the Video Player -The {environment:ProductName}™ Video Player, or `igVideoPlayer`, is an HTML 5 video player, which renders video on a web page with a robust, cross-browser user interface. The video player is built using the HTML 5 video tag and the jQuery UI framework providing users with a fast-loading, rich multimedia experience without the need for installing and maintaining browser plugins. +The \{environment:ProductName\}™ Video Player, or `igVideoPlayer`, is an HTML 5 video player, which renders video on a web page with a robust, cross-browser user interface. The video player is built using the HTML 5 video tag and the jQuery UI framework providing users with a fast-loading, rich multimedia experience without the need for installing and maintaining browser plugins. When using the video player, you can choose from several implementation options. The video player exposes a rich jQuery API, which can be configured without the use of any specific server backend. Also, developers using the Microsoft® ASP.NET MVC framework can leverage the video player’s server-side helper to configure the control with their .NET™ language of choice. @@ -14,7 +14,7 @@ Styling the `igVideoPlayer` provides a consistent appearance across supported br **Figure 1: igVideoPlayer with player controls** -[![Running Sample](images/VideoPlayer_Overview_01.png)]({environment:SamplesUrl}/video-player/basic-usage) +[![Running Sample](images/VideoPlayer_Overview_01.png)](\{environment:SamplesUrl\}/video-player/basic-usage) ## Features - Uses the HTML 5 video tag to render video without the need for browser plugins @@ -30,13 +30,13 @@ Styling the `igVideoPlayer` provides a consistent appearance across supported br ## Adding igVideoPlayer to a Web Page The following steps demonstrate how to create a basic implementation of the video player on a web page using either jQuery client code or ASP.NET MVC server code. ->**Note:** To read more about which implementation to choose, see [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx). +>**Note:** To read more about which implementation to choose, see [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx). **Figure 2: igVideoPlayer showing initial video player view** -[![Running Sample](images/VideoPlayer_Overview_02.png)]({environment:SamplesUrl}/video-player/basic-usage) +[![Running Sample](images/VideoPlayer_Overview_02.png)](\{environment:SamplesUrl\}/video-player/basic-usage) -1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. +1. To get started, include the required and localized resources for your application. Details on which resources to include can be found in the [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) help topic. 2. On your HTML page or ASP.NET MVC View, reference the required JavaScript files, CSS files, and ASP.NET MVC assemblies. **Listing 1: CSS and JavaScript references for igVideoPlayer** @@ -89,7 +89,7 @@ The following steps demonstrate how to create a basic implementation of the vide <script src="@Url.Content("~/scripts/infragistics.lob.js")" type="text/javascript"></script> ``` -3. For jQuery implementations, define a div or video as the target element in HTML. This step is optional for ASP.NET MVC implementations as the {environment:ProductNameMVC} creates the containing element for you. +3. For jQuery implementations, define a div or video as the target element in HTML. This step is optional for ASP.NET MVC implementations as the \{environment:ProductNameMVC\} creates the containing element for you. **Listing 4: Base DIV element defined for use with igVideoPlayer** @@ -241,10 +241,10 @@ The following steps demonstrate how to create a basic implementation of the vide 6. Finally, run the web page in an HTML 5 - compliant browser and the video player will load the video selection. ## Related Links -- [igVideoPlayer Basic Usage Samples]({environment:SamplesUrl}/video-player/basic-usage) -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resources in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [JavaScript Files in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-files.mdx) +- [igVideoPlayer Basic Usage Samples](\{environment:SamplesUrl\}/video-player/basic-usage) +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [JavaScript Files in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-files.mdx) - [igVideoPlayer Working with HTML5 Video](/igvideoplayer-working-with-html5-video.mdx) diff --git a/docs/jquery/src/content/en/topics/controls/igvideoplayer/styling-and-theming.mdx b/docs/jquery/src/content/en/topics/controls/igvideoplayer/styling-and-theming.mdx index 26b00995ae..9c093f5339 100644 --- a/docs/jquery/src/content/en/topics/controls/igvideoplayer/styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/controls/igvideoplayer/styling-and-theming.mdx @@ -5,15 +5,14 @@ slug: igvideoplayer-styling-and-theming # Styling and Theming (igVideoPlayer) - ## Required CSS and Themes -When you decide to use the jQuery Video Player™ control in your web application the most common issue you will face is making the Video Player control look and feel according to your application’s style. You can achieve this using the following information about styling and theming for the video player in particular and in broader terms for the client UI controls available in the {environment:ProductName}™ package. +When you decide to use the jQuery Video Player™ control in your web application the most common issue you will face is making the Video Player control look and feel according to your application’s style. You can achieve this using the following information about styling and theming for the video player in particular and in broader terms for the client UI controls available in the \{environment:ProductName\}™ package. -The `igVideoPlayer` control, like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in {environment:ProductName} is a custom jQuery UI theme called ‘IG Theme’. This theme provides a professional and attractive design to all Infragistics and standard jQuery UI widgets. +The `igVideoPlayer` control, like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in \{environment:ProductName\} is a custom jQuery UI theme called ‘IG Theme’. This theme provides a professional and attractive design to all Infragistics and standard jQuery UI widgets. ### Required CSS and Themes -The {environment:ProductName}™ videoplayer, like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in {environment:ProductName} are custom jQuery UI themes called Infragistics and Metro. These themes provide a professional and attractive design to all Infragistics and standard jQuery UI widgets. +The \{environment:ProductName\}™ videoplayer, like other jQuery widgets, utilizes the jQuery UI CSS Framework for styling. Included in \{environment:ProductName\} are custom jQuery UI themes called Infragistics and Metro. These themes provide a professional and attractive design to all Infragistics and standard jQuery UI widgets. In addition to the Infragistics and Metro themes, there is a structure directory, which is required for the basic CSS layout of the Infragistics widgets. diff --git a/docs/jquery/src/content/en/topics/controls/igvideoplayer/working-with-html5-video.mdx b/docs/jquery/src/content/en/topics/controls/igvideoplayer/working-with-html5-video.mdx index 7ce74f1f26..7c487e2257 100644 --- a/docs/jquery/src/content/en/topics/controls/igvideoplayer/working-with-html5-video.mdx +++ b/docs/jquery/src/content/en/topics/controls/igvideoplayer/working-with-html5-video.mdx @@ -2,6 +2,9 @@ title: "Working with HTML5 Video (igVideoPlayer)" slug: igvideoplayer-working-with-html5-video --- + +# Working with HTML5 Video (igVideoPlayer) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Working with HTML5 Video (igVideoPlayer) diff --git a/docs/jquery/src/content/en/topics/controls/igzoombar/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/controls/igzoombar/accessibility-compliance.mdx index afd3457aa7..c41c7ce66b 100644 --- a/docs/jquery/src/content/en/topics/controls/igzoombar/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/controls/igzoombar/accessibility-compliance.mdx @@ -22,7 +22,7 @@ The following topics are prerequisites to understanding this topic: ## Accessibility Compliance Reference ### Introduction -All of the {environment:ProductName}® and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igZoombar` control complies with each rule. +All of the \{environment:ProductName\}® and components comply with Section 508, Subpart 1194.22 of the Rehabilitation Act of 1973. The table below contains the specific rules of Subpart 1194.22 that pertain to the control. Also detailed is how the `igZoombar` control complies with each rule. To meet the requirements for each accessibility rule, in some cases, you may need to interact with the control by setting a specific option, but, in other cases, the control does the work for you. @@ -42,7 +42,7 @@ Rules | Rule Text | How We Comply The following topics provide additional information related to this topic. -- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for accessibility compliance of all {environment:ProductName} controls. +- [Accessibility Compliance](//general-and-getting-started/accessibility-compliance.mdx): This topic provides reference information for accessibility compliance of all \{environment:ProductName\} controls. diff --git a/docs/jquery/src/content/en/topics/controls/igzoombar/adding-igzoombar.mdx b/docs/jquery/src/content/en/topics/controls/igzoombar/adding-igzoombar.mdx index 85096ea037..4f9cb08f65 100644 --- a/docs/jquery/src/content/en/topics/controls/igzoombar/adding-igzoombar.mdx +++ b/docs/jquery/src/content/en/topics/controls/igzoombar/adding-igzoombar.mdx @@ -2,6 +2,9 @@ title: "Adding igZoombar" slug: adding-igzoombar --- + +# Adding igZoombar + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igZoombar @@ -50,7 +53,7 @@ The following table gives a brief conceptual summary on how to add the `igZoomba | To enable igZoombar in… | Do this… | | --- | --- | | JavaScript | Create and instance of `igZoombar` control and attach it to the `igDataChart` control using the <ApiLink type="igzoombar" member="target" section="options" label="target" /> option. | -| ASP.NET MVC | In the View, use the {environment:ProductNameMVC} and call its [Zoombar](Infragistics.Web.Mvc~Infragistics.Web.Mvc.InfragisticsSuite`1~Zoombar.html) method which returns the `ZoombarWrapper` object. Attach the `ZoombarWrapper` object to an igDataChart control using its [Target](Infragistics.Web.Mvc~Infragistics.Web.Mvc.ZoombarWrapper~Target.html) method. Finally, call the [ZoombarWrapper.Render](Infragistics.Web.Mvc~Infragistics.Web.Mvc.ZoombarWrapper~Render.html) method. **Note:** There is no need to define placeholders in the HTML page. They will be created automatically by the {environment:ProductNameMVC}. | +| ASP.NET MVC | In the View, use the \{environment:ProductNameMVC\} and call its [Zoombar](Infragistics.Web.Mvc~Infragistics.Web.Mvc.InfragisticsSuite`1~Zoombar.html) method which returns the `ZoombarWrapper` object. Attach the `ZoombarWrapper` object to an igDataChart control using its [Target](Infragistics.Web.Mvc~Infragistics.Web.Mvc.ZoombarWrapper~Target.html) method. Finally, call the [ZoombarWrapper.Render](Infragistics.Web.Mvc~Infragistics.Web.Mvc.ZoombarWrapper~Render.html) method. **Note:** There is no need to define placeholders in the HTML page. They will be created automatically by the \{environment:ProductNameMVC\}. | ## <a id="code-example"></a>Adding igZoombar – Code Examples @@ -91,7 +94,7 @@ $("#zoombar").igZoombar({ ## <a id="add-in-mvc"></a>Code Example: Adding igZoombar in ASP.NET MVC ### <a id="mvc-description"></a>Description -The following code creates `igDataChart` and `igZoombar` instances in the View using the {environment:ProductNameMVC}. The `igZoombar` control is rendered with its [default configuration](./00_igZoombar_Overview.mdx#default-config). +The following code creates `igDataChart` and `igZoombar` instances in the View using the \{environment:ProductNameMVC\}. The `igZoombar` control is rendered with its [default configuration](./00_igZoombar_Overview.mdx#default-config). ### <a id="mvc-code"></a>Code @@ -127,7 +130,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Zoombar]({environment:SamplesUrl}/zoombar/financial-chart): This sample demonstrates integrating `igZoombar` in an `igDataChart` control showing financial data. +- [Basic Zoombar](\{environment:SamplesUrl\}/zoombar/financial-chart): This sample demonstrates integrating `igZoombar` in an `igDataChart` control showing financial data. diff --git a/docs/jquery/src/content/en/topics/controls/igzoombar/asp-net-mvc-helper-api.mdx b/docs/jquery/src/content/en/topics/controls/igzoombar/asp-net-mvc-helper-api.mdx index 7e75f6fc8e..8e5993fc2b 100644 --- a/docs/jquery/src/content/en/topics/controls/igzoombar/asp-net-mvc-helper-api.mdx +++ b/docs/jquery/src/content/en/topics/controls/igzoombar/asp-net-mvc-helper-api.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igZoombar)" slug: igzoombar-asp-net-mvc-helper-api --- + +# jQuery and MVC API Links (igZoombar) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igZoombar) diff --git a/docs/jquery/src/content/en/topics/controls/igzoombar/configuring-igzoombar.mdx b/docs/jquery/src/content/en/topics/controls/igzoombar/configuring-igzoombar.mdx index e9fa5d93ca..7219cd1828 100644 --- a/docs/jquery/src/content/en/topics/controls/igzoombar/configuring-igzoombar.mdx +++ b/docs/jquery/src/content/en/topics/controls/igzoombar/configuring-igzoombar.mdx @@ -2,6 +2,9 @@ title: "Configuring igZoombar" slug: configuring-igzoombar --- + +# Configuring igZoombar + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igZoombar @@ -202,7 +205,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Zoombar]({environment:SamplesUrl}/zoombar/financial-chart): This sample demonstrates integrating `igZoombar` in an `igDataChart` control showing financial data. +- [Basic Zoombar](\{environment:SamplesUrl\}/zoombar/financial-chart): This sample demonstrates integrating `igZoombar` in an `igDataChart` control showing financial data. diff --git a/docs/jquery/src/content/en/topics/controls/igzoombar/integration-with-custom-components.mdx b/docs/jquery/src/content/en/topics/controls/igzoombar/integration-with-custom-components.mdx index 0400a8437b..0748559d95 100644 --- a/docs/jquery/src/content/en/topics/controls/igzoombar/integration-with-custom-components.mdx +++ b/docs/jquery/src/content/en/topics/controls/igzoombar/integration-with-custom-components.mdx @@ -2,6 +2,9 @@ title: "igZoombar Integration with Custom Components" slug: igzoombar-using-custom-providers --- + +# igZoombar Integration with Custom Components + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igZoombar Integration with Custom Components @@ -41,7 +44,7 @@ igZoombar is designed with the ability to work with virtually every JavaScript c ## <a id="provider-structure"></a> Provider Structure -The custom provider should implement all methods available in the base class `$.ig.igZoombarProviderDefault`. It should be defined in the same namespace if only its name is passed to igZoombar (the suggested option when using the {environment:ProductNameMVC} Zoombar). +The custom provider should implement all methods available in the base class `$.ig.igZoombarProviderDefault`. It should be defined in the same namespace if only its name is passed to igZoombar (the suggested option when using the \{environment:ProductNameMVC\} Zoombar). A brief description of each method follows: diff --git a/docs/jquery/src/content/en/topics/controls/igzoombar/known-issues-and-limitations.mdx b/docs/jquery/src/content/en/topics/controls/igzoombar/known-issues-and-limitations.mdx index dad9c59c9c..afc67437ac 100644 --- a/docs/jquery/src/content/en/topics/controls/igzoombar/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/controls/igzoombar/known-issues-and-limitations.mdx @@ -2,6 +2,9 @@ title: "Known Issues And Limitations (igZoombar)" slug: igzoombar-known-issues-and-limitations --- + +# Known Issues And Limitations (igZoombar) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues And Limitations (igZoombar) diff --git a/docs/jquery/src/content/en/topics/controls/igzoombar/overview.mdx b/docs/jquery/src/content/en/topics/controls/igzoombar/overview.mdx index 0f60d7389a..c80344e2d0 100644 --- a/docs/jquery/src/content/en/topics/controls/igzoombar/overview.mdx +++ b/docs/jquery/src/content/en/topics/controls/igzoombar/overview.mdx @@ -2,6 +2,9 @@ title: "igZoombar Overview" slug: igzoombar-overview --- + +# igZoombar Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igZoombar Overview @@ -192,7 +195,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Zoombar]({environment:SamplesUrl}/zoombar/financial-chart): This sample demonstrates integrating `igZoombar` in an `igDataChart` control showing financial data. +- [Basic Zoombar](\{environment:SamplesUrl\}/zoombar/financial-chart): This sample demonstrates integrating `igZoombar` in an `igDataChart` control showing financial data. diff --git a/docs/jquery/src/content/en/topics/controls/jqueryuicomponents-landingpage.mdx b/docs/jquery/src/content/en/topics/controls/jqueryuicomponents-landingpage.mdx index 784267036b..819a2998ce 100644 --- a/docs/jquery/src/content/en/topics/controls/jqueryuicomponents-landingpage.mdx +++ b/docs/jquery/src/content/en/topics/controls/jqueryuicomponents-landingpage.mdx @@ -5,10 +5,9 @@ slug: jqueryuicomponents-landingpage # Controls - -- [Touch Support for {environment:ProductName} Controls](/general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx) +- [Touch Support for \{environment:ProductName\} Controls](/general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx) - [Getting Started](/general-and-getting-started/getting-started.mdx) -- [Using Events in {environment:ProductName}](/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) +- [Using Events in \{environment:ProductName\}](/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx) - [igBulletGraph](/igbulletgraph/igbulletgraph.mdx) - [igCombo](/igcombo/igcombo.mdx) - [igCategoryChart](/igcategorychart/landingpage.mdx) diff --git a/docs/jquery/src/content/en/topics/data-sources/data-source-components-overview.mdx b/docs/jquery/src/content/en/topics/data-sources/data-source-components-overview.mdx index ee55dad361..bf0cfd044d 100644 --- a/docs/jquery/src/content/en/topics/data-sources/data-source-components-overview.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/data-source-components-overview.mdx @@ -7,7 +7,7 @@ slug: data-source-components-overview ## Topic Overview -This topic provides a conceptual overview of the data source components available in {environment:ProductName}®. +This topic provides a conceptual overview of the data source components available in \{environment:ProductName\}®. ### Required background @@ -19,13 +19,13 @@ The following table lists the concepts and topics required as a prerequisite to **Topics** -- [{environment:ProductName} Overview](/igniteui-for-jquery-overview.mdx): This topic provides an overview of the {environment:ProductName} product. +- [\{environment:ProductName\} Overview](/igniteui-for-jquery-overview.mdx): This topic provides an overview of the \{environment:ProductName\} product. ## Introduction ### Data source components summary -The data source components available in the {environment:ProductName} suite are client-side components intended to serve as a mediator between the actual data and the visual components that visualize the data. Multiple kinds of input data are supported. {environment:ProductName} data source components fall into the following categories: +The data source components available in the \{environment:ProductName\} suite are client-side components intended to serve as a mediator between the actual data and the visual components that visualize the data. Multiple kinds of input data are supported. \{environment:ProductName\} data source components fall into the following categories: - Flat data source components (`igDataSource`™) used for feeding data-bound controls that visualize standard, ”flat” and hierarchical data (i.e. data that is not multidimensional) in the form of a regular table (grid) - Multidimensional OLAP data source components (`igOlapFlatDataSource`™, `igOlapXmlaDataSource`™) used for visualizing data as an OLAP data slice in a pivot grid. The original supplied data set at that can be either in authentic OLAP format (and fed to the `igOlapXmlaDataSource` component) or in standard “flat” data (and fed to the `igOlapFlatDataSource` component). (In the latter case, “flat” data can be visualized in a pivot grid as OLAP data.) @@ -34,18 +34,18 @@ The data source components available in the {environment:ProductName} ## Individual Data Source Components Summary ### Individual data source components summary chart -The following table provides summaries of the purpose and capabilities of the {environment:ProductName} data source components. Additional details about each component are available after the table, including links to dedicated topics about the component. +The following table provides summaries of the purpose and capabilities of the \{environment:ProductName\} data source components. Additional details about each component are available after the table, including links to dedicated topics about the component. Component | Description ---|--- -[igDataSource](/igdatasource/igdatasource.mdx) | The standard {environment:ProductName} component for binding to various kinds and sources of data. The `igDataSource` transforms source data format into a format that can be fed to data-bound controls like the `igGrid`™. +[igDataSource](/igdatasource/igdatasource.mdx) | The standard \{environment:ProductName\} component for binding to various kinds and sources of data. The `igDataSource` transforms source data format into a format that can be fed to data-bound controls like the `igGrid`™. [igOlapXmlaDataSource](/olap/xmla/igolapxmladatasource.mdx) | A component for feeding multi-dimensional (OLAP) data visualization controls with OLAP data from a Microsoft® SQL Server® Analysis Services (SSAS) server. [igOlapFlatDataSource](/olap/flat/igolapflatdatasource.mdx) | A component for feeding multi-dimensional (OLAP) data visualization controls with flat data to be presented in OLAP format. This allows for OLAP-like analysis on a flat data collection. ### igDataSource -The `igDataSource` component is the standard {environment:ProductName} component for binding to various kinds and sources of data. It serves as an intermediate layer between the data-bound controls like `igGrid` and the actual data,which can be either local (e.g. JSON, XML, JavaScript Array, etc.) or remote (REST services, WCF services, etc.). Paging, filtering, and sorting are supported, too. +The `igDataSource` component is the standard \{environment:ProductName\} component for binding to various kinds and sources of data. It serves as an intermediate layer between the data-bound controls like `igGrid` and the actual data,which can be either local (e.g. JSON, XML, JavaScript Array, etc.) or remote (REST services, WCF services, etc.). Paging, filtering, and sorting are supported, too. #### Related Topics @@ -90,11 +90,11 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [XML Binding]({environment:SamplesUrl}/data-source/xml-binding): This sample demonstrates how to bind our jQuery Data Source component to XML data. +- [XML Binding](\{environment:SamplesUrl\}/data-source/xml-binding): This sample demonstrates how to bind our jQuery Data Source component to XML data. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. -- [Binding to Xmla Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for selection. +- [Binding to Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for selection. diff --git a/docs/jquery/src/content/en/topics/data-sources/data-source-components.mdx b/docs/jquery/src/content/en/topics/data-sources/data-source-components.mdx index 60e378f052..fd24015411 100644 --- a/docs/jquery/src/content/en/topics/data-sources/data-source-components.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/data-source-components.mdx @@ -5,21 +5,20 @@ slug: data-source-components # Data Source Components - ## In This Group of Topics ### Introduction -The topics in this group explain the data source components available in {environment:ProductName}™. +The topics in this group explain the data source components available in \{environment:ProductName\}™. ### Topics The following sections cover the individual data source components. -- [Data Source Components Overview](/data-source-components-overview.mdx): This topic provides a conceptual overview of the data source components available in {environment:ProductName}. +- [Data Source Components Overview](/data-source-components-overview.mdx): This topic provides a conceptual overview of the data source components available in \{environment:ProductName\}. - [igDataSource](/igdatasource/igdatasource.mdx): This is a group of topics explaining the `igDataSource`™ component and its use. -- [Multidimensional (OLAP) Data Source Components](/olap/multidimensional-data-source-components.mdx): This is a group of topics explaining the multidimensional (OLAP) data source components available in {environment:ProductName}. +- [Multidimensional (OLAP) Data Source Components](/olap/multidimensional-data-source-components.mdx): This is a group of topics explaining the multidimensional (OLAP) data source components available in \{environment:ProductName\}. diff --git a/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-igdatasource-to-client-side-data.mdx b/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-igdatasource-to-client-side-data.mdx index b244a2d52c..3a52f75c4f 100644 --- a/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-igdatasource-to-client-side-data.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-igdatasource-to-client-side-data.mdx @@ -6,7 +6,7 @@ slug: igdatasource-binding-igdatasource-to-client-side-data # Binding igDataSource to Client-Side Data ## Overview -This document demonstrates how to bind the {environment:ProductName}™ data source component, or `igDataSource`, to client-side JavaScript arrays and JSON data. The general approach of binding to client-side data whether you are binding to standard arrays or JSON arrays is the same. After establishing the data source array, you must bind the data to the `igDataSource` component and then bind the data source to a UI element on the page. While the basic steps for binding to client-side data follow a similar pattern, this topic details the nuances of using the different data formats. +This document demonstrates how to bind the \{environment:ProductName\}™ data source component, or `igDataSource`, to client-side JavaScript arrays and JSON data. The general approach of binding to client-side data whether you are binding to standard arrays or JSON arrays is the same. After establishing the data source array, you must bind the data to the `igDataSource` component and then bind the data source to a UI element on the page. While the basic steps for binding to client-side data follow a similar pattern, this topic details the nuances of using the different data formats. ## Binding to Client-Side Data Regardless of the array format you choose to bind to, your page must have the appropriate JavaScript files included to support the data source component. Listing 1 shows you the script references you must add to your page to work with each of the coming examples. diff --git a/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-html-table-data.mdx b/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-html-table-data.mdx index 23c097d4c8..594fbc24e9 100644 --- a/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-html-table-data.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-html-table-data.mdx @@ -6,7 +6,7 @@ slug: igdatasource-binding-to-html-table-data # Binding to HTML Table Data ## Overview -The {environment:ProductName}™ grid control, or `igGrid`, allows binding to existing plain HTML tables, through the `igDataSource` control. There are several points to consider when binding to a HTML table. +The \{environment:ProductName\}™ grid control, or `igGrid`, allows binding to existing plain HTML tables, through the `igDataSource` control. There are several points to consider when binding to a HTML table. - You do not need to specify a `dataSource`. If you are instantiating the `igGrid` widget on the same table to which you would like to bind - The data extraction, parsing, binding and formatting process are done through the data source control. This means that once the grid is bound, the table BODY of the plain HTML table is cleared, and data is stored now in the data source in the format of an array of JavaScript objects. This implies you cannot rebind to the grid again in the same way (getting the data from the TABLE), because it is already cleared. diff --git a/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-rest-services.mdx b/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-rest-services.mdx index f6a7170b26..8ec27003a1 100644 --- a/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-rest-services.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-rest-services.mdx @@ -6,7 +6,7 @@ slug: igdatasource-binding-to-rest-services # Binding igDataSource to REST Services ## Overview -This document demonstrates how to bind REST services to the {environment:ProductName}™ data source, or `igDataSource`, control. To show the true flexibility of the data source control, the included sample does not use the {environment:ProductName} grid, or `igGrid`, control to render data to the user. Instead you learn how to handle rendering manually directly from the data source. +This document demonstrates how to bind REST services to the \{environment:ProductName\}™ data source, or `igDataSource`, control. To show the true flexibility of the data source control, the included sample does not use the \{environment:ProductName\} grid, or `igGrid`, control to render data to the user. Instead you learn how to handle rendering manually directly from the data source. >**Note:** Using a manual rendering approach implies that you may use the `igDataSource` control to build your own data bound controls diff --git a/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-wcf-data-services.mdx b/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-wcf-data-services.mdx index da9eb15894..011cef3fc1 100644 --- a/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-wcf-data-services.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-wcf-data-services.mdx @@ -5,7 +5,7 @@ slug: igdatasource-binding-to-wcf-data-services # Binding igDataSource to WCF Data Services -The `igDataSource` is a client-side JavaScript data source component that can bind to a variety of formats of data including XML, JSON, Atom, JavaScript arrays, and even HTML tables. You can see the different formats used in the {environment:ProductName} [samples browser]({environment:SamplesUrl}/data-source/mashup). +The `igDataSource` is a client-side JavaScript data source component that can bind to a variety of formats of data including XML, JSON, Atom, JavaScript arrays, and even HTML tables. You can see the different formats used in the \{environment:ProductName\} [samples browser](\{environment:SamplesUrl\}/data-source/mashup). The `igDataSource` is ‘server agnostic’ which means that it takes no dependency on any type of server-side software platform. With that being said, developers using the .NET framework often want to leverage WCF to provide data in their RIA applications. This topic dissects one of the WCF samples from the samples browser and walks you through the process of setting up your own WCF service to deliver XML data to the `igDataSource` in an ASP.NET application. @@ -20,11 +20,11 @@ The following steps walk you through building the sample in Microsoft Visual Stu >**Note**: [The complete sample is available for download here](http://dl.infragistics.com/community/jquery/codesamples/aaronm/2011-07-28/igDataSourceWCFService.zip). -1. Open Visual Studio and create a new ASP.NET Empty Web Application and name it ‘igDataSourceWCFService’: **Note**: As stated above, the `igDataSource` component is server-agnostic. Therefore this exercise demonstrates how you can implement WCF support in ASP.NET WebForms as opposed to ASP.NET MVC which {environment:ProductName} supports out-of-the-box. +1. Open Visual Studio and create a new ASP.NET Empty Web Application and name it ‘igDataSourceWCFService’: **Note**: As stated above, the `igDataSource` component is server-agnostic. Therefore this exercise demonstrates how you can implement WCF support in ASP.NET WebForms as opposed to ASP.NET MVC which \{environment:ProductName\} supports out-of-the-box. ![](images/dswcf_webapp.jpg) -2. Add a reference to the {environment:ProductName} combined and minified script file, infragistics.core.js, which comes with the product. In addition, you must reference jQuery core, jQuery UI, and jQuery templating scripts to run the sample. This [help article discusses referencing the required scripts](//general-and-getting-started/deployment-guide-javascript-resources.mdx) and where the combined and minified scripts are available to add to your application. **Note**: You can [download the full or trial product here](http://www.infragistics.com/dotnet/igniteui/jquery-controls.aspx#Downloads). The jQuery [templates script is available here](http://plugins.jquery.com/tag/templates/). +2. Add a reference to the \{environment:ProductName\} combined and minified script file, infragistics.core.js, which comes with the product. In addition, you must reference jQuery core, jQuery UI, and jQuery templating scripts to run the sample. This [help article discusses referencing the required scripts](//general-and-getting-started/deployment-guide-javascript-resources.mdx) and where the combined and minified scripts are available to add to your application. **Note**: You can [download the full or trial product here](http://www.infragistics.com/dotnet/igniteui/jquery-controls.aspx#Downloads). The jQuery [templates script is available here](http://plugins.jquery.com/tag/templates/). 3. Create a “scripts” directory in your project and copy the JavaScript files into this folder. @@ -255,7 +255,7 @@ The following steps walk you through building the sample in Microsoft Visual Stu 11. Run the application and the stock information for Microsoft will appear. At first, this will be the only company that has data available. To see data for all of the companies as well as the sample in its completed form, download the [full sample here](http://dl.infragistics.com/community/jquery/codesamples/aaronm/2011-07-28/igDataSourceWCFService.zip). ->**Note**: The {environment:ProductName} script files are not included with this download. Please use the files installed with your copy of {environment:ProductName} or download your copy [here](http://www.infragistics.com/dotnet/igniteui/jquery-controls.aspx#Downloads). +>**Note**: The \{environment:ProductName\} script files are not included with this download. Please use the files installed with your copy of \{environment:ProductName\} or download your copy [here](http://www.infragistics.com/dotnet/igniteui/jquery-controls.aspx#Downloads). ## Related Topics Following are some other topics you may find useful. diff --git a/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-xml.mdx b/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-xml.mdx index 0537a4d642..f4e08a7708 100644 --- a/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-xml.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/igdatasource/binding-to-xml.mdx @@ -6,7 +6,7 @@ slug: igdatasource-binding-to-xml # Binding igDataSource to XML Documents ## Overview -The {environment:ProductName}™ data source control , or `igDataSource`, can seamlessly bind to both namespaced, as well as non-namespaced XML documents. +The \{environment:ProductName\}™ data source control , or `igDataSource`, can seamlessly bind to both namespaced, as well as non-namespaced XML documents. One limitation of XML with namespaces is that most browsers do not natively support executing XPath expressions. Fortunately, the data source control supports XPath expression out-of-the-box, so you can still point a specific part of the XML to be included in your schema. diff --git a/docs/jquery/src/content/en/topics/data-sources/igdatasource/igdatasource.mdx b/docs/jquery/src/content/en/topics/data-sources/igdatasource/igdatasource.mdx index 3b6b9080c3..43c5c99c23 100644 --- a/docs/jquery/src/content/en/topics/data-sources/igdatasource/igdatasource.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/igdatasource/igdatasource.mdx @@ -6,7 +6,6 @@ slug: igdatasource-igdatasource # igDataSource - ## In This Group of Topics ### Introduction diff --git a/docs/jquery/src/content/en/topics/data-sources/igdatasource/javascript-api.mdx b/docs/jquery/src/content/en/topics/data-sources/igdatasource/javascript-api.mdx index b67b1eef05..de48ec6b9e 100644 --- a/docs/jquery/src/content/en/topics/data-sources/igdatasource/javascript-api.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/igdatasource/javascript-api.mdx @@ -2,6 +2,9 @@ title: "API Reference (igDataSource )" slug: igdatasource-igdatasource-javascript-api --- + +# API Reference (igDataSource ) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # API Reference (igDataSource ) diff --git a/docs/jquery/src/content/en/topics/data-sources/igdatasource/overview.mdx b/docs/jquery/src/content/en/topics/data-sources/igdatasource/overview.mdx index 783b53a18b..19fc02b0bf 100644 --- a/docs/jquery/src/content/en/topics/data-sources/igdatasource/overview.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/igdatasource/overview.mdx @@ -2,6 +2,9 @@ title: "igDataSource Overview" slug: igdatasource-igdatasource-overview --- + +# igDataSource Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDataSource Overview diff --git a/docs/jquery/src/content/en/topics/data-sources/igdatasource/using-dataschema.mdx b/docs/jquery/src/content/en/topics/data-sources/igdatasource/using-dataschema.mdx index b3e380c95c..158484ef1b 100644 --- a/docs/jquery/src/content/en/topics/data-sources/igdatasource/using-dataschema.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/igdatasource/using-dataschema.mdx @@ -153,7 +153,7 @@ For XML schemas, use XPath to select the nodes with the data you want to bind to - [igDataSource Overview](/igdatasource-igdatasource-overview.mdx) - [Binding to XML](/igdatasource-binding-to-xml.mdx) - [Binding to HTML Table](/igdatasource-binding-to-html-table-data.mdx) -- [{environment:ProductName} Overview](//igniteui-for-jquery-overview.mdx) +- [\{environment:ProductName\} Overview](//igniteui-for-jquery-overview.mdx) diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-to-an-html-page.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-to-an-html-page.mdx index 96d9d71a00..bac346e680 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-to-an-html-page.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-to-an-html-page.mdx @@ -2,6 +2,9 @@ title: "Adding igOlapFlatDataSource to an HTML Page" slug: igolapflatdatasource-adding-to-an-html-page --- + +# Adding igOlapFlatDataSource to an HTML Page + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igOlapFlatDataSource to an HTML Page @@ -43,9 +46,9 @@ This topic contains the following sections: ## <a id="conceptual-overview"></a>Adding igOlapFlatDataSource to an HTML Page – Conceptual Overview ### <a id="summary"></a>Adding igOlapFlatDataSource to an HTML Page summary -The `igOlapFlatDataSource` component makes possible for flat data collections to be fed to {environment:ProductName}™ pivot grid controls in a JavaScript client environment. This enables the multidimensional (OLAP) analysis on such data sets. +The `igOlapFlatDataSource` component makes possible for flat data collections to be fed to \{environment:ProductName\}™ pivot grid controls in a JavaScript client environment. This enables the multidimensional (OLAP) analysis on such data sets. -For the `igOlapFlatDataSource` component to work correctly, its <ApiLink pkg="ig" type="OlapFlatDataSource" label="dataSource" /> and metadata properties must be specified. Initialization of `igOlapFlatDataSource` is not required when it is used together with any of the {environment:ProductName} pivot-grid-related controls (which is the most common case) – `igPivotDataSelector` ™, `igPivotGrid` ™, and `igPivotView`™ (Initialization of `igOlapFlatDataSource` is required only if the component is used on its own.). +For the `igOlapFlatDataSource` component to work correctly, its <ApiLink pkg="ig" type="OlapFlatDataSource" label="dataSource" /> and metadata properties must be specified. Initialization of `igOlapFlatDataSource` is not required when it is used together with any of the \{environment:ProductName\} pivot-grid-related controls (which is the most common case) – `igPivotDataSelector` ™, `igPivotGrid` ™, and `igPivotView`™ (Initialization of `igOlapFlatDataSource` is required only if the component is used on its own.). For instantiating the `igOlapFlatDataSource` component, two parameters are required: `dataSource` and metadata. The `dataSource` parameter specifies the input data to be used and the metadata parameter specifies how the input data will be treated as OLAP data, that is how dimensions, hierarchies, measures, etc., are generated. Internally, `igOlapFlatDataSource` uses an `igDataSource`™ instance. When specifying the dataSource property, you can either specify an `igDataSource` instance or set it to a data source supported by the `igDataSource`. @@ -56,12 +59,12 @@ Following are the general requirements for adding the `igOlapFlatDataSource` com - Data requirements – an `igDataSource` instance or any type of data supported by the `igDataSource` - The required JavaScript files: - References to the jQuery library - - References to the {environment:ProductName} JavaScript files + - References to the \{environment:ProductName\} JavaScript files -The Infragistics® JavaScript files reside by default in the JavaScript modules folder under the {environment:ProductName} installation path: +The Infragistics® JavaScript files reside by default in the JavaScript modules folder under the \{environment:ProductName\} installation path: - Jquery-[versionNumber].js (for example, jquery-1.9.0.js) – the jQuery library (available at the jQuery site) -- `infragistics.util.js`, `infragistics.util.jquery.js` – the JavaScript file containing shared non-UI logic used by some of the {environment:ProductName}™ components +- `infragistics.util.js`, `infragistics.util.jquery.js` – the JavaScript file containing shared non-UI logic used by some of the \{environment:ProductName\}™ components - `infragistics.olapflatdatasource.js` – the JavaScript file containing the igOlapFlatDataSource component - (Conditional – if the Infragistics Loader is used) `infragistics.loader.js` – the Infragistics Loader component which can be used to automatically load all the Infragistics JavaScript and CSS files required by a component @@ -329,7 +332,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx index 98aa6c0f25..da0a7b0b95 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx @@ -323,7 +323,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Using the ASP.NET MVC Helper with Flat Data Source]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igOlapFlatDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. +- [Using the ASP.NET MVC Helper with Flat Data Source](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igOlapFlatDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/flat/configuring-the-tabular-view.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/flat/configuring-the-tabular-view.mdx index b8df86d04f..30d77371ea 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/flat/configuring-the-tabular-view.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/flat/configuring-the-tabular-view.mdx @@ -2,6 +2,9 @@ title: "Configuring the Tabular View of the Pivot Grid Result Set" slug: configuring-the-tabular-view --- + +# Configuring the Tabular View of the Pivot Grid Result Set + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring the Tabular View of the Pivot Grid Result Set @@ -55,7 +58,7 @@ This topic contains the following sections: The starting point for performing data analysis of a multi-dimensional (OLAP) data set is presenting the OLAP cube in tabular form with various levels of filtering and aggregation of the data. This filtering and aggregation is based on selecting certain data categories and data aggregation criteria. In a pivot grid, the particular tabular view meeting the desired criteria is achieved through the specific choice and arrangement of the rows, columns, filters, and measures of the grid. This arrangement filters the result set to configure a particular slice based the desired data categories levels of aggregation and display it in tabular view. So specifying and displaying a particular data slice (view) is a matter of configuring (= selecting and arranging) the hierarchies for the rows, columns, filters, and measures. -In the {environment:ProductName}™ OLAP components, the configuring of these hierarchies can be done on the following levels: +In the \{environment:ProductName\}™ OLAP components, the configuring of these hierarchies can be done on the following levels: - From the user interface of the respective UI widgets (`igPivotDataSelector`, `igPivotGrid`™, `igPivotView`™) (user configuration) - Programmatically with the `igOlapFlatDataSource` or `igOlapXmlaDataSource` API, which can be: @@ -225,9 +228,9 @@ dataSource.update() The following samples provide additional information related to this topic. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. -- [Custom Move Validation]({environment:SamplesUrl}/pivot-grid/custom-drag-drop-validation): This sample shows how to configure custom move validation with the Pivot Grid and the Pivot Data Selector. When using a custom validation function, dropping items to the columns is forbidden. Also any hierarchy that contains the word "Seller" in its name will not be accepted by the drop areas in the Pivot Grid and the Data Selector. +- [Custom Move Validation](\{environment:SamplesUrl\}/pivot-grid/custom-drag-drop-validation): This sample shows how to configure custom move validation with the Pivot Grid and the Pivot Data Selector. When using a custom validation function, dropping items to the columns is forbidden. Also any hierarchy that contains the word "Seller" in its name will not be accepted by the drop areas in the Pivot Grid and the Data Selector. diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-api-links.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-api-links.mdx index 01083d18e7..4305cde083 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-api-links.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igOlapFlatDataSource)" slug: igolapflatdatasource-api-links --- + +# jQuery and MVC API Links (igOlapFlatDataSource) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery and MVC API Links (igOlapFlatDataSource) diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-defining-metadata.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-defining-metadata.mdx index 1086b9ff70..491a13dafa 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-defining-metadata.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-defining-metadata.mdx @@ -2,6 +2,9 @@ title: "Defining Metadata (igOlapFlatDataSource)" slug: igolapflatdatasource-defining-metadata --- + +# Defining Metadata (igOlapFlatDataSource) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Defining Metadata (igOlapFlatDataSource) @@ -419,7 +422,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding to Flat Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding to Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-overview.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-overview.mdx index 8ebbcd8096..774d91e21a 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-overview.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/flat/igolapflatdatasource-overview.mdx @@ -2,6 +2,9 @@ title: "igOlapFlatDataSource Overview" slug: igolapflatdatasource-overview --- + +# igOlapFlatDataSource Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igOlapFlatDataSource Overview @@ -17,7 +20,7 @@ The following table lists the topics and concepts required as a prerequisite to **Topics** -- [Multidimensional (OLAP) Data Source Components](/multidimensional-data-source-components.mdx): This group of topics explain the multidimensional (OLAP) data source components of the {environment:ProductName}™ suite. +- [Multidimensional (OLAP) Data Source Components](/multidimensional-data-source-components.mdx): This group of topics explain the multidimensional (OLAP) data source components of the \{environment:ProductName\}™ suite. External Resources @@ -35,7 +38,7 @@ This topic contains the following sections: - [Multiple data types support](#multiple-data-types) - [OLAP metadata generation](#olap-metadata-generation) - [Data slices generation](#data-slice-generation) - - [Integration with {environment:ProductName} controls](#integration-with-igniteui) + - [Integration with \{environment:ProductName\} controls](#integration-with-igniteui) - [**Related Content**](#related-content) - [Topics](#topics) - [Samples](#samples) @@ -43,7 +46,7 @@ This topic contains the following sections: ## <a id="introduction"></a>Introduction -The `igOlapFlatDataSource` component enables multi-dimensional (OLAP-like) analysis to be performed on flat data collections. Given a data collection or an [igDataSource](//igdatasource/igdatasource.mdx)™ instance and based on the user configuration, it extracts the necessary metadata in order to create dimensions of hierarchies and measures. The `igOlapFlatDataSource` component also performs calculations and aggregates data as requested using the component’s API directly or through one or more of the {environment:ProductName} widgets capable of visualizing and interacting with OLAP data, e.g. `igPivotView`™ or `igPivotGrid`™. +The `igOlapFlatDataSource` component enables multi-dimensional (OLAP-like) analysis to be performed on flat data collections. Given a data collection or an [igDataSource](//igdatasource/igdatasource.mdx)™ instance and based on the user configuration, it extracts the necessary metadata in order to create dimensions of hierarchies and measures. The `igOlapFlatDataSource` component also performs calculations and aggregates data as requested using the component’s API directly or through one or more of the \{environment:ProductName\} widgets capable of visualizing and interacting with OLAP data, e.g. `igPivotView`™ or `igPivotGrid`™. ## <a id="main-features"></a>Main Features Summary @@ -57,7 +60,7 @@ The following table summarizes the main features of the `igOlapFlatDataSource` c - [Data slices generation](#data-slice-generation): After hierarchies are assigned as rows/columns, the `igOlapFlatDataSource` generates one or more result axes containing tuples of members from the corresponding hierarchies. If measures, too, have been chosen, the `igOlapFlatDataSource` generates a two-dimensional array of value cell objects. -- [Integration with {environment:ProductName} controls](#integration-with-igniteui): The `igOlapFlatDataSource` component can feed data to those data visualization controls of {environment:ProductName} that are capable of presenting OLAP data. +- [Integration with \{environment:ProductName\} controls](#integration-with-igniteui): The `igOlapFlatDataSource` component can feed data to those data visualization controls of \{environment:ProductName\} that are capable of presenting OLAP data. ### <a id="multiple-data-types"></a>Multiple data types support @@ -84,9 +87,9 @@ The `igOlapFlatDataSource` component represents an abstraction of a pivot table. - [**Configuring the Tabular View of the Result Set by Arranging the Columns, Rows, Filters, and Measures of the Pivot Grid (igOlapFlatDataSource, igOlapXmlaDataSource, igPivotDataSelector, igPivotGrid, igPivotView)**](/configuring-the-tabular-view.mdx) -### <a id="integration-with-igniteui"></a>Integration with {environment:ProductName} controls +### <a id="integration-with-igniteui"></a>Integration with \{environment:ProductName\} controls -The `igOlapFlatDataSource` component can feed data to those data visualization controls of {environment:ProductName} that are capable of presenting OLAP data. The controls supported at this writing are `igPivotDataSelector`, `igPivotGrid`, and `igPivotView`. +The `igOlapFlatDataSource` component can feed data to those data visualization controls of \{environment:ProductName\} that are capable of presenting OLAP data. The controls supported at this writing are `igPivotDataSelector`, `igPivotGrid`, and `igPivotView`. #### Related Topics: @@ -117,11 +120,11 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding igPivotGrid to Flat Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding igPivotGrid to Flat Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapFlatDataSource` and uses an `igPivotDataSelector` for data selection. -- [Using the ASP.NET MVC Helper with Flat Data Source]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igOlapXmlaDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. +- [Using the ASP.NET MVC Helper with Flat Data Source](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igOlapXmlaDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. -- [Binding igPivotView to Flat Data Source]({environment:SamplesUrl}/pivot-view/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapFlatDataSource`. +- [Binding igPivotView to Flat Data Source](\{environment:SamplesUrl\}/pivot-view/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapFlatDataSource`. diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/multidimensional-data-source-components-overview.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/multidimensional-data-source-components-overview.mdx index dba75473af..c2a81c59b2 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/multidimensional-data-source-components-overview.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/multidimensional-data-source-components-overview.mdx @@ -5,12 +5,11 @@ slug: multidimensional-data-source-components-overview # Multidimensional (OLAP) Data Source Components Overview - ## Topic Overview ### Purpose -This topic provides an overview of the multidimensional data source components of {environment:ProductName}® and their functionality. +This topic provides an overview of the multidimensional data source components of \{environment:ProductName\}® and their functionality. ### Required background @@ -26,7 +25,7 @@ The following table lists the topics required as a prerequisite to understanding ### Components summary -The multidimensional data source components in {environment:ProductName} – [`igOlapFlatDataSource`](/flat/igolapflatdatasource.mdx)™ and [`igOlapXmlaDataSource`](/xmla/igolapxmladatasource.mdx)™ – operate as “intermediaries” between actual data (OLAP Cube or a flat data collection) and the visual controls used to display the data (like [`igPivotView`](//controls/igpivotview/igpivotview.mdx)™, [`igPivotGrid`](//controls/igpivotgrid/igpivotgrid.mdx)™, and [`igPivotDataSelector`](//controls/igpivotdataselector/igpivotdataselector.mdx)™). Both [`igOlapFlatDataSource`](/flat/igolapflatdatasource.mdx) and [`igOlapXmlaDataSource`](/xmla/igolapxmladatasource.mdx) provide an abstraction of a pivot table with all its elements – rows, columns, filters and measures, filtering mechanisms, etc. – that can be used to retrieve the data resulting from interaction with those elements. +The multidimensional data source components in \{environment:ProductName\} – [`igOlapFlatDataSource`](/flat/igolapflatdatasource.mdx)™ and [`igOlapXmlaDataSource`](/xmla/igolapxmladatasource.mdx)™ – operate as “intermediaries” between actual data (OLAP Cube or a flat data collection) and the visual controls used to display the data (like [`igPivotView`](//controls/igpivotview/igpivotview.mdx)™, [`igPivotGrid`](//controls/igpivotgrid/igpivotgrid.mdx)™, and [`igPivotDataSelector`](//controls/igpivotdataselector/igpivotdataselector.mdx)™). Both [`igOlapFlatDataSource`](/flat/igolapflatdatasource.mdx) and [`igOlapXmlaDataSource`](/xmla/igolapxmladatasource.mdx) provide an abstraction of a pivot table with all its elements – rows, columns, filters and measures, filtering mechanisms, etc. – that can be used to retrieve the data resulting from interaction with those elements. ### Functionalities implemented through components @@ -76,9 +75,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding igPivotView to XMLA to Show KPIs]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. +- [Binding igPivotView to XMLA to Show KPIs](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. -- [Binding igPivotView to Flat Data Source]({environment:SamplesUrl}/pivot-view/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapFlatDataSource`. +- [Binding igPivotView to Flat Data Source](\{environment:SamplesUrl\}/pivot-view/binding-to-flat-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapFlatDataSource`. diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/multidimensional-data-source-components.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/multidimensional-data-source-components.mdx index 23582f04f5..2a0a7b1c0f 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/multidimensional-data-source-components.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/multidimensional-data-source-components.mdx @@ -5,18 +5,17 @@ slug: multidimensional-data-source-components # Multidimensional (OLAP) Data Source Components - ## In This Group of Topics ### Introduction -The topics in this group explain the multidimensional (OLAP) data source components available in {environment:ProductName}®. +The topics in this group explain the multidimensional (OLAP) data source components available in \{environment:ProductName\}®. ### Topics This section contains topics covering the multidimensional data sources. -- [Multidimensional (OLAP) Data Source Components Overview](/multidimensional-data-source-components-overview.mdx): This topic provides an overview of the multidimensional data sources available in {environment:ProductName} +- [Multidimensional (OLAP) Data Source Components Overview](/multidimensional-data-source-components-overview.mdx): This topic provides an overview of the multidimensional data sources available in \{environment:ProductName\} - [igOlapXmlaDataSource](/xmla/igolapxmladatasource.mdx): This is a group of topics explaining the `igOlapXmlaDataSource`™ component and its use. diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx index b3e717c3b5..4a2336053b 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx @@ -216,4 +216,4 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Using the ASP.NET MVC Helper with Xmla Data Source]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igOlapXmlaDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. \ No newline at end of file +- [Using the ASP.NET MVC Helper with Xmla Data Source](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igOlapXmlaDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-html-page.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-html-page.mdx index dd60695b8c..cc64edc608 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-html-page.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-html-page.mdx @@ -2,6 +2,9 @@ title: "Adding igOlapXmlaDataSource to an HTML Page" slug: igolapxmladatasource-adding-to-an-html-page --- + +# Adding igOlapXmlaDataSource to an HTML Page + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding igOlapXmlaDataSource to an HTML Page @@ -54,7 +57,7 @@ This topic contains the following sections: The `igOlapXmlaDataSource` makes the OLAP data from a SSAS server available for use in a JavaScript client environment. In order for the component to work correctly, the <ApiLink pkg="ig" type="OlapXmlaDataSource" member="serverUrl" section="options" label="serverUrl" /> property has to be specified. Also before using the component, you must initialize it. -Normally this data source component is used together with one of the OLAP pivot UI controls available with {environment:ProductName}. +Normally this data source component is used together with one of the OLAP pivot UI controls available with \{environment:ProductName\}. ### <a id="requirements"></a>Requirements @@ -63,7 +66,7 @@ Following are the general requirements for configuring `igOlapXmlaDataSource` fo - A MS SSAS Server (with at least one database) configured with the `msmdpump.dll` HTTP data provider - The required JavaScript files: - The jQuery library - - The required {environment:ProductName}™ JavaScript files + - The required \{environment:ProductName\}™ JavaScript files ### <a id="steps"></a>Steps @@ -87,9 +90,9 @@ The first step of the procedure offers both alternative ways for providing the r To complete the procedure, you need the following: -- The required JavaScript files (The Infragistics JavaScript files reside by default in the JavaScript modules folder under the {environment:ProductName}™ installation path): +- The required JavaScript files (The Infragistics JavaScript files reside by default in the JavaScript modules folder under the \{environment:ProductName\}™ installation path): - Jquery-[versionNumber].js (for example, jquery-1.9.0.js) – the jQuery library (available at the jQuery site) - - infragistics.util.js, infragistics.util.jquery.js – the JavaScript file containing shared non-UI logic used by some of the {environment:ProductName}™ components + - infragistics.util.js, infragistics.util.jquery.js – the JavaScript file containing shared non-UI logic used by some of the \{environment:ProductName\}™ components - `infragistics.olapxmladatasource.js` – the JavaScript file containing the `igOlapXmlaDataSource` component - (Conditional – if the Infragistics Loader is used) `infragistics.loader.js` – the Infragistics Loader component which can be used to automatically load all the Infragistics JavaScript and CSS files required by a component - The Adventure Works DW Standard Edition database deployed on a SSAS server instance configured with HTTP access through the `msmdpump.dll` @@ -208,6 +211,6 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding to Xmla Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding to Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for data selection. -- [Remote Xmla Provider]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): This sample demonstrates one of the benefits of using the remote provider feature of the `igOlapXmlaDataSource` - less network traffic. All requests are proxied through the server application to avoid cross domain problems. In addition, the data is translated to JSON reducing the size of the response. \ No newline at end of file +- [Remote Xmla Provider](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): This sample demonstrates one of the benefits of using the remote provider feature of the `igOlapXmlaDataSource` - less network traffic. All requests are proxied through the server application to avoid cross domain problems. In addition, the data is translated to JSON reducing the size of the response. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-configuring-through-a-remote-provider.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-configuring-through-a-remote-provider.mdx index 596172f5b2..876da3773b 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-configuring-through-a-remote-provider.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-configuring-through-a-remote-provider.mdx @@ -2,6 +2,9 @@ title: "Configuring igOlapXmlaDataSource Through a Remote Provider" slug: igolapxmladatasource-configuring-through-a-remote-provider --- + +# Configuring igOlapXmlaDataSource Through a Remote Provider + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Configuring igOlapXmlaDataSource Through a Remote Provider @@ -290,9 +293,9 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Remote Xmla Provider]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): This sample demonstrates reducing the network traffic using a remote provider with the igOlapXmlaDataSource component. +- [Remote Xmla Provider](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): This sample demonstrates reducing the network traffic using a remote provider with the igOlapXmlaDataSource component. -- [ADOMD.NET Remote Data Provider]({environment:SamplesUrl}/pivot-grid/remote-adomd-provider): This sample demonstrates using the ADOMD.NET remote provider with the igPivotGrid control. +- [ADOMD.NET Remote Data Provider](\{environment:SamplesUrl\}/pivot-grid/remote-adomd-provider): This sample demonstrates using the ADOMD.NET remote provider with the igPivotGrid control. ### <a id="resources"></a>Resources diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-data-provider-configuration-overview.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-data-provider-configuration-overview.mdx index b48b19f9a8..f74fc7edd1 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-data-provider-configuration-overview.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-data-provider-configuration-overview.mdx @@ -106,11 +106,11 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding to XMLA Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid`™ to an `igOlapXmlaDataSource`. +- [Binding to XMLA Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid`™ to an `igOlapXmlaDataSource`. -- [Remote Xmla Provider]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): This sample demonstrates reducing the network traffic using a remote provider with the `igOlapXmlaDataSource` component. +- [Remote Xmla Provider](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): This sample demonstrates reducing the network traffic using a remote provider with the `igOlapXmlaDataSource` component. -- [ADOMD.NET Remote Data Provider]({environment:SamplesUrl}/pivot-grid/remote-adomd-provider): This sample demonstrates using the ADOMD.NET remote provider with the `igPivotGrid` control. +- [ADOMD.NET Remote Data Provider](\{environment:SamplesUrl\}/pivot-grid/remote-adomd-provider): This sample demonstrates using the ADOMD.NET remote provider with the `igPivotGrid` control. diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-authenticated-access-for-firefox.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-authenticated-access-for-firefox.mdx index d865ab13d9..47e9e4830d 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-authenticated-access-for-firefox.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-authenticated-access-for-firefox.mdx @@ -4,6 +4,7 @@ slug: igolapxmladatasource-configuring-authenticated-access-for-firefox --- # Configuring Authenticated Access for the Mozilla Firefox Browser + (igOlapXmlaDataSource) ## Topic Overview @@ -426,9 +427,9 @@ The following steps demonstrate how to setup IIS for accepting managed handlers. The following samples provide additional information related to this topic. -- [Binding to XMLA to Show KPIs]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. +- [Binding to XMLA to Show KPIs](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. -- [Remote Xmla Provider]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): This sample demonstrates one of the benefits of using the remote provider feature of the `igOlapXmlaDataSource` - less network traffic. All requests are proxied through the server application to avoid cross domain problems. In addition, the data is translated to JSON reducing the size of the response. +- [Remote Xmla Provider](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): This sample demonstrates one of the benefits of using the remote provider feature of the `igOlapXmlaDataSource` - less network traffic. All requests are proxied through the server application to avoid cross domain problems. In addition, the data is translated to JSON reducing the size of the response. ### <a id="resources"></a>Resources diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-iis-for-cross-domain-olap-data.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-iis-for-cross-domain-olap-data.mdx index 0d771eca17..1f2606c2a8 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-iis-for-cross-domain-olap-data.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-iis-for-cross-domain-olap-data.mdx @@ -217,9 +217,9 @@ The following steps demonstrate how to setup the IIS for accepting HTTP headers. The following samples provide additional information related to this topic. -- [Binding to XMLA to Show KPIs]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. +- [Binding to XMLA to Show KPIs](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. -- [Remote Xmla Provider]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): This sample demonstrates one of the benefits of using the remote provider feature of the `igOlapXmlaDataSource` - less network traffic. All requests are proxied through the server application to avoid cross domain problems. In addition, the data is translated to JSON reducing the size of the response. +- [Remote Xmla Provider](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): This sample demonstrates one of the benefits of using the remote provider feature of the `igOlapXmlaDataSource` - less network traffic. All requests are proxied through the server application to avoid cross domain problems. In addition, the data is translated to JSON reducing the size of the response. ### <a id="resources"></a>Resources diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-api-links.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-api-links.mdx index bdc47e4627..44658f768f 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-api-links.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-api-links.mdx @@ -2,6 +2,9 @@ title: "jQuery and MVC API Links (igOlapXmlaDataSource)" slug: igolapxmladatasource-api-links --- + +# jQuery and MVC API Links (igOlapXmlaDataSource) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #jQuery and MVC API Links (igOlapXmlaDataSource) diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-known-issues-and-limitations.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-known-issues-and-limitations.mdx index 13ae2add02..a685e45923 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-known-issues-and-limitations.mdx @@ -8,7 +8,7 @@ slug: igolapxmladatasource-known-issues-and-limitations ## Related Content ### Overview -The following table summarizes the known issues and limitations of the `igOlapXmlaDataSource`™ component for the {environment:ProductName}™ {environment:ProductVersionShort} release. Detailed explanations of some of the issues and the existing workarounds are provided for some of the issues after the summary table. +The following table summarizes the known issues and limitations of the `igOlapXmlaDataSource`™ component for the \{environment:ProductName\}™ \{environment:ProductVersionShort\} release. Detailed explanations of some of the issues and the existing workarounds are provided for some of the issues after the summary table. Legend: | --------|------- diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-overview.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-overview.mdx index 1e329b1f52..6bffe27fa0 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-overview.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource-overview.mdx @@ -2,6 +2,9 @@ title: "igOlapXmlaDataSource Overview" slug: igolapxmladatasource-overview --- + +# igOlapXmlaDataSource Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igOlapXmlaDataSource Overview @@ -16,7 +19,7 @@ The following table lists the topics and concepts required as a prerequisite to **Topics** -- [Multidimensional (OLAP) Data Source Components Overview](/multidimensional-data-source-components-overview.mdx): This group of topics explain the multidimensional (OLAP) data source components of the {environment:ProductName}™ suite. +- [Multidimensional (OLAP) Data Source Components Overview](/multidimensional-data-source-components-overview.mdx): This group of topics explain the multidimensional (OLAP) data source components of the \{environment:ProductName\}™ suite. **External Resources** @@ -36,7 +39,7 @@ This topic contains the following sections: - [Authentication support](#authentication-support) - [Support of OLAP metadata pre-sets](#support-metadata) - [Data slices generation](#data-slice-generation) - - [Integration with {environment:ProductName} controls](#integration-with-igniteui) + - [Integration with \{environment:ProductName\} controls](#integration-with-igniteui) - [**Related Content**](#related-content) - [Topics](#topics) - [Samples](#samples) @@ -44,7 +47,7 @@ This topic contains the following sections: ## <a id="introduction"></a>Introduction -The `igOlapXmlaDataSource` component handles the communication between a JavaScript client application and a Microsoft® SQL Server Analysis Services (SSAS) server configured with the `msmdpump.dll` HTTP data provider. It exposes a user-friendly way for obtaining data from Microsoft SQL Server Analysis Services (MS SASS) – you do not have to possess any particular knowledge of Multidimensional Expressions (MDX) or XML for Analysis (XMLA) in order to get the data from an SSAS server. The `igOlapXmlaDataSource` generates the necessary MDX queries based on the commands it is given. The `igOlapXmlaDataSource` is usually used with one or more of the {environment:ProductName} widgets capable of visualizing and interacting with OLAP data, e.g. `igPivotView`™ or `igPivotGrid`™. +The `igOlapXmlaDataSource` component handles the communication between a JavaScript client application and a Microsoft® SQL Server Analysis Services (SSAS) server configured with the `msmdpump.dll` HTTP data provider. It exposes a user-friendly way for obtaining data from Microsoft SQL Server Analysis Services (MS SASS) – you do not have to possess any particular knowledge of Multidimensional Expressions (MDX) or XML for Analysis (XMLA) in order to get the data from an SSAS server. The `igOlapXmlaDataSource` generates the necessary MDX queries based on the commands it is given. The `igOlapXmlaDataSource` is usually used with one or more of the \{environment:ProductName\} widgets capable of visualizing and interacting with OLAP data, e.g. `igPivotView`™ or `igPivotGrid`™. ## <a id="main-features"></a>Main Features @@ -58,7 +61,7 @@ Feature | Description [Authentication support](#authentication-support) | The `igOlapXmlaDataSource` supports basic (username and password) authentication. [Support of OLAP metadata pre-sets](#support-metadata) | When initialized, the `igOlapXmlaDataSource` downloads the OLAP metadata from the server – available databases, cubes, measure groups, dimensions, etc. [Data slices generation](#data-slice-generation) | After hierarchies are assigned as rows/columns, `igOlapXmlaDataSource` generates one or more result axes containing tuples of members from the corresponding hierarchies. If measures, too, have been chosen, `igOlapXmlaDataSource` generates a two-dimensional array of value cell objects. -[Integration with {environment:ProductName} controls](#integration-with-igniteui)|The `igOlapXmlaDataSource` component can feed data to those data visualization controls of {environment:ProductName} that are capable of presenting OLAP data. +[Integration with \{environment:ProductName\} controls](#integration-with-igniteui)|The `igOlapXmlaDataSource` component can feed data to those data visualization controls of \{environment:ProductName\} that are capable of presenting OLAP data. ### <a id="ms-ssas-server"></a>MS SSAS server support @@ -96,9 +99,9 @@ The `igOlapXmlaDataSource` component represents an abstraction of a pivot table. - [Configuring the Tabular View of the Result Set by Arranging the Columns, Rows, Filters, and Measures of the Pivot Grid (igOlapFlatDataSource, igOlapXmlaDataSource, igPivotDataSelector, igPivotGrid, igPivotView)](/flat/configuring-the-tabular-view.mdx) -### <a id="integration-with-igniteui"></a>Integration with {environment:ProductName} controls +### <a id="integration-with-igniteui"></a>Integration with \{environment:ProductName\} controls -The `igOlapXmlaDataSource` component can feed data to those data visualization controls of {environment:ProductName} that are capable of presenting OLAP data. The controls supported at this writing are `igPivotDataSelector`, `igPivotGrid`, and `igPivotView`. +The `igOlapXmlaDataSource` component can feed data to those data visualization controls of \{environment:ProductName\} that are capable of presenting OLAP data. The controls supported at this writing are `igPivotDataSelector`, `igPivotGrid`, and `igPivotView`. #### Related Topics: @@ -120,7 +123,7 @@ The following topics provide additional information related to this topic. - [Configuring the Tabular View of the Result Set by Arranging the Columns, Rows, Filters, and Measures of the Pivot Grid (igOlapFlatDataSource, igOlapXmlaDataSource, igPivotDataSelector, igPivotGrid, igPivotView)](/flat/configuring-the-tabular-view.mdx): This topic explains how to configure the tabular View of the OLAP cube result set by arranging the hierarchies of the pivot grid columns, rows, filters, and measures, either from the grid’s interface or programmatically in the code. -- [Key Performance Indicators Support (igPivotGrid, igPivotDataSelector, igOlapXmlaDataSource)](///controls/igpivotgrid/kpi-support.mdx): This topic explains conceptually how the Key Performance Indicators (KPIs) data from a multi-dimensional (OLAP) data set is visualized in {environment:ProductName}™. The {environment:ProductName} controls that visualize KPIs are the `igPivotDataSelector` and the `igPivotGrid`. +- [Key Performance Indicators Support (igPivotGrid, igPivotDataSelector, igOlapXmlaDataSource)](///controls/igpivotgrid/kpi-support.mdx): This topic explains conceptually how the Key Performance Indicators (KPIs) data from a multi-dimensional (OLAP) data set is visualized in \{environment:ProductName\}™. The \{environment:ProductName\} controls that visualize KPIs are the `igPivotDataSelector` and the `igPivotGrid`. - [Known Issues and Limitations (igOlapXmlaDataSource)](/igolapxmladatasource-known-issues-and-limitations.mdx): This topic provides information about the known issues and limitations of the `igOlapXmlaDataSource` component. @@ -135,11 +138,11 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Binding igPivotGrid to Xmla Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for data selection. +- [Binding igPivotGrid to Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotGrid` to an `igOlapXmlaDataSource` and uses an `igPivotDataSelector` for data selection. -- [Using the ASP.NET MVC Helper with Xmla Data Source]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igOlapXmlaDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. +- [Using the ASP.NET MVC Helper with Xmla Data Source](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): This sample demonstrates how to use the ASP.NET MVC Helper for the `igOlapXmlaDataSource` and how to use this data source in `igPivotDataSelector` and `igPivotGrid`. -- [Binding igPivotView to XMLA to Show KPIs]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. +- [Binding igPivotView to XMLA to Show KPIs](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): This sample demonstrates how to bind the `igPivotView` to an `igOlapXmlaDataSource`. diff --git a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource.mdx b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource.mdx index e1e40ea157..ba810695e3 100644 --- a/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource.mdx +++ b/docs/jquery/src/content/en/topics/data-sources/olap/xmla/igolapxmladatasource.mdx @@ -5,7 +5,6 @@ slug: igolapxmladatasource # igOlapXmlaDataSource - ## In This Group of Topics ### Introduction @@ -21,7 +20,7 @@ The `igOlapXmlaDataSource` component handles the communication between a JavaScr - [Configuring igOlapXmlaDataSource](/config/igolapxmladatasource-configuring.mdx): This is a group of topics explaining how to configure the various aspects of the `igOlapXmlaDataSource` and its related server-side components. -- [Key Performance Indicators Support (igPivotGrid, igPivotDataSelector, igOlapXmlaDataSource)](///controls/igpivotgrid/kpi-support.mdx): This topic explains conceptually how the Key Performance Indicators (KPIs) data from a multi-dimensional (OLAP) data set is visualized in {environment:ProductName}™. The {environment:ProductName} controls that visualize KPIs are the `igPivotDataSelector`™ and the `igPivotGrid`™. +- [Key Performance Indicators Support (igPivotGrid, igPivotDataSelector, igOlapXmlaDataSource)](///controls/igpivotgrid/kpi-support.mdx): This topic explains conceptually how the Key Performance Indicators (KPIs) data from a multi-dimensional (OLAP) data set is visualized in \{environment:ProductName\}™. The \{environment:ProductName\} controls that visualize KPIs are the `igPivotDataSelector`™ and the `igPivotGrid`™. - [Known Issues and Limitations (igOlapXmlaDataSource)](/igolapxmladatasource-known-issues-and-limitations.mdx): This topic provides information about the known issues and limitations of the `igOlapXmlaDataSource` component. diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/accessibility-compliance.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/accessibility-compliance.mdx index 37e124e83a..3b23a7e328 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/accessibility-compliance.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/accessibility-compliance.mdx @@ -16,7 +16,7 @@ This topic contains the following sections: [Section 508](http://www.section508.gov/) of the Rehabilitation Act was amended in 1998 by Congress to require all Federal agencies to make their electronic and information technology accessible to people with disabilities. Since then, Section 508 compliance has not only been a requirement in government agencies, but it's also important when providing software solutions and designing Web pages. -Section 1194.22 of the Section 508 law specifically targets Web-based intranet and internet information and systems, and contains a set of 16 rules to follow. In order to enable you to keep your Web applications and Web sites compatible with these rules with minimal effort on your part, Infragistics has taken steps to ensure that the {environment:ProductName}™ controls and components are compliant with the relevant accessibility rules. +Section 1194.22 of the Section 508 law specifically targets Web-based intranet and internet information and systems, and contains a set of 16 rules to follow. In order to enable you to keep your Web applications and Web sites compatible with these rules with minimal effort on your part, Infragistics has taken steps to ensure that the \{environment:ProductName\}™ controls and components are compliant with the relevant accessibility rules. The matrix below provides a high-level outline of the accessibility support provided by our visual controls (and related components). To learn more about an individual control/component's accessibility compliance, click the name of the control/component. diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/adding-igniteui-controls-to-an-mvc-project.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/adding-igniteui-controls-to-an-mvc-project.mdx index 23c2a9ceb8..4a00eb9a24 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/adding-igniteui-controls-to-an-mvc-project.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/adding-igniteui-controls-to-an-mvc-project.mdx @@ -7,14 +7,14 @@ slug: adding-igniteui-controls-to-an-mvc-project ## Topic Overview -This topic explains how to get started with {environment:ProductNameMVC}™ components. +This topic explains how to get started with \{environment:ProductNameMVC\}™ components. ### In this topic This topic contains the following sections: -- [Using {environment:ProductNameMVC}](#mvcHelper) -- [Methods for using {environment:ProductNameMVC} Controls](#methodsMVC) +- [Using \{environment:ProductNameMVC\}](#mvcHelper) +- [Methods for using \{environment:ProductNameMVC\} Controls](#methodsMVC) - [Developing ASP.NET MVC application with igTree](#developingMVC) - [Related Content](#related) @@ -22,7 +22,7 @@ This topic contains the following sections: ### Using the MVC helper overview -The {environment:ProductNameMVC} provides a server-side set of MVC Extensions that allows the {environment:ProductName} controls to be defined and used in the following way: +The \{environment:ProductNameMVC\} provides a server-side set of MVC Extensions that allows the \{environment:ProductName\} controls to be defined and used in the following way: **In Razor:** @@ -48,15 +48,15 @@ All controls have helper methods available off of the `Infragistics()` extension ## MVC 4, MVC 5 -All the {environment:ProductNameMVC} functionality is contained in the `Infragistics.Web.Mvc` assembly, which comes compiled against all MVC4 and MVC5. For further details on the assembly location of the {environment:ProductNameMVC}, please read [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx). +All the \{environment:ProductNameMVC\} functionality is contained in the `Infragistics.Web.Mvc` assembly, which comes compiled against all MVC4 and MVC5. For further details on the assembly location of the \{environment:ProductNameMVC\}, please read [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx). > **Note**: You should set `Copy Local` property of the reference of the dll to be `true`. -### Use the {environment:ProductNameMVC} loader +### Use the \{environment:ProductNameMVC\} loader -The Infragistics loader is used to load dependent scripts and styles files required for the page. For further details on how to use the loader please refer to the topic: [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx). +The Infragistics loader is used to load dependent scripts and styles files required for the page. For further details on how to use the loader please refer to the topic: [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx). -The following code listing demonstrates how to initialize the {environment:ProductNameMVC} loader: +The following code listing demonstrates how to initialize the \{environment:ProductNameMVC\} loader: **In Razor:** @@ -90,13 +90,13 @@ The JavaScript files are also available in a hosted environment on the Infragist ### Calling Render() method -When instantiating a {environment:ProductNameMVC} control, you must call the Render method last after all other options are configured. This is the method that renders the HTML and JavaScript necessary to instantiate the control on the client. +When instantiating a \{environment:ProductNameMVC\} control, you must call the Render method last after all other options are configured. This is the method that renders the HTML and JavaScript necessary to instantiate the control on the client. -## <a id="methodsMVC"></a> Methods for using {environment:ProductNameMVC} Controls +## <a id="methodsMVC"></a> Methods for using \{environment:ProductNameMVC\} Controls ### Methods for configuring the controls summary -There are two different options available for declaring controls in an MVC application available. The following table lists the available methods for defining {environment:ProductNameMVC} controls depending on whether you define the control in a Model or in the View. Additional details are available after the summary table. +There are two different options available for declaring controls in an MVC application available. The following table lists the available methods for defining \{environment:ProductNameMVC\} controls depending on whether you define the control in a Model or in the View. Additional details are available after the summary table. | Method | Description | @@ -193,14 +193,14 @@ private void InitializeSortingGridOptions(GridModel model) ### Introduction -The following procedure demonstrates how to add the required assemblies and resources (CSS and JavaScript files) to work with {environment:ProductNameMVC}. +The following procedure demonstrates how to add the required assemblies and resources (CSS and JavaScript files) to work with \{environment:ProductNameMVC\}. ### Requirements To complete the procedure, you need the following: - A project with any Web application -- {environment:ProductName} 20{environment:ProductVersionShort} installed +- \{environment:ProductName\} 20\{environment:ProductVersionShort\} installed - [jQuery](http://jquery.com/) core library 1.4.4 version or above - [jQuery UI](http://jqueryui.com/) library 1.8.17 or above - [Modernizr](http://modernizr.com/) open-source JavaScript library 2.5.2 or above @@ -221,8 +221,8 @@ The following steps demonstrate how to develop ASP.NET MVC application with `igT 1. Adding required resource to the MVC application - - Add the {environment:ProductName} NuGet package to your application's list of dependencies. - - Add the {environment:ProductNameMVC} NuGet package (based on the MVC version you use) to your application's list of dependencies. + - Add the \{environment:ProductName\} NuGet package to your application's list of dependencies. + - Add the \{environment:ProductNameMVC\} NuGet package (based on the MVC version you use) to your application's list of dependencies. 2. Declare the igTree in an MVC application @@ -259,7 +259,7 @@ The following steps demonstrate how to develop ASP.NET MVC application with `igT ) ``` - > **Note**: Notice the use of the Render method the code listing. All {environment:ProductNameMVC} require the Render method to be called as the last method in order to initiate server-side rendering for the control. + > **Note**: Notice the use of the Render method the code listing. All \{environment:ProductNameMVC\} require the Render method to be called as the last method in order to initiate server-side rendering for the control. 3. Add the controller’s code @@ -341,7 +341,7 @@ The following steps demonstrate how to develop ASP.NET MVC application with `igT ``` ## Next Steps -Now that you've had the opportunity to learn about working with {environment:ProductNameMVC}, make sure to check out +Now that you've had the opportunity to learn about working with \{environment:ProductNameMVC\}, make sure to check out [Developing ASP.NET MVC Applications with igGrid](/controls/iggrid/developing-asp-net-mvc-applications-with-iggrid.mdx) for more detail on working specifically with ASP.NET MVC and the igGrid. ## <a id="related"></a>Related Content @@ -352,9 +352,9 @@ The following topics provide additional information related to this topic. - [Developing ASP.NET MVC Applications with igGrid](/controls/iggrid/developing-asp-net-mvc-applications-with-iggrid.mdx) -- [JavaScript Files in {environment:ProductName}](/deployment-guide-javascript-files.mdx) +- [JavaScript Files in \{environment:ProductName\}](/deployment-guide-javascript-files.mdx) -- [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx) -- [Styling and Theming {environment:ProductName}](/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx) +- [Styling and Theming \{environment:ProductName\}](/styling-and-theming/deployment-guide-styling-and-theming.mdx) -- [Infragistics Content Delivery Network (CDN) for {environment:ProductName}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx) +- [Infragistics Content Delivery Network (CDN) for \{environment:ProductName\}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx) diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx index e102408aa2..7b70e00571 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx @@ -8,7 +8,7 @@ slug: adding-the-required-resources-for-igniteui-for-jquery ## Topic Overview ### Purpose -This topic explains how to add the required JavaScript resources in {environment:ProductName}™ without using the *Infragistics*® *Loader*. +This topic explains how to add the required JavaScript resources in \{environment:ProductName\}™ without using the *Infragistics*® *Loader*. ### In this topic @@ -20,9 +20,9 @@ This topic contains the following sections: - [Related Content](#related-content) ### <a id="introduction"></a> Introduction -This procedure shows you how to add manually all required resources (CSS and JavaScript files) to work with the {environment:ProductName}. Following this procedure you will add minified CSS and JavaScript files, which are recommended when you need to reduce the amount of data shared across the web. +This procedure shows you how to add manually all required resources (CSS and JavaScript files) to work with the \{environment:ProductName\}. Following this procedure you will add minified CSS and JavaScript files, which are recommended when you need to reduce the amount of data shared across the web. -The names of the JavaScript files containing the combined scripts for all of {environment:ProductName} are as follows: +The names of the JavaScript files containing the combined scripts for all of \{environment:ProductName\} are as follows: - `infragistics.core.js`: shared dependencies (required) @@ -45,7 +45,7 @@ You have a choice to use the combined JavaScript files or the Infragistics loade - `infragistics.ui.CONTROL_NAME.js` - `infragistics.ui.CONTROL_NAME.CONTROL_FEATURE.js` -For reference on all scripts required for each control, refer to the [JavaScript Files in {environment:ProductName}](/deployment-guide-javascript-files.mdx) topic. +For reference on all scripts required for each control, refer to the [JavaScript Files in \{environment:ProductName\}](/deployment-guide-javascript-files.mdx) topic. > **Note:** Localization scripts must be referenced before the actual JavaScript files in the page code. @@ -54,12 +54,12 @@ For reference on all scripts required for each control, refer to the [JavaScript To complete the procedure, you need the following: - A project with any Web application -- {environment:ProductName} npm package installed +- \{environment:ProductName\} npm package installed - [jQuery](http://jquery.com/) core library 1.9.1 version or above - [jQuery UI](http://jqueryui.com/) library 1.9.0 or above - [Modernizr](http://modernizr.com/) open-source JavaScript library 2.5.2 or above -> **Note:** See a complete list describing which framework versions are supported with each release of {environment:ProductName} at [https://www.infragistics.com/support/supported-environments](https://www.infragistics.com/support/supported-environments). +> **Note:** See a complete list describing which framework versions are supported with each release of \{environment:ProductName\} at [https://www.infragistics.com/support/supported-environments](https://www.infragistics.com/support/supported-environments). ## <a id="steps"></a> Steps @@ -67,7 +67,7 @@ To complete the procedure, you need the following: Copy the resources from the installation directory. -1. The {environment:ProductName}™ resources files are located in the npm package directory, within the `js` and `css` folder. +1. The \{environment:ProductName\}™ resources files are located in the npm package directory, within the `js` and `css` folder. ![](images/Adding_the_Required_Resources_for_IgniteUI_for_jQuery_2.png) @@ -117,10 +117,10 @@ You should make sure that `css-boxsizing` (from Community add-ons) is checked an ### Topics The following topics provide additional information related to this topic. -- [JavaScript Files in {environment:ProductName}](/deployment-guide-javascript-files.mdx): This topic is a reference to the JavaScript files required to work with the controls included in {environment:ProductName}™. -- [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the {environment:ProductName} within a Web application. -- [Styling and Theming {environment:ProductName}](/styling-and-theming/deployment-guide-styling-and-theming.mdx): Instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. -- [Infragistics Content Delivery Network (CDN) for {environment:ProductName}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx): This topic explains how to manage the required resources to work with the {environment:ProductName} using Infragistics Loader. +- [JavaScript Files in \{environment:ProductName\}](/deployment-guide-javascript-files.mdx): This topic is a reference to the JavaScript files required to work with the controls included in \{environment:ProductName\}™. +- [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the \{environment:ProductName\} within a Web application. +- [Styling and Theming \{environment:ProductName\}](/styling-and-theming/deployment-guide-styling-and-theming.mdx): Instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. +- [Infragistics Content Delivery Network (CDN) for \{environment:ProductName\}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx): This topic explains how to manage the required resources to work with the \{environment:ProductName\} using Infragistics Loader. ### Resources The following material (available outside the Infragistics family of content) provides additional information related to this topic. diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx index 6e52895acf..0b20a05583 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx @@ -1,21 +1,21 @@ --- -title: "Customizing the Localization of {environment:ProductName} Controls" +title: "Customizing the Localization of {environment:ProductName} Controls" slug: customizing-the-localization-of-igniteui-for-jquery-controls --- -# Customizing the Localization of {environment:ProductName} Controls +# Customizing the Localization of \{environment:ProductName\} Controls ## Topic Overview ### Purpose -This topic explains how to localize the {environment:ProductName}™ controls in your language of choice. +This topic explains how to localize the \{environment:ProductName\}™ controls in your language of choice. ### Required Background The following table lists the topics required as a prerequisite to understanding this topic. -[Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx) : This topic describes {environment:ProductName} folder structure, how to use Infragistics loader and how to manually reference controls. +[Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx) : This topic describes \{environment:ProductName\} folder structure, how to use Infragistics loader and how to manually reference controls. ### In this topic @@ -42,7 +42,7 @@ This topic contains the following sections: ##<a id="Introduction"></a>Introduction -### Introduction to localizing {environment:ProductName} controls +### Introduction to localizing \{environment:ProductName\} controls Currently we ship jQuery controls in the following languages: @@ -101,10 +101,10 @@ If you want to set a custom language you need to follow a different procedure: ### <a id="subIntroduction"></a>Introduction -This section describes the available localization files for {environment:ProductName} controls. You can find these files under the *<IgniteUI_NPM_Folder>\js\modules\i18n* folder. +This section describes the available localization files for \{environment:ProductName\} controls. You can find these files under the *<IgniteUI_NPM_Folder>\js\modules\i18n* folder. ###<a id="LocalizationSummary"></a> Control localization reference summary -The following table summarizes localization files for {environment:ProductName} controls. +The following table summarizes localization files for \{environment:ProductName\} controls. | Control | Script Name | @@ -147,7 +147,7 @@ The controls `language`, `regional` and `locale` options can be set in both Java width: "200px" }); ``` -When using {environment:ProductNameMVC} `locale` option,which is of type object, for igGrid, igTreeGrid and igHierarachicalGrid can be set vie both lambda expression and string. For all other controls is set only via string. +When using \{environment:ProductNameMVC\} `locale` option,which is of type object, for igGrid, igTreeGrid and igHierarachicalGrid can be set vie both lambda expression and string. For all other controls is set only via string. **In Razor:** @@ -207,7 +207,7 @@ igTreeGrid - `locale` option set with string ## <a id="change-locale"></a> Changing language The controls' language can be set via the `language` option and can be changed runtime in one of the following ways: -- Globally for all {environment:ProductName} widgets on the page, that don't have `language` explicitly set, via the util changeGlobalLanguage function. +- Globally for all \{environment:ProductName\} widgets on the page, that don't have `language` explicitly set, via the util changeGlobalLanguage function. **In JavaScript:** @@ -230,7 +230,7 @@ The controls' language can be set via the `language` option and can be changed r The regional settings of the control can be set via the `regional` option and can be set in one of the following ways: -- Globally for all {environment:ProductName} widgets on the page via the util changeGlobalRegional function. +- Globally for all \{environment:ProductName\} widgets on the page via the util changeGlobalRegional function. **In JavaScript:** @@ -271,7 +271,7 @@ The following screenshot is a preview of the final result. ### <a id="Requirements"></a>Requirements -To complete the procedure, you need to download or install the npm package of {environment:ProductName} {environment:ProductVersionShort} (English version). +To complete the procedure, you need to download or install the npm package of \{environment:ProductName\} \{environment:ProductVersionShort\} (English version). ###<a id="Overview"></a> Overview @@ -480,6 +480,6 @@ The following procedure will guide you to the proccess of changing the language The following topics provide additional information related to this topic. -- [General and Getting Started](/getting-started.mdx): This topic describes how to deploy {environment:ProductName} controls. +- [General and Getting Started](/getting-started.mdx): This topic describes how to deploy \{environment:ProductName\} controls. -- [JavaScript Files in {environment:ProductName}](/deployment-guide-javascript-files.mdx) : This topic lists all JavaScript files in {environment:ProductName}. +- [JavaScript Files in \{environment:ProductName\}](/deployment-guide-javascript-files.mdx) : This topic lists all JavaScript files in \{environment:ProductName\}. diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/defining-events-with-aspnet-helper.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/defining-events-with-aspnet-helper.mdx index aa98cc348c..51f1733dec 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/defining-events-with-aspnet-helper.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/defining-events-with-aspnet-helper.mdx @@ -1,25 +1,25 @@ --- -title: "Defining Events with {environment:ProductNameMVC}" +title: "Defining Events with {environment:ProductNameMVC}" slug: defining-events-with-aspnet-helper --- -# Defining Events with {environment:ProductNameMVC} +# Defining Events with \{environment:ProductNameMVC\} ##Topic Overview #### Purpose -This topic demonstrates how to define a client event handler using {environment:ProductNameMVC}. While the provided example uses the `igCombo`™ `selectionChanged` event, the same approach is used for all {environment:ProductNameMVC} components that support it (all Line of Business {environment:ProductNameMVC} components). +This topic demonstrates how to define a client event handler using \{environment:ProductNameMVC\}. While the provided example uses the `igCombo`™ `selectionChanged` event, the same approach is used for all \{environment:ProductNameMVC\} components that support it (all Line of Business \{environment:ProductNameMVC\} components). #### Required background The following topics are prerequisites to understanding this topic: -- [Adding Controls to an MVC Project](./00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with {environment:ProductNameMVC}® components. +- [Adding Controls to an MVC Project](./00_Adding IgniteUI Controls to an MVC Project.mdx): This topic explains how to get started with \{environment:ProductNameMVC\}® components. -- [Using Events in {environment:ProductNameMVC}](/using-events-in-igniteui-for-jquery.mdx): This topic demonstrates how to handle events raised by {environment:ProductNameMVC} controls. Also included is an explanation of the differences between binding events on initialization and after initialization. +- [Using Events in \{environment:ProductNameMVC\}](/using-events-in-igniteui-for-jquery.mdx): This topic demonstrates how to handle events raised by \{environment:ProductNameMVC\} controls. Also included is an explanation of the differences between binding events on initialization and after initialization. ##Defining an Event Handler – Conceptual Overview @@ -37,13 +37,13 @@ The requirement for completing this procedure is an ASP.NET MVC application conf ## Steps -Following are the general conceptual steps for defining an event handler with {environment:ProductNameMVC}. +Following are the general conceptual steps for defining an event handler with \{environment:ProductNameMVC\}. -1. Instantiating {environment:ProductNameMVC} control. +1. Instantiating \{environment:ProductNameMVC\} control. 2. Defining a JavaScript function to handle the event. -3. Configuring {environment:ProductNameMVC} events. +3. Configuring \{environment:ProductNameMVC\} events. ##Defining an Event Handler – Procedure @@ -61,27 +61,27 @@ The following screenshot is a preview of the final result. To complete the procedure, you need the following: -- An ASP.NET MVC application configured with the required {environment:ProductName} resources +- An ASP.NET MVC application configured with the required \{environment:ProductName\} resources - A controller and action method configured to return a View ### Overview Following is a conceptual overview of the process: ​ -1. Instantiating {environment:ProductNameMVC} control. +1. Instantiating \{environment:ProductNameMVC\} control. 2. Defining a JavaScript function to handle the event. -3. Configuring {environment:ProductNameMVC} events. +3. Configuring \{environment:ProductNameMVC\} events. ### Steps -The following steps demonstrate how to configure the {environment:ProductNameMVC} `igCombo` to handle the `selectionChanged` event on the client. +The following steps demonstrate how to configure the \{environment:ProductNameMVC\} `igCombo` to handle the `selectionChanged` event on the client. -1. Instantiate {environment:ProductNameMVC} control. +1. Instantiate \{environment:ProductNameMVC\} control. - **If adding an event** **to an existing {environment:ProductNameMVC} implementation, see step 2.** If starting without an existing {environment:ProductNameMVC} implementation, copy the below code into your project containing {environment:ProductNameMVC} *igCombo*. + **If adding an event** **to an existing \{environment:ProductNameMVC\} implementation, see step 2.** If starting without an existing \{environment:ProductNameMVC\} implementation, copy the below code into your project containing \{environment:ProductNameMVC\} *igCombo*. **In ASPX:** @@ -148,9 +148,9 @@ The following steps demonstrate how to configure the {environment:ProductNa </script> ``` -3. Configure {environment:ProductNameMVC} event. +3. Configure \{environment:ProductNameMVC\} event. - Configure {environment:ProductNameMVC} to call the JavaScript function when the event is fired. + Configure \{environment:ProductNameMVC\} to call the JavaScript function when the event is fired. **In ASPX:** @@ -172,7 +172,7 @@ The following steps demonstrate how to configure the {environment:ProductNa The following topic provides additional information related to this topic. -- [Using Events in {environment:ProductName}](/using-events-in-igniteui-for-jquery.mdx): This topic demonstrates how to handle events raised by {environment:ProductName} controls. Also included is an explanation of the differences between binding events on initialization and after initialization. +- [Using Events in \{environment:ProductName\}](/using-events-in-igniteui-for-jquery.mdx): This topic demonstrates how to handle events raised by \{environment:ProductName\} controls. Also included is an explanation of the differences between binding events on initialization and after initialization. diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-infragistics-content-delivery-networkcdn.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-infragistics-content-delivery-networkcdn.mdx index bdc4cd4d8f..a879a5bed7 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-infragistics-content-delivery-networkcdn.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-infragistics-content-delivery-networkcdn.mdx @@ -1,9 +1,9 @@ --- -title: "Infragistics Content Delivery Network (CDN) for {environment:ProductName}" +title: "Infragistics Content Delivery Network (CDN) for {environment:ProductName}" slug: deployment-guide-infragistics-content-delivery-network(cdn) --- -# Infragistics Content Delivery Network (CDN) for {environment:ProductName} +# Infragistics Content Delivery Network (CDN) for \{environment:ProductName\} ##Topic Overview @@ -19,9 +19,9 @@ The following table lists the topics required as a prerequisite to understanding - [Content Delivery Network (CDN)](http://en.wikipedia.org/wiki/Content_delivery_network) -- [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the {environment:ProductName} JavaScript within a Web application. +- [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the \{environment:ProductName\} JavaScript within a Web application. -- [Using Infragistics Loader](/using-infragistics-loader.mdx): This topic explains how to manage the required resources to work with the {environment:ProductName} using Infragistics Loader. +- [Using Infragistics Loader](/using-infragistics-loader.mdx): This topic explains how to manage the required resources to work with the \{environment:ProductName\} using Infragistics Loader. ### In this topic @@ -45,9 +45,9 @@ The following table lists the topics required as a prerequisite to understanding To enable CDN support, you need to make the references to the required resources to point to the instances of these resources on the CDN instead of the local server. The files on the CDN are arranged in the same folder structure as they are your local machine. The referencing options are the same too, which means you can reference the resources either statically or with the Infragistics Loader. -The root URL for referencing these resources includes the Volume number of {environment:ProductName} and the version number of the resources. +The root URL for referencing these resources includes the Volume number of \{environment:ProductName\} and the version number of the resources. ->**Note:**Starting with {environment:ProductName} 2012 Volume 2, there is a new 'latest' URL for the CDN. This URL is used in this topic and throughout the help for quickly accessing trial CDN resources. This location is automatically updated to the latest service release of the {environment:ProductName} product and displays a trial watermark on the page when used. To use the production URLs, without a trial watermark, the information is contained on the [Keys & Downloads](https://www.infragistics.com/my-account/keys-and-downloads/) page under the selected product's *Source Code* tab on the Infragistics website. +>**Note:**Starting with \{environment:ProductName\} 2012 Volume 2, there is a new 'latest' URL for the CDN. This URL is used in this topic and throughout the help for quickly accessing trial CDN resources. This location is automatically updated to the latest service release of the \{environment:ProductName\} product and displays a trial watermark on the page when used. To use the production URLs, without a trial watermark, the information is contained on the [Keys & Downloads](https://www.infragistics.com/my-account/keys-and-downloads/) page under the selected product's *Source Code* tab on the Infragistics website. >**Note:** The examples cover using a non-secure URL only, For secure URLs you have to [use secure protocol https](http://en.wikipedia.org/wiki/HTTPS) instead of non-secure protocol http . @@ -61,7 +61,7 @@ The root URL for referencing these resources includes the Volume number of { The following blocks cover referencing resources for standard HTML pages either statically or using the Infragistics Loader. -If you need further details, refer to the [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx) topic. +If you need further details, refer to the [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx) topic. ###<a id="referencing-cdn-hosted-js-css"></a>Referencing CDN-hosted JavaScript and CSS files statically @@ -107,7 +107,7 @@ $.ig.loader({ The following blocks demonstrate referencing resources for ASP.NET MVC either manually or using the Infragistics Loader. The examples cover referencing minified JavaScript files and the ASP.NET MVC Wrapper. If you need further details, refer to the [Using JavaScript Resources in -{environment:ProductName}](/deployment-guide-javascript-resources.mdx) topic. +\{environment:ProductName\}](/deployment-guide-javascript-resources.mdx) topic. ###<a id="js-cdn-statically"></a> Referencing CDN-hosted JavaScript files statically diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-javascript-files.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-javascript-files.mdx index ab29742fe5..6a5b1aaf83 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-javascript-files.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-javascript-files.mdx @@ -1,31 +1,31 @@ --- -title: "JavaScript Files in {environment:ProductName}" +title: "JavaScript Files in {environment:ProductName}" slug: deployment-guide-javascript-files --- -# JavaScript Files in {environment:ProductName} +# JavaScript Files in \{environment:ProductName\} ##Topic Overview ### Purpose -This topic provides reference information about the JavaScript files required to work with the controls included in {environment:ProductName}™. +This topic provides reference information about the JavaScript files required to work with the controls included in \{environment:ProductName\}™. ### Required Background The following list presents the prerequisite topics needed to understanding this material. -- [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the {environment:ProductName} JavaScript within a Web application. +- [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the \{environment:ProductName\} JavaScript within a Web application. -- [Styling and Theming {environment:ProductName}](/styling-and-theming/deployment-guide-styling-and-theming.mdx): This topic provides instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. +- [Styling and Theming \{environment:ProductName\}](/styling-and-theming/deployment-guide-styling-and-theming.mdx): This topic provides instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. -- [Infragistics Content Delivery Network (CDN) for {environment:ProductName}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx): Instructions on using Infragistics Content Delivery Network (CDN) in {environment:ProductName}. +- [Infragistics Content Delivery Network (CDN) for \{environment:ProductName\}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx): Instructions on using Infragistics Content Delivery Network (CDN) in \{environment:ProductName\}. ### JavaScript File Types Reference -The following summarizes the JavaScript file types included in {environment:ProductName}. +The following summarizes the JavaScript file types included in \{environment:ProductName\}. The names of the JavaScript files containing the combined scripts are: @@ -36,7 +36,7 @@ The names of the JavaScript files containing the combined scripts are: - `infragistics.spreadsheet-bundled` - `infragistics.scheduler-bundled` -The files are found in the js folder (the root folder for the JavaScript files in the {environment:ProductName} npm package installation path). +The files are found in the js folder (the root folder for the JavaScript files in the \{environment:ProductName\} npm package installation path). There is also a combined script version of the localization resources in Bulgarian, Russian, Japanese, German, Spanish and French language. File names are `infragistics-bg.js`, `infragistics-ja.js`, `infragistics-ru.js`, `infragistics-de.js`, `infragistics-es.js` and `infragistics-fr.js` and they resides in the `../js/i18n` folder. @@ -52,9 +52,9 @@ The non-minified files are used for debugging purposes. They expose the same fol There are two types of internalizations. First is for the localization resources in the controls. Second is for the regional settings in the controls. -Localization resources for the controls are in Bulgarian, Russian, Japanese, German, Spanish and French languages. These reside in js/modules/i18n (where *js* is the root folder for the JavaScript files in the {environment:ProductName} program installation path). +Localization resources for the controls are in Bulgarian, Russian, Japanese, German, Spanish and French languages. These reside in js/modules/i18n (where *js* is the root folder for the JavaScript files in the \{environment:ProductName\} program installation path). -The regional settings - igRegional JavaScript files - provide localized formats including dates, numbers, and currency symbols for the jQuery editors. These reside in the `../js/modules/i18n/regional` (where `js` is the root folder for the JavaScript files in the {environment:ProductName} npm package installation path). +The regional settings - igRegional JavaScript files - provide localized formats including dates, numbers, and currency symbols for the jQuery editors. These reside in the `../js/modules/i18n/regional` (where `js` is the root folder for the JavaScript files in the \{environment:ProductName\} npm package installation path). >**Note:** When using the combined scripts file you must always reference the regional settings; they are not part of combined scripts file. @@ -63,7 +63,7 @@ For other languages corresponding localization need to be referenced before the ### JavaScript Extensions Files Reference -The following summarizes the JavaScript [Knockout.js](http://knockoutjs.com) extensions files included in {environment:ProductName}. +The following summarizes the JavaScript [Knockout.js](http://knockoutjs.com) extensions files included in \{environment:ProductName\}. The names of the JavaScript files containing the extensions scripts are: @@ -80,7 +80,7 @@ The files are found in the extensions folder which is under the js folder. ##JavaScript Files Reference by Control -### {environment:ProductName} controls listing +### \{environment:ProductName\} controls listing To navigate to the required JavaScript files listing for the particular control, click the control name in the following list. diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-javascript-resources.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-javascript-resources.mdx index 41777d70c5..b79b6b4fc5 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-javascript-resources.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-javascript-resources.mdx @@ -1,16 +1,15 @@ --- -title: "Using JavaScript Resources in {environment:ProductName}" +title: "Using JavaScript Resources in {environment:ProductName}" slug: deployment-guide-javascript-resources --- -# Using JavaScript Resources in {environment:ProductName} - +# Using JavaScript Resources in \{environment:ProductName\} ##Topic Overview #### Purpose -This topic explains how to manage the required resources to work with {environment:ProductName}™ within a Web application. +This topic explains how to manage the required resources to work with \{environment:ProductName\}™ within a Web application. #### In this topic @@ -38,9 +37,9 @@ This topic contains the following sections: ### Referencing Infragistics JavaScript resources summary -To work with {environment:ProductName}, you must reference the Infragistics resources in your Web application. You can reference these resources in four different ways. +To work with \{environment:ProductName\}, you must reference the Infragistics resources in your Web application. You can reference these resources in four different ways. -- **Including a custom JavaScript file**: This is the recommended approach to reference {environment:ProductName} JavaScript files. You can [create a custom download]({environment:SamplesUrl}/download) of selected {environment:ProductName} controls and components. +- **Including a custom JavaScript file**: This is the recommended approach to reference \{environment:ProductName\} JavaScript files. You can [create a custom download](\{environment:SamplesUrl\}/download) of selected \{environment:ProductName\} controls and components. - **Using Infragistics Loader**: The *Infragistics Loader* can be used to resolve all the Infragistics resources (styles and scripts). @@ -50,7 +49,7 @@ To work with {environment:ProductName}, you must reference the Infragi ### Referencing Infragistics JavaScript from a custom download -To create an {environment:ProductName} custom build, go to the [custom download page]({environment:SamplesUrl}/download). Custom builds have two main benefits. First, by choosing only the controls and features used in your application, the browser downloads and executes less total JavaScript. Second, the JavaScript is combined into one file reducing the amount of requests that the browser makes to the server. These benefits result in faster performance for your application. +To create an \{environment:ProductName\} custom build, go to the [custom download page](\{environment:SamplesUrl\}/download). Custom builds have two main benefits. First, by choosing only the controls and features used in your application, the browser downloads and executes less total JavaScript. Second, the JavaScript is combined into one file reducing the amount of requests that the browser makes to the server. These benefits result in faster performance for your application. **In HTML:** @@ -79,7 +78,7 @@ The *Infragistics Loader* resolves all the Infragistics resources (styles and sc <script src="Scripts/infragistics.loader.js" type="text/javascript"></script> ``` -Inside another `<script>` element, you need to include the JavaScript code below to call the *Infragistics Loader* and declare the widget (feature). +Inside another `<script>` element, you need to include the JavaScript code below to call the *Infragistics Loader* and declare the widget (feature). **In Javascript:** @@ -100,7 +99,7 @@ $.ig.loader('igGrid.Paging.Updating', ### Referencing the combined and minified JavaScript file -You need to manually reference several resources for {environment:ProductName} to work, including the base JavaScript files. +You need to manually reference several resources for \{environment:ProductName\} to work, including the base JavaScript files. The combined scripts for all Infragistics JavaScript files is the following: @@ -131,7 +130,7 @@ The combined scripts for all Infragistics JavaScript files is the following: ### Referencing external JavaScript libraries summary -The **Modernizr**, **JQuery**, and **JQuery UI** JavaScript libraries are always required in your projects including the {environment:ProductName}. The Modernizr library detects the current browser features, allowing the controls to identify a touch or non-touch environment. +The **Modernizr**, **JQuery**, and **JQuery UI** JavaScript libraries are always required in your projects including the \{environment:ProductName\}. The Modernizr library detects the current browser features, allowing the controls to identify a touch or non-touch environment. ### Referencing JavaScript libraries @@ -169,7 +168,7 @@ References needed to include the libraries mentioned above: ### Referencing localization resources summary -{environment:ProductName} ships with resources for English ([en]), Japanese ([ja]), Russian ([ru]), Bulgarian ([bg]), German ([de]), Spanish ([es]) and French ([fr]) languages. +\{environment:ProductName\} ships with resources for English ([en]), Japanese ([ja]), Russian ([ru]), Bulgarian ([bg]), German ([de]), Spanish ([es]) and French ([fr]) languages. After adding Infragistics resources, the *scripts* folder of your Web application will have a *modules* folder. Under the modules folder localization resources for modular widgets (igGrid) need to be combined into one file. @@ -262,13 +261,13 @@ The JavaScript files are also available in a hosted environment on the Infragist The following topics provide additional information related to this topic. -- [JavaScript Files in {environment:ProductName}](/deployment-guide-javascript-files.mdx): This topic is a reference to the JavaScript files required to work with the controls included in {environment:ProductName}™. +- [JavaScript Files in \{environment:ProductName\}](/deployment-guide-javascript-files.mdx): This topic is a reference to the JavaScript files required to work with the controls included in \{environment:ProductName\}™. -- [Using Infragistics Loader](/using-infragistics-loader.mdx): This topic explains how to manage the required resources to work with the {environment:ProductName} using Infragistics Loader. +- [Using Infragistics Loader](/using-infragistics-loader.mdx): This topic explains how to manage the required resources to work with the \{environment:ProductName\} using Infragistics Loader. -- [Styling and Theming {environment:ProductName}](/styling-and-theming/deployment-guide-styling-and-theming.mdx): Instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. +- [Styling and Theming \{environment:ProductName\}](/styling-and-theming/deployment-guide-styling-and-theming.mdx): Instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. -- [Infragistics Content Delivery Network (CDN) for {environment:ProductName}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx): Instructions on using Infragistics Content Delivery Network (CDN) in {environment:ProductName}. +- [Infragistics Content Delivery Network (CDN) for \{environment:ProductName\}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx): Instructions on using Infragistics Content Delivery Network (CDN) in \{environment:ProductName\}. diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3.mdx index 6ee6d8567a..0278f7d5ad 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3.mdx @@ -1,16 +1,15 @@ --- -title: "Using {environment:ProductName} in Browsers Without HTML5 or CSS3 Support" +title: "Using {environment:ProductName} in Browsers Without HTML5 or CSS3 Support" slug: deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3 --- -# Using {environment:ProductName} in Browsers Without HTML5 or CSS3 Support +# Using \{environment:ProductName\} in Browsers Without HTML5 or CSS3 Support +\{environment:ProductName\}™ is a set of controls that takes advantage of [jQuery core](http://jquery.com), [jQuery UI](http://jqueryui.com), [HTML5](http://en.wikipedia.org/wiki/HTML5) (markup and APIs) and modern programming practices to help you create state-of-the-art web applications. While web technologies continue to quickly advance, the browser ecosystem evolves at a much slower pace than the underlying technology. This topic explains how old browsers work with \{environment:ProductName\} and how you can develop your applications to respond appropriately in the context of new and old browsers. -{environment:ProductName}™ is a set of controls that takes advantage of [jQuery core](http://jquery.com), [jQuery UI](http://jqueryui.com), [HTML5](http://en.wikipedia.org/wiki/HTML5) (markup and APIs) and modern programming practices to help you create state-of-the-art web applications. While web technologies continue to quickly advance, the browser ecosystem evolves at a much slower pace than the underlying technology. This topic explains how old browsers work with {environment:ProductName} and how you can develop your applications to respond appropriately in the context of new and old browsers. +The controls included in \{environment:ProductName\} are largely made up of custom [jQuery widgets](http://en.wikipedia.org/wiki/JQuery_UI#Widgets) which have a proven operability and performance track record among new and old browsers. This far-reaching ability is possible because most controls render commonplace HTML markup that is supported in nearly all web browsers. JavaScript dependencies are loaded by the controls and only in certain cases use HTML5 JavaScript APIs. CSS3 styling is only used in limited situations. Table 1 depicts which \{environment:ProductName\} controls use new HTML features and CSS3 styling. -The controls included in {environment:ProductName} are largely made up of custom [jQuery widgets](http://en.wikipedia.org/wiki/JQuery_UI#Widgets) which have a proven operability and performance track record among new and old browsers. This far-reaching ability is possible because most controls render commonplace HTML markup that is supported in nearly all web browsers. JavaScript dependencies are loaded by the controls and only in certain cases use HTML5 JavaScript APIs. CSS3 styling is only used in limited situations. Table 1 depicts which {environment:ProductName} controls use new HTML features and CSS3 styling. - -**Table 1:** Only a select number of {environment:ProductName} controls use HTML5 markup, HTML5 APIs or CSS3 styling. +**Table 1:** Only a select number of \{environment:ProductName\} controls use HTML5 markup, HTML5 APIs or CSS3 styling. | Control | HTML5 Markup | HTML5 APIs | CSS 3 Styling/Animations | Behavior and/or appearance in old browsers* | @@ -73,7 +72,7 @@ Read more about Modernizer on its website: [http://modernizr.com](http://moderni #Conclusion -Most controls included in {environment:ProductName} will operate as expect in new as well as old web browsers. In the few cases where controls use state-of-the-art HTML features, either the control compensates for the less-capable browser or you can employ manual or library-based capability detection to determine if your page will work as expected in any given browser. +Most controls included in \{environment:ProductName\} will operate as expect in new as well as old web browsers. In the few cases where controls use state-of-the-art HTML features, either the control compensates for the less-capable browser or you can employ manual or library-based capability detection to determine if your page will work as expected in any given browser. #Related Items diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide.mdx index f261e5c82e..cc3524f71a 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/deployment-guide.mdx @@ -6,24 +6,24 @@ slug: deployment-guide # Deployment Guide ## Introduction -Deploying {environment:ProductName} applications requires that you account for the three types of resources that make up a control: JavaScript, CSS and images. Each of these resources may be managed differently depending on how you have your application configured. +Deploying \{environment:ProductName\} applications requires that you account for the three types of resources that make up a control: JavaScript, CSS and images. Each of these resources may be managed differently depending on how you have your application configured. ## Files and Locations As you prepare to build or deploy your application, it’s a good idea to begin by reviewing the different -[JavaScript Files in {environment:ProductName}](/deployment-guide-javascript-files.mdx). Once familiar with the different types of files used by {environment:ProductName}, then refer to [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx) to learn how to reference control resources (including details on localized resources). We have specific topics that cover [manually adding files to a page](/adding-the-required-resources-for-igniteui-for-jquery.mdx) as well as [automatically referencing files with the {environment:ProductName} script loader](/using-infragistics-loader.mdx). You have the option of requesting files from your servers or via the [Infragistics Content Delivery Network (CDN)](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx). +[JavaScript Files in \{environment:ProductName\}](/deployment-guide-javascript-files.mdx). Once familiar with the different types of files used by \{environment:ProductName\}, then refer to [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx) to learn how to reference control resources (including details on localized resources). We have specific topics that cover [manually adding files to a page](/adding-the-required-resources-for-igniteui-for-jquery.mdx) as well as [automatically referencing files with the \{environment:ProductName\} script loader](/using-infragistics-loader.mdx). You have the option of requesting files from your servers or via the [Infragistics Content Delivery Network (CDN)](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx). ## Localization If you choose to localize your application you have the option to [customize the localization settings](/customizing-the-localization-of-igniteui-for-jquery-controls.mdx), which may have an impact on your deployment procedure. -## Using {environment:ProductNameMVC} -You have the option of working with {environment:ProductName} controls directly in JavaScript or by using the {environment:ProductNameMVC}. If you use the helper methods then you want to learn how [adding controls to an MVC project](./00_Adding IgniteUI Controls to an MVC Project.mdx) can affect your deployment. +## Using \{environment:ProductNameMVC\} +You have the option of working with \{environment:ProductName\} controls directly in JavaScript or by using the \{environment:ProductNameMVC\}. If you use the helper methods then you want to learn how [adding controls to an MVC project](./00_Adding IgniteUI Controls to an MVC Project.mdx) can affect your deployment. ## Styling and Theming -Adding themes to your application requires that you deploy the style and image files to the appropriate place on the server. The [Styling and Theming in {environment:ProductName}](/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic includes details on how the files should be organized. +Adding themes to your application requires that you deploy the style and image files to the appropriate place on the server. The [Styling and Theming in \{environment:ProductName\}](/styling-and-theming/deployment-guide-styling-and-theming.mdx) topic includes details on how the files should be organized. ## Supporting Old Browsers -Sometimes your application is required to run in some old contexts. Make sure to read [Using {environment:ProductName} in Browsers Without HTML5 or CSS3 Support](/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3.mdx) to mitigate any issues working with old browsers. +Sometimes your application is required to run in some old contexts. Make sure to read [Using \{environment:ProductName\} in Browsers Without HTML5 or CSS3 Support](/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3.mdx) to mitigate any issues working with old browsers. -## Upgrading {environment:ProductName} -If your deployment includes an upgrade in {environment:ProductName}, then the [Upgrading Projects to the Latest {environment:ProductName} Version](/manually-updating-previous-versions.mdx) topic includes the details to help you make a smooth transition. +## Upgrading \{environment:ProductName\} +If your deployment includes an upgrade in \{environment:ProductName\}, then the [Upgrading Projects to the Latest \{environment:ProductName\} Version](/manually-updating-previous-versions.mdx) topic includes the details to help you make a smooth transition. diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/formatting-dates-numbers-and-strings.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/formatting-dates-numbers-and-strings.mdx index 5b15bb7bd6..1d354d9f4e 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/formatting-dates-numbers-and-strings.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/formatting-dates-numbers-and-strings.mdx @@ -2,6 +2,9 @@ title: "Formatting Dates, Numbers and Strings" slug: formatting-dates-numbers-and-strings --- + +# Formatting Dates, Numbers and Strings + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Formatting Dates, Numbers and Strings @@ -24,7 +27,7 @@ This topic contains the following sections: ## <a id="introduction"></a> Introduction -The `infragistics.util` files contain an utility function `$.ig.formatter` that is used to format dates, numbers and strings across the {environment:ProductName} controls. For example the igGrid uses it in the <ApiLink type="iggrid" member="columns.format" section="options" label="format" /> option. +The `infragistics.util` files contain an utility function `$.ig.formatter` that is used to format dates, numbers and strings across the \{environment:ProductName\} controls. For example the igGrid uses it in the <ApiLink type="iggrid" member="columns.format" section="options" label="format" /> option. The function signature is: `$.ig.formatter = function (val, type, format, notTemplate, enableUTCDates, displayStyle, labelText, tabIndex)`. Result is of type `string`. The topic will focus only on the first three parameters of the function: diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/getting-started.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/getting-started.mdx index d6e37b45c6..bd830aa704 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/getting-started.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/getting-started.mdx @@ -1,9 +1,9 @@ --- -title: "Getting Started with {environment:ProductName}" +title: "Getting Started with {environment:ProductName}" slug: getting-started --- -# Getting Started with {environment:ProductName} +# Getting Started with \{environment:ProductName\} ## In this topic @@ -11,11 +11,11 @@ This topic contains the following sections: - [Introduction](#introduction) - [Download and Install](#download) -- [Host {environment:ProductName} in your project](#hosting) - - [Using {environment:ProductFamilyName} CLI](#igniteui-cli) +- [Host \{environment:ProductName\} in your project](#hosting) + - [Using \{environment:ProductFamilyName\} CLI](#igniteui-cli) - [Using NPM, JSPM, NuGet](#package_managers) - [Add CSS and JavaScript references](#add_references) - - [Sample {environment:ProductName} Boilerplate HTML page (using trial CDN links)](#boilerplate) + - [Sample \{environment:ProductName\} Boilerplate HTML page (using trial CDN links)](#boilerplate) - [Add your first control](#first_control) - [Add an igGrid Directly](#directly) - [Add an igGrid using Page Designer](#page_designer) @@ -25,74 +25,74 @@ This topic contains the following sections: - [AngularJS Extensions](#angularjs) - [Angular Extensions](#angular) - [ReactJS Extensions](#reactjs) -- [{environment:ProductNameMVC}](#aspnet_wrappers) +- [\{environment:ProductNameMVC\}](#aspnet_wrappers) - [Related Content](#related_content) ## <a id="introduction"></a>Introduction -{environment:ProductName}™ is an advanced HTML5+ toolset that helps you create stunning, modern Web apps. Building on jQuery and jQuery UI, it primarily consists of feature rich, high-performing UI controls/widgets such as all kinds of charts, data visualization maps, (hierarchical, editable) data grids, pivot grids, enhanced editors (combo box, masked editors, HTML editor, date picker, to name a few), flexible data source connectors, and a whole lot more. +\{environment:ProductName\}™ is an advanced HTML5+ toolset that helps you create stunning, modern Web apps. Building on jQuery and jQuery UI, it primarily consists of feature rich, high-performing UI controls/widgets such as all kinds of charts, data visualization maps, (hierarchical, editable) data grids, pivot grids, enhanced editors (combo box, masked editors, HTML editor, date picker, to name a few), flexible data source connectors, and a whole lot more. -{environment:ProductName} comes in two vesions: -- Open Source - a free version that contains a subset of the complete toolset. Grids and Data Visualization controls are excluded. For more information checkout the [{environment:ProductName} OSS](https://github.com/IgniteUI/ignite-ui) project on GitHub™. +\{environment:ProductName\} comes in two vesions: +- Open Source - a free version that contains a subset of the complete toolset. Grids and Data Visualization controls are excluded. For more information checkout the [\{environment:ProductName\} OSS](https://github.com/IgniteUI/ignite-ui) project on GitHub™. - Full - a paid version that contains the complete toolset. -# <a id="hosting"></a>Host {environment:ProductName} in your project +# <a id="hosting"></a>Host \{environment:ProductName\} in your project -You have several options to host {environment:ProductName} in your project: +You have several options to host \{environment:ProductName\} in your project: -- Use {environment:ProductFamilyName} CLI +- Use \{environment:ProductFamilyName\} CLI - Use Package Manager like NPM, JSPM, NuGet - Use [Infragistics Content Delivery Network (CDN)](#cdn) -## <a id="igniteui-cli"></a>Using {environment:ProductFamilyName} CLI +## <a id="igniteui-cli"></a>Using \{environment:ProductFamilyName\} CLI -The {environment:ProductFamilyName} CLI is a tool to initialize, develop, scaffold and maintain applications in Angular, React and jQuery. +The \{environment:ProductFamilyName\} CLI is a tool to initialize, develop, scaffold and maintain applications in Angular, React and jQuery. To start using it, you need to install the npm package as a global module: ``` npm install -g igniteui-cli ``` -For more information read [Using {environment:ProductFamilyName} CLI](/using-ignite-ui-cli.mdx) topic. +For more information read [Using \{environment:ProductFamilyName\} CLI](/using-ignite-ui-cli.mdx) topic. ## <a id="package_managers"></a>Using NPM, JSPM, NuGet -The primary distribution method for the {environment:ProductName} family of controls is through package managers such as NPM, JSPM and NuGet. +The primary distribution method for the \{environment:ProductName\} family of controls is through package managers such as NPM, JSPM and NuGet. -NPM (installs [{environment:ProductName} Open Source](https://www.npmjs.com/package/ignite-ui)) +NPM (installs [\{environment:ProductName\} Open Source](https://www.npmjs.com/package/ignite-ui)) ``` npm install ignite-ui ``` -For instructions how to configure the full licensed package, please check [Using {environment:ProductName} npm packages](/using-ignite-ui-npm-packages.mdx) topic. +For instructions how to configure the full licensed package, please check [Using \{environment:ProductName\} npm packages](/using-ignite-ui-npm-packages.mdx) topic. -NuGet (installs [{environment:ProductName} Trial](https://www.nuget.org/packages/IgniteUI/)) +NuGet (installs [\{environment:ProductName\} Trial](https://www.nuget.org/packages/IgniteUI/)) ``` Install-Package IgniteUI ``` -For instructions how to configure the licensed package, please check [Using {environment:ProductName} NuGet packages](/using-ignite-ui-nuget-packages.mdx) topic. +For instructions how to configure the licensed package, please check [Using \{environment:ProductName\} NuGet packages](/using-ignite-ui-nuget-packages.mdx) topic. -JSPM (installs [{environment:ProductName} Open Source](https://www.npmjs.com/package/ignite-ui)) +JSPM (installs [\{environment:ProductName\} Open Source](https://www.npmjs.com/package/ignite-ui)) ``` jspm install npm:ignite-ui ``` -For instructions how to configure the full licensed package, please check [Using System.JS with {environment:ProductName} controls](/using-systemjs-with-igniteui-controls.mdx) topic. +For instructions how to configure the full licensed package, please check [Using System.JS with \{environment:ProductName\} controls](/using-systemjs-with-igniteui-controls.mdx) topic. ### <a id="add_references"></a>Add CSS and JavaScript references -{environment:ProductName} depends on jQuery and jQuery UI libraries and you need to add references to them before the {environment:ProductName} scripts. You also have several options to include the {environment:ProductName} controls in the page +\{environment:ProductName\} depends on jQuery and jQuery UI libraries and you need to add references to them before the \{environment:ProductName\} scripts. You also have several options to include the \{environment:ProductName\} controls in the page - Referencing combined and minified bundle files - the package comes with combined and minified files which group controls by type. There are `infragistics.core.js` (mandatory), `infragistics.lob.js` which contains the Line of Business controls like Grids, `infragistics.dv.js` which contains the Data Visualization controls like Charts, `infragistics.excel-bundled.js` which contains all excel exporting related logic, `infragistics.spreadsheet-bundled.js` which contains only spreadsheet user interface implementation and `infragistics.scheduler-bundled.js` which contains all scheduler related logic. For more information check [Adding Required Resources Manually](/adding-the-required-resources-for-igniteui-for-jquery.mdx) topic. -- Referencing individual control files - For more information check [JavaScript Files in {environment:ProductName}](/deployment-guide-javascript-files.mdx) topic. -- Using Infragistics Loader - The Infragistics Loader is a loader that can automatically load {environment:ProductName} files (and not only). It saves you the burden to reference control files manually. For more information check [Adding Required Resources Automatically with the Infragistics Loader](/using-infragistics-loader.mdx) topic. -- Using AMD Loader - {environment:ProductName} is AMD compatible and can be used with all popular AMD loaders. +- Referencing individual control files - For more information check [JavaScript Files in \{environment:ProductName\}](/deployment-guide-javascript-files.mdx) topic. +- Using Infragistics Loader - The Infragistics Loader is a loader that can automatically load \{environment:ProductName\} files (and not only). It saves you the burden to reference control files manually. For more information check [Adding Required Resources Automatically with the Infragistics Loader](/using-infragistics-loader.mdx) topic. +- Using AMD Loader - \{environment:ProductName\} is AMD compatible and can be used with all popular AMD loaders. -### <a id="boilerplate"></a>Sample {environment:ProductName} Boilerplate HTML page (using trial CDN links) +### <a id="boilerplate"></a>Sample \{environment:ProductName\} Boilerplate HTML page (using trial CDN links) -The following code represents a sample boilerplate HTML page containing the required references (CDN links) needed to start using {environment:ProductName}. +The following code represents a sample boilerplate HTML page containing the required references (CDN links) needed to start using \{environment:ProductName\}. ``` <!DOCTYPE html> @@ -145,23 +145,23 @@ There are two options available: Directly or with Page Designer ### <a id="directly"></a>Add an igGrid Directly <div class="embed-sample"> - [igGrid Paging]({environment:SamplesEmbedUrl}/grid/paging) + [igGrid Paging](\{environment:SamplesEmbedUrl\}/grid/paging) </div> ### <a id="page_designer"></a>Add an igGrid using Page Designer -The {environment:ProductName} [Page Designer](http://designer.igniteui.com/) gives you a complete designer experience to configure any {environment:ProductName} control by only using the mouse. +The \{environment:ProductName\} [Page Designer](http://designer.igniteui.com/) gives you a complete designer experience to configure any \{environment:ProductName\} control by only using the mouse. To add `igGrid` to a page design area (on the left) in the toolbox (on the right) find "List & Pickers" section and drag and drop the Grid control. Then use the Property Editor to configure the grid. When ready just copy the resulting generated page. ## <a id="custom_download"></a>Get just what you need -The {environment:ProductName} [Custom Download Page](https://www.igniteui.com/download) gives you the option to choose only the {environment:ProductName} controls and features you use in your project and download optimized (minified and combined) JavaScript and CSS files for maximum page load performance. +The \{environment:ProductName\} [Custom Download Page](https://www.igniteui.com/download) gives you the option to choose only the \{environment:ProductName\} controls and features you use in your project and download optimized (minified and combined) JavaScript and CSS files for maximum page load performance. ## <a id="cdn"></a>Using CDN Links -Instead of hosting the {environment:ProductName} script files into your project, you can just use {environment:ProductName} CDN links. For Internet applications CDN usually serves files faster to the end users compared to host them on premise. +Instead of hosting the \{environment:ProductName\} script files into your project, you can just use \{environment:ProductName\} CDN links. For Internet applications CDN usually serves files faster to the end users compared to host them on premise. -Following are the {environment:ProductName} Trial links. For more details checkout [Infragistics Content Delivery Network (CDN) for {environment:ProductName}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx) topic. +Following are the \{environment:ProductName\} Trial links. For more details checkout [Infragistics Content Delivery Network (CDN) for \{environment:ProductName\}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx) topic. ``` @@ -180,28 +180,28 @@ Following are the {environment:ProductName} Trial links. For more deta ## <a id="typescript"></a>TypeScript Definitions -{environment:ProductName} provides type definitions for TypeScript allowing you to take advantage of strong typing, compile time checking and IntelliSense features. For more information check [Using {environment:ProductName} with TypeScript](Using-Ignite-UI-with-TypeScript.html) topic. +\{environment:ProductName\} provides type definitions for TypeScript allowing you to take advantage of strong typing, compile time checking and IntelliSense features. For more information check [Using \{environment:ProductName\} with TypeScript](Using-Ignite-UI-with-TypeScript.html) topic. ## <a id="angularjs"></a>AngularJS Extensions -{environment:ProductName} AngularJS extenstions provide two-way data binding and declarative initialization for controls used in AngularJS applications. For more information check [Using {environment:ProductName} with AngularJS](../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx) topic. +\{environment:ProductName\} AngularJS extenstions provide two-way data binding and declarative initialization for controls used in AngularJS applications. For more information check [Using \{environment:ProductName\} with AngularJS](../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx) topic. ## <a id="angular"></a>Angular Extensions -{environment:ProductName} Angular Extensions provide two-way data binding, declarative initialization and native API for controls used in Angular applications. For more information check [{environment:ProductName} extensions for Angular](https://github.com/IgniteUI/igniteui-angular-wrappers) on GitHub. +\{environment:ProductName\} Angular Extensions provide two-way data binding, declarative initialization and native API for controls used in Angular applications. For more information check [\{environment:ProductName\} extensions for Angular](https://github.com/IgniteUI/igniteui-angular-wrappers) on GitHub. ## <a id="reactjs"></a>ReactJS Extensions -{environment:ProductName} ReactJS extenstions provide JSX markup and React API initialization. For more information check [{environment:ProductName} extensions for React](https://github.com/IgniteUI/igniteui-react) on GitHub. +\{environment:ProductName\} ReactJS extenstions provide JSX markup and React API initialization. For more information check [\{environment:ProductName\} extensions for React](https://github.com/IgniteUI/igniteui-react) on GitHub. -## <a id="aspnet_wrappers"></a>{environment:ProductNameMVC} +## <a id="aspnet_wrappers"></a>\{environment:ProductNameMVC\} -{environment:ProductNameMVC} provide Model and View Chaining initialization as well as out of the box server-side remote requests handling. For more information check [Adding Controls to an MVC Project](./00_Adding IgniteUI Controls to an MVC Project.mdx) topic. +\{environment:ProductNameMVC\} provide Model and View Chaining initialization as well as out of the box server-side remote requests handling. For more information check [Adding Controls to an MVC Project](./00_Adding IgniteUI Controls to an MVC Project.mdx) topic. ## <a id="related_content"></a>Related Content ### Topics -- [{environment:ProductName} CLI](/using-ignite-ui-cli.mdx) +- [\{environment:ProductName\} CLI](/using-ignite-ui-cli.mdx) - [Deployment Guide](/deployment-guide.mdx) -- [{environment:ProductName} Page Designer](http://designer.igniteui.com/) \ No newline at end of file +- [\{environment:ProductName\} Page Designer](http://designer.igniteui.com/) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/historyjs-integration-with-igniteui-controls.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/historyjs-integration-with-igniteui-controls.mdx index 33e6bb4ba3..d4f312b963 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/historyjs-integration-with-igniteui-controls.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/historyjs-integration-with-igniteui-controls.mdx @@ -1,15 +1,15 @@ --- -title: "History.js Integration with {environment:ProductName} controls" +title: "History.js Integration with {environment:ProductName} controls" slug: historyjs-integration-with-igniteui-controls --- -# History.js Integration with {environment:ProductName} controls +# History.js Integration with \{environment:ProductName\} controls ## Topic Overview ### Purpose -{environment:ProductName} controls are fully integrated with history.js – a popular framework for browser history support. This topic describes the requirements to achieve that and demonstrates how the igGrid control can be integrated with history.js framework. +\{environment:ProductName\} controls are fully integrated with history.js – a popular framework for browser history support. This topic describes the requirements to achieve that and demonstrates how the igGrid control can be integrated with history.js framework. ### Required background @@ -50,7 +50,7 @@ When using the browser History API, a current page is defined with three main pa Defining the current page state, using the parameters above, then the page can be added to the history stack, replaced or restored from there and it will be available, when navigating through the browser history. -{environment:ProductName} controls can be fully integrated with history.js. When we want to save the state of IgniteUI control, we use the client-side event API of the latter. Those events carry the current state of the IgniteUI control - a state we can use the push it to the browser history stack. Follow the next paragraph for more information of how to integrate igGrid with the HistotyJS framework. +\{environment:ProductName\} controls can be fully integrated with history.js. When we want to save the state of IgniteUI control, we use the client-side event API of the latter. Those events carry the current state of the IgniteUI control - a state we can use the push it to the browser history stack. Follow the next paragraph for more information of how to integrate igGrid with the HistotyJS framework. The following are the browser History and History.js API methods that are needed to enable that functionality for the IgniteUI controls. Follow that [topic](https://developer.mozilla.org/en-US/docs/Web/API/History_API), for detailed information about the full browser History API and [History.js](https://github.com/browserstate/history.js/) framework overview in GitHub. @@ -202,7 +202,7 @@ In addition, the sample have some code that apply a sorting, when the grid is in <div class="embed-sample"> - [HistoryJS]({environment:SamplesEmbedUrl}/grid/history) + [HistoryJS](\{environment:SamplesEmbedUrl\}/grid/history) </div> ## <a id="related-content"></a> Related Content diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/manually-updating-previous-versions.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/manually-updating-previous-versions.mdx index 9eefb9d46b..1838cac93a 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/manually-updating-previous-versions.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/manually-updating-previous-versions.mdx @@ -1,33 +1,32 @@ --- -title: "Upgrading Projects to the Latest {environment:ProductName} Version" +title: "Upgrading Projects to the Latest {environment:ProductName} Version" slug: manually-updating-previous-versions --- -# Upgrading Projects to the Latest {environment:ProductName} Version - +# Upgrading Projects to the Latest \{environment:ProductName\} Version ##Topic Overview ### Purpose -This topic details how to upgrade projects that use {environment:ProductName}™ to the current version of the {environment:ProductName} library. +This topic details how to upgrade projects that use \{environment:ProductName\}™ to the current version of the \{environment:ProductName\} library. ### Required background The following list presents the topics required as a prerequisite to understanding this topic. -- [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the {environment:ProductName} JavaScript within a Web application. +- [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the \{environment:ProductName\} JavaScript within a Web application. -- [Styling and Theming {environment:ProductName}](/styling-and-theming/deployment-guide-styling-and-theming.mdx): This topic provides instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. +- [Styling and Theming \{environment:ProductName\}](/styling-and-theming/deployment-guide-styling-and-theming.mdx): This topic provides instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. -- [JavaScript Files in {environment:ProductName}](/deployment-guide-javascript-files.mdx): This topic is a reference to the JavaScript files required to work with the controls included in {environment:ProductName}. +- [JavaScript Files in \{environment:ProductName\}](/deployment-guide-javascript-files.mdx): This topic is a reference to the JavaScript files required to work with the controls included in \{environment:ProductName\}. ##Introduction -Every new {environment:ProductName} volume release has a lot of new features and bug fixes. If you want to adopt the latest changes, you need to upgrade your projects by updating all JavaScript and theme files. {environment:ProductName} has no automated upgrade utility, so you have to replace these files manually. To do this, you need to first become familiar with new files and the new folder structure as new releases usually come with significant changes in file organization. +Every new \{environment:ProductName\} volume release has a lot of new features and bug fixes. If you want to adopt the latest changes, you need to upgrade your projects by updating all JavaScript and theme files. \{environment:ProductName\} has no automated upgrade utility, so you have to replace these files manually. To do this, you need to first become familiar with new files and the new folder structure as new releases usually come with significant changes in file organization. ### What you need to upgrade @@ -45,7 +44,7 @@ What you need to upgrade depends on what your application uses, as outlined in t ### Introduction -The procedure of updating a project that uses {environment:ProductName} includes updating the JavaScript files and jQuery UI themes and, if the ASP.NET MVC is used, also the references to the assemblies. +The procedure of updating a project that uses \{environment:ProductName\} includes updating the JavaScript files and jQuery UI themes and, if the ASP.NET MVC is used, also the references to the assemblies. ### <a id="prerequisites"></a>Prerequisites @@ -71,7 +70,7 @@ The JavaScript files can be found in `<IgniteUI_NPM_Directory>/js/`. The CSS files can be found in `<IgniteUI_NPM_Directory>/css/` -- The latest version of the {environment:ProductName} assemblies. +- The latest version of the \{environment:ProductName\} assemblies. You can obtain these by updating your project dependencies in the Nuget Package Manager in your Visual Studio. @@ -110,11 +109,11 @@ To switch to the latest version of the resources, delete the existing Infragisti - If you have the latest version of the JavaScript files installed, copy them from the npm package installation folder (in case you don't reference them directly). - > **Note:** There are breaking changes in JavaScript files and folder structure. More information for changes, refer to [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx). + > **Note:** There are breaking changes in JavaScript files and folder structure. More information for changes, refer to [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx). 3. Copy the new version of the jQuery UI theme files together with their folder structure to the themes folder of your project. - - If you have the latest version of the theme files installed, copy them from the {environment:ProductName} npm package installation folder (in case you don't reference them directly). + - If you have the latest version of the theme files installed, copy them from the \{environment:ProductName\} npm package installation folder (in case you don't reference them directly). - If you have customized versions of the old themes, these customizations must be re-created (copied) manually in the new versions of the themes. - If you have a ThemeRoller theme, copy theme from backup folder in the css/theme folder. @@ -123,11 +122,11 @@ UI theme that you backed up you have the corresponding new theme copied. >**Note:** There is breaking changes in CSS files and folder structure. More information for changes read [Styling and Theming -{environment:ProductName}](/styling-and-theming/deployment-guide-styling-and-theming.mdx). +\{environment:ProductName\}](/styling-and-theming/deployment-guide-styling-and-theming.mdx). ​**3. (Conditional) Upgrade the assemblies** -If your application uses the {environment:ProductNameMVC} or the Document assemblies, the assemblies for the new versions must be included in your application. Following is the list of the assemblies you need to include: +If your application uses the \{environment:ProductNameMVC\} or the Document assemblies, the assemblies for the new versions must be included in your application. Following is the list of the assemblies you need to include: - `Infragistics.Web.Mvc.dll` - `Infragistics.WebUI.Documents.Core.dll` **or** `Infragistics.Web.Documents.Core.dll` @@ -140,7 +139,7 @@ If your application uses the {environment:ProductNameMVC} or the Docum To upgrade the assemblies: -​1. Remove the existing references to the {environment:ProductName} assemblies. +​1. Remove the existing references to the \{environment:ProductName\} assemblies. In Visual Studio, remove the existing references for the Infragistics assemblies from your project. @@ -159,7 +158,7 @@ To verify the result, run your application and test it for issues. The following topics provide additional information related to this topic. -- [What’s New](/whats-new/jquery-whats-new-landing-page.mdx): The topics in this group provide information about the new controls and features introduced in the various versions of the {environment:ProductName} library of controls. +- [What’s New](/whats-new/jquery-whats-new-landing-page.mdx): The topics in this group provide information about the new controls and features introduced in the various versions of the \{environment:ProductName\} library of controls. diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/customizing-ignite-ui-bootstrap-themes.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/customizing-ignite-ui-bootstrap-themes.mdx index 095c011c75..9824208cc5 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/customizing-ignite-ui-bootstrap-themes.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/customizing-ignite-ui-bootstrap-themes.mdx @@ -1,11 +1,11 @@ --- -title: "Customizing {environment:ProductName} Bootstrap Themes" +title: "Customizing {environment:ProductName} Bootstrap Themes" slug: customizing-ignite-ui-bootstrap-themes --- -# Customizing {environment:ProductName} Bootstrap Themes +# Customizing \{environment:ProductName\} Bootstrap Themes -When customizing a Bootstrap-based theme for {environment:ProductName}, there are specific steps you must follow in order to correctly modify the theme. Depending on how you wish to customize your theme you may want to add Bootstrap styles to an {environment:ProductName} theme, modify LESS/SASS variables, customize jQuery UI controls or customize {environment:ProductName} controls specifically. This topic explains the different files (and their purpose) that make up an {environment:ProductName} Bootstrap-based theme and describes the steps required in order for you to modify the theme. +When customizing a Bootstrap-based theme for \{environment:ProductName\}, there are specific steps you must follow in order to correctly modify the theme. Depending on how you wish to customize your theme you may want to add Bootstrap styles to an \{environment:ProductName\} theme, modify LESS/SASS variables, customize jQuery UI controls or customize \{environment:ProductName\} controls specifically. This topic explains the different files (and their purpose) that make up an \{environment:ProductName\} Bootstrap-based theme and describes the steps required in order for you to modify the theme. ##Anatomy of a Theme @@ -16,16 +16,16 @@ The following table lists the different files which are referenced by the main t File Name | Purpose ---|--- -variables.less / variables.scss | When creating a comprehensive Bootstrap-based theme, the `variables` file includes not only the style rules which relate to {environment:ProductName} controls, but also the rest of the style rules required to create a Bootstrap theme. +variables.less / variables.scss | When creating a comprehensive Bootstrap-based theme, the `variables` file includes not only the style rules which relate to \{environment:ProductName\} controls, but also the rest of the style rules required to create a Bootstrap theme. framework.less / framework.scss|The `framework` file includes the structure style rules required for jQuery UI native controls. There are no theme-related styles here, so unless you need to alter the structure of a native control, you don’t need to modify this file. infragistics.jqueryui.theme.less / infragistics.jqueryui.theme.scss| The `infragistics.jqueryui.theme` file includes all the style rules relevant to styling jQuery UI widgets in the theme. -infragistics.igniteui.theme.less / infragistics.igniteui.theme.scss | The `infragistics.igniteui.theme` file includes all the style rules relevant to styling {environment:ProductName} controls in the theme. +infragistics.igniteui.theme.less / infragistics.igniteui.theme.scss | The `infragistics.igniteui.theme` file includes all the style rules relevant to styling \{environment:ProductName\} controls in the theme. -## Adding Bootstrap Theme Styles to an {environment:ProductName} Theme +## Adding Bootstrap Theme Styles to an \{environment:ProductName\} Theme -If you are looking to integrate a Bootstrap theme into an {environment:ProductName} theme you need to incorporate the variables from Bootstrap and use them in the {environment:ProductName} theme. The following steps demonstrate how to do this integration: +If you are looking to integrate a Bootstrap theme into an \{environment:ProductName\} theme you need to incorporate the variables from Bootstrap and use them in the \{environment:ProductName\} theme. The following steps demonstrate how to do this integration: 1. You can find different bootstrap themes under `\css\themes\bootstrap3`, `\css\themes\bootstrap3\<theme name>` or `\css\themes\bootstrap4` that you can use as a base by crating a copy. You can modify the variables file or replace it with one from your chosen Bootstrap. See the Modifying Variables to Customize Your Theme section below. 2. Next, you need to verify or perhaps adjust the sprites used in the theme (depending on the color palette of your theme you may need to adjust the colors used in the sprite image). Sprite images are found in the images folder. Once the sprites are finalized, open the `infragistics.theme.*ss` file in a text editor. There are three basic icon sprites that can be used in the theme. @@ -54,7 +54,7 @@ If you are looking to integrate a Bootstrap theme into an {environment:Prod ## Modifying Variables to Customize Your Theme -The following steps demonstrate where to modify the variables in order to customize the {environment:ProductName} theme. +The following steps demonstrate where to modify the variables in order to customize the \{environment:ProductName\} theme. 1. Open `variables.less` or `variables.scss`(depending on the chosen base theme) in your text editor and edit the values to fit your intended design. The names of the values are self-explanatory and will give you an idea as to what they will affect. For example you might find this set of variables: diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx index f9cbc1ebd7..b2ef9ac552 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx @@ -15,7 +15,7 @@ This topic provides instructions on setting up your application for design time, This topic contains the following sections: -- [Styling and Theming {environment:ProductName}](#_Styling_and_Theming_IgniteUI) +- [Styling and Theming \{environment:ProductName\}](#_Styling_and_Theming_IgniteUI) - [Adding Required Themes in Your Application](#_Adding_Required_Themes_in_Your_Application) - [Infragistics Themes](#Infragistics_Themes) - [Using Infragistics Loader for Adding a Theme in Your Application](#_Using_Infragistics_Loader_for_Adding_a_Theme_in_Your_Application) @@ -25,16 +25,16 @@ This topic contains the following sections: - [Related Content](#_Related_Content) -##<a id="_Styling_and_Theming_IgniteUI"></a>Styling and Theming {environment:ProductName} +##<a id="_Styling_and_Theming_IgniteUI"></a>Styling and Theming \{environment:ProductName\} #### Overview -{environment:ProductName}™ utilizes the jQuery UI CSS Framework for styling and theming purposes. *Infragistics*, *Infragistics 2012*, *metro* and *iOS* are jQuery UI themes provided by Infragistics for use in your application. The default Twitter Bootstrap theme along with three custom ones – *Yeti*, *Superhero* and *Flatly*, compiled for usage with jQuery UI and {environment:ProductName} controls are also available. This document shows how to setup your application for design time and overviews, how to create or customize a theme, and provides options for using {environment:ProductName} CSS in production. +\{environment:ProductName\}™ utilizes the jQuery UI CSS Framework for styling and theming purposes. *Infragistics*, *Infragistics 2012*, *metro* and *iOS* are jQuery UI themes provided by Infragistics for use in your application. The default Twitter Bootstrap theme along with three custom ones – *Yeti*, *Superhero* and *Flatly*, compiled for usage with jQuery UI and \{environment:ProductName\} controls are also available. This document shows how to setup your application for design time and overviews, how to create or customize a theme, and provides options for using \{environment:ProductName\} CSS in production. #### Organization of CSS resources -Provided with {environment:ProductName} is a set of combined and minified themes for use in a production environment. These minified versions reduce the readability of the CSS but in production allow for faster download of resources across the network. +Provided with \{environment:ProductName\} is a set of combined and minified themes for use in a production environment. These minified versions reduce the readability of the CSS but in production allow for faster download of resources across the network. CSS files are reorganized in the structure described below: @@ -80,7 +80,7 @@ images/IMAGE_NAME.gif All the themes are located in the installed directory within the `css` folder. -If you have chosen the typical installation of {environment:ProductName} {environment:ProductVersionShort}, you can find the css resources under the path below: +If you have chosen the typical installation of \{environment:ProductName\} \{environment:ProductVersionShort\}, you can find the css resources under the path below: ``` {environment:InstallPath}\css @@ -177,7 +177,7 @@ The *iOS* theme is implementation of the well-known iOS look and feel. This them #### Bootstrap Themes -The Bootstrap themes for jQuery UI and {environment:ProductName} are generated from the popular Bootstrap themes with the same names. The careful process of utilizing their look and feel for a theme following the jQuery UI CSS framework conventions has been automated with the Bootstrap Theme Generator web application. It provides the functionality of exporting almost every Bootstrap theme available in LESS for styling {environment:ProductName} and jQuery UI widgets. A reference to the file `{IG Resources root}\css\structure\infragistics.css` is required. +The Bootstrap themes for jQuery UI and \{environment:ProductName\} are generated from the popular Bootstrap themes with the same names. The careful process of utilizing their look and feel for a theme following the jQuery UI CSS framework conventions has been automated with the Bootstrap Theme Generator web application. It provides the functionality of exporting almost every Bootstrap theme available in LESS for styling \{environment:ProductName\} and jQuery UI widgets. A reference to the file `{IG Resources root}\css\structure\infragistics.css` is required. ##<a id="_Using_Infragistics_Loader_for_Adding_a_Theme_in_Your_Application"></a>Using Infragistics Loader for Adding a Theme in Your Application @@ -208,7 +208,7 @@ $.ig.loader({ }); ``` -For more information regarding the Infragistics loader, refer to the topic [Using JavaScript Resouces in {environment:ProductName}](/deployment-guide-javascript-resources.mdx). +For more information regarding the Infragistics loader, refer to the topic [Using JavaScript Resouces in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx). > **Note:** For custom themes use the name of the theme’s directory. @@ -279,7 +279,7 @@ The following steps demonstrate how to add Redmond theme in your application. ##<a id="Using_Bootstrap_Theme_Generator"></a>Using Bootstrap Theme Generator -The Bootstrap Theme Generator is a web tool provided by Infragistics which facilitates the export of themes created for the Bootstrap CSS framework to themes usable by {environment:ProductName} and jQuery UI widgets. In addition it allows for customization of every property of the theme and displays previews showing the end result. +The Bootstrap Theme Generator is a web tool provided by Infragistics which facilitates the export of themes created for the Bootstrap CSS framework to themes usable by \{environment:ProductName\} and jQuery UI widgets. In addition it allows for customization of every property of the theme and displays previews showing the end result. ### Overview This topic takes you step-by-step toward using the Bootstrap Theme Generator for exporting Bootstrap themes and adding them to your website. The following is a conceptual overview of the process: @@ -301,8 +301,8 @@ The following steps demonstrate how to export and add a Bootstrap theme in your 1. **Downloading the LESS file of the chosen Bootstrap theme** 1. Go to the [Bootswatch](http://bootswatch.com/) website and click the Themes button to open the list of themes available for download. Choose a theme and click it to go to its page. 2. Click the Download button and choose ‘variables.less’ from the dropdown. This file is what the Bootstrap Theme Generator uses to create the theme. -2. **Passing the LESS file through the [Bootstrap Theme Generator]({environment:SamplesUrl}/bootstrap-theme-generator)** - 1. Go to the [Bootstrap Theme Generator website]({environment:SamplesUrl}/bootstrap-theme-generator). +2. **Passing the LESS file through the [Bootstrap Theme Generator](\{environment:SamplesUrl\}/bootstrap-theme-generator)** + 1. Go to the [Bootstrap Theme Generator website](\{environment:SamplesUrl\}/bootstrap-theme-generator). 2. Click on the ‘Start by uploading your LESS’ button. 3. Click on the ‘Upload & Finish’ button and select the ‘variables.less’ from the file chooser. Alternatively you can use the ‘Upload & Customize’ which will allow you to use the further customize the theme before downloading. 4. After processing the theme a download button will appear. Click and choose the option for downloading the complete theme. @@ -344,7 +344,7 @@ The following steps demonstrate how to export and add a Bootstrap theme in your All listed themes are hosted on the Infragistics CDN. -The benefits of using a CDN are numerous. For more information, refer to the dedicated help topic Infragistics Content Delivery Network (CDN) for {environment:ProductName}. For more information on referencing files from the CDN, see the [Infragistics Content Delivery Network (CDN) for {environment:ProductName}](../05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx) topic. +The benefits of using a CDN are numerous. For more information, refer to the dedicated help topic Infragistics Content Delivery Network (CDN) for \{environment:ProductName\}. For more information on referencing files from the CDN, see the [Infragistics Content Delivery Network (CDN) for \{environment:ProductName\}](../05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx) topic. **In HTML:** @@ -363,17 +363,17 @@ The benefits of using a CDN are numerous. For more information, refer to the ded The following topics provide additional information related to this topic. -- [JavaScript Files in {environment:ProductName}](/deployment-guide-javascript-files.mdx): This topic is a reference to the JavaScript files required to work with the controls included in {environment:ProductName}™. +- [JavaScript Files in \{environment:ProductName\}](/deployment-guide-javascript-files.mdx): This topic is a reference to the JavaScript files required to work with the controls included in \{environment:ProductName\}™. -- [Using JavaScript Resouces in {environment:ProductName}](/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the {environment:ProductName} within a Web application. +- [Using JavaScript Resouces in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx): This topic explains how to manage the required resources to work with the \{environment:ProductName\} within a Web application. -- [Infragistics Content Delivery Network (CDN) for {environment:ProductName}](../05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx): Instructions on using Infragistics Content Delivery Network (CDN) in {environment:ProductName}. +- [Infragistics Content Delivery Network (CDN) for \{environment:ProductName\}](../05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx): Instructions on using Infragistics Content Delivery Network (CDN) in \{environment:ProductName\}. -- [Using Gradient Colors in Data Visualizations](/using-gradient-colors-in-data-visualizations.mdx): This topic explains how to apply gradient colors to the data visuals in {environment:ProductName}™ controls. +- [Using Gradient Colors in Data Visualizations](/using-gradient-colors-in-data-visualizations.mdx): This topic explains how to apply gradient colors to the data visuals in \{environment:ProductName\}™ controls. - [Applying the New Style (*igDataChart*)](//controls/igdatachart/styling/styling-themes.mdx): This topic demonstrates how to apply styles and themes to the chart. -- [Using {environment:ProductName} with Bootstrap](/using-ignite-ui-with-bootstrap.mdx) : This topic explains how {environment:ProductName} and Bootstrap work together +- [Using \{environment:ProductName\} with Bootstrap](/using-ignite-ui-with-bootstrap.mdx) : This topic explains how \{environment:ProductName\} and Bootstrap work together diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/using-gradient-colors-in-data-visualizations.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/using-gradient-colors-in-data-visualizations.mdx index 89e26ed813..be7cf4c553 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/using-gradient-colors-in-data-visualizations.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/using-gradient-colors-in-data-visualizations.mdx @@ -5,12 +5,11 @@ slug: using-gradient-colors-in-data-visualizations # Using Gradient Colors in Data Visualizations - ##Topic Overview #### Purpose -This topic explains how to apply gradient colors to the data visuals in {environment:ProductName}™ controls. This capability is supported for the following data visualization controls: +This topic explains how to apply gradient colors to the data visuals in \{environment:ProductName\}™ controls. This capability is supported for the following data visualization controls: - [igBulletGraph](//controls/igbulletgraph/igbulletgraph.mdx)™ - [igDataChart](//controls/igdatachart/landing-page.mdx)™ @@ -27,7 +26,7 @@ The following topics are prerequisites to understanding this topic: ####Topics -[Styling and Theming in {environment:ProductName}](/deployment-guide-styling-and-theming.mdx): This topic provides instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. +[Styling and Theming in \{environment:ProductName\}](/deployment-guide-styling-and-theming.mdx): This topic provides instructions on setting up your application for design time, options for using CSS in production and an overview on creating or customizing a theme. [Adding igDataChart](//controls/igdatachart/adding.mdx): This topic demonstrates how to add the igDataChart control to a page and bind it to data. @@ -199,7 +198,7 @@ brush: { #### <a id="_Overview_CSS"></a>Overview -Some of the {environment:ProductName} data visualization controls support setting the gradient colors for some of their color-related properties through CSS. In order to specify a gradient color via CSS, you need to create a CSS rule that targets a specified class and sets the background-image property of the visual element to a function specifying the gradient (e.g. linear-gradient). If a CSS gradient color is specified together with a solid color CSS setting, the gradient color setting will take precedence. +Some of the \{environment:ProductName\} data visualization controls support setting the gradient colors for some of their color-related properties through CSS. In order to specify a gradient color via CSS, you need to create a CSS rule that targets a specified class and sets the background-image property of the visual element to a function specifying the gradient (e.g. linear-gradient). If a CSS gradient color is specified together with a solid color CSS setting, the gradient color setting will take precedence. >**Note:** If the color is specified both through the API and the CSS classes, the API settings take precedence and will render the respective @@ -293,5 +292,5 @@ The following topics provides additional information related to this topic. The following samples provides additional information related to this topic. -- [Chart Fill Gradients]({environment:SamplesUrl}/data-chart/chart-fill-gradients): This sample demonstrates using linear gradient colors in the igDataChart control. +- [Chart Fill Gradients](\{environment:SamplesUrl\}/data-chart/chart-fill-gradients): This sample demonstrates using linear gradient colors in the igDataChart control. diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/using-ignite-ui-with-bootstrap.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/using-ignite-ui-with-bootstrap.mdx index 1690be5134..dddc1a70df 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/using-ignite-ui-with-bootstrap.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/styling-and-theming/using-ignite-ui-with-bootstrap.mdx @@ -1,24 +1,26 @@ --- -title: "Using {environment:ProductName} with Bootstrap" +title: "Using {environment:ProductName} with Bootstrap" slug: using-ignite-ui-with-bootstrap --- -#Using {environment:ProductName} with Bootstrap +# Using \{environment:ProductName\} with Bootstrap + +#Using \{environment:ProductName\} with Bootstrap ##Introduction -This topic explains how {environment:ProductName} and Bootstrap work together, how you can get an {environment:ProductName} Bootstrap-based theme for your web application and how you can customize the themes to your liking. +This topic explains how \{environment:ProductName\} and Bootstrap work together, how you can get an \{environment:ProductName\} Bootstrap-based theme for your web application and how you can customize the themes to your liking. -##How Does {environment:ProductName} Work with Bootstrap? +##How Does \{environment:ProductName\} Work with Bootstrap? -Adding Bootstrap to an {environment:ProductName} application makes Bootstrap features available, however, the {environment:ProductName} controls do not automatically reflect the look and feel set by Bootstrap styles. This is caused by the difference in how jQuery UI widgets in general and {environment:ProductName} controls specifically are styled. In these instances, the controls do not have the necessary Bootstrap class names required which allow the controls reflect the expected styles when Bootstrap is added to the page. Therefore, in order to use Bootstrap styling and theming with {environment:ProductName} controls, Infragistics has made available a number of Bootstrap-based themes that style jQuery UI widgets and {environment:ProductName} controls to match Bootstrap. Beyond the static themes, you may also use the [{environment:ProductName} Bootstrap Theme Generator]({environment:NewSamplesUrl}/bootstrap-theme-generator) to upload and customize Bootstrap-based themes. +Adding Bootstrap to an \{environment:ProductName\} application makes Bootstrap features available, however, the \{environment:ProductName\} controls do not automatically reflect the look and feel set by Bootstrap styles. This is caused by the difference in how jQuery UI widgets in general and \{environment:ProductName\} controls specifically are styled. In these instances, the controls do not have the necessary Bootstrap class names required which allow the controls reflect the expected styles when Bootstrap is added to the page. Therefore, in order to use Bootstrap styling and theming with \{environment:ProductName\} controls, Infragistics has made available a number of Bootstrap-based themes that style jQuery UI widgets and \{environment:ProductName\} controls to match Bootstrap. Beyond the static themes, you may also use the [\{environment:ProductName\} Bootstrap Theme Generator](\{environment:NewSamplesUrl\}/bootstrap-theme-generator) to upload and customize Bootstrap-based themes. -##{environment:ProductName} Bootstrap Theme Generator +##\{environment:ProductName\} Bootstrap Theme Generator -The [Bootstrap Theme Generator]({environment:NewSamplesUrl}/bootstrap-theme-generator) is built to give you the ability to download or customize existing themes or upload your own LESS file to create an {environment:ProductName} Bootstrap-based theme of your own. +The [Bootstrap Theme Generator](\{environment:NewSamplesUrl\}/bootstrap-theme-generator) is built to give you the ability to download or customize existing themes or upload your own LESS file to create an \{environment:ProductName\} Bootstrap-based theme of your own. ### Working with LESS Variables @@ -26,7 +28,7 @@ All themes are based off values found in the `variables.less` file which comes f ### Customizing Provided Themes -The {environment:ProductName} Bootstrap Theme Generator has customized the default [Bootstrap theme]({environment:NewSamplesUrl}/bootstrap-theme-generator/default) along with a few other themes from . Should you choose to use one of these themes as a basis for your theme, you'll find that most of the work is already done for you. You can either download the theme in its pre-defined state or you can choose to further customize the theme directly in the Bootstrap Theme Generator site. Once you are stratified with your theme you can download the resulting CSS and/or LESS files for your theme. +The \{environment:ProductName\} Bootstrap Theme Generator has customized the default [Bootstrap theme](\{environment:NewSamplesUrl\}/bootstrap-theme-generator/default) along with a few other themes from . Should you choose to use one of these themes as a basis for your theme, you'll find that most of the work is already done for you. You can either download the theme in its pre-defined state or you can choose to further customize the theme directly in the Bootstrap Theme Generator site. Once you are stratified with your theme you can download the resulting CSS and/or LESS files for your theme. ### Uploading Custom LESS Values @@ -34,13 +36,13 @@ While there are a number of themes available to you out-of-the-box you may also The theme variables are often found in a file named `variables.less`. You can get a copy of `variables.less` directly from the [Bootstrap source](https://github.com/twbs/bootstrap) or you can get themed versions of the file from any other Bootstrap theme. Common places to find Bootstrap themes include [Bootswatch](http://bootswatch.com/), [WrapBootstrap](https://wrapbootstrap.com/) and [more](https://www.google.com/search?q=bootstrap%20themes). -Once you have tailored the values in your copy of `variables.less` when you [upload the file to the Bootstrap Theme Generator]({environment:NewSamplesUrl}/bootstrap-theme-generator/Theme/Upload) and it will provide for you a full Bootstrap-based them which supports {environment:ProductName} controls. +Once you have tailored the values in your copy of `variables.less` when you [upload the file to the Bootstrap Theme Generator](\{environment:NewSamplesUrl\}/bootstrap-theme-generator/Theme/Upload) and it will provide for you a full Bootstrap-based them which supports \{environment:ProductName\} controls. >**Note:** The file you upload does not have to be named `variables.less`, but it must contain values for all the variables found in Bootstrap's `variables.less` file. ##Related Content -- [Customizing {environment:ProductName} Bootstrap Themes ](/customizing-ignite-ui-bootstrap-themes.mdx) +- [Customizing \{environment:ProductName\} Bootstrap Themes ](/customizing-ignite-ui-bootstrap-themes.mdx) diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx index 8efa22892e..77d17cbc74 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx @@ -1,10 +1,13 @@ --- -title: "Touch Support for {environment:ProductName} Controls" +title: "Touch Support for {environment:ProductName} Controls" slug: touch-support-for-igniteui-for-jquery-controls --- + +# Touch Support for \{environment:ProductName\} Controls + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; -# Touch Support for {environment:ProductName} Controls +# Touch Support for \{environment:ProductName\} Controls ##Topic Overview @@ -12,7 +15,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This topic provides a summary of how the {environment:ProductName}™ suite supports touch-enabled environments, suggests best practices, and lists the touch-support specifics of the individual {environment:ProductName} controls. +This topic provides a summary of how the \{environment:ProductName\}™ suite supports touch-enabled environments, suggests best practices, and lists the touch-support specifics of the individual \{environment:ProductName\} controls. ### In this topic @@ -34,15 +37,15 @@ This topic contains the following sections: ###<a id="touch-support-summary"></a> Touch support summary -All {environment:ProductName} controls support touch interaction. This support is possible by adding new features and components in order to support touch-compatible behaviors. +All \{environment:ProductName\} controls support touch interaction. This support is possible by adding new features and components in order to support touch-compatible behaviors. -Rendered in a touch-enabled environment, each {environment:ProductName} control will look and behave the same way under Desktop and Touch platforms. For example, the igGrid™ widget is not an entirely new control for the touch device, but includes touch-optimized features which are available under a touch-enabled environment. This adaptability allows you (with little configuration) to have multi-platform control in your applications. For details surrounding individual controls, refer to the Control overview section. +Rendered in a touch-enabled environment, each \{environment:ProductName\} control will look and behave the same way under Desktop and Touch platforms. For example, the igGrid™ widget is not an entirely new control for the touch device, but includes touch-optimized features which are available under a touch-enabled environment. This adaptability allows you (with little configuration) to have multi-platform control in your applications. For details surrounding individual controls, refer to the Control overview section. ->**Note:** It’s recommended to use the Modernizr JavaScript library together with {environment:ProductName} for jQuery controls. The controls work well without Modernizr, but when the library is available on the page, the controls adapt to a more touch-friendly mode. +>**Note:** It’s recommended to use the Modernizr JavaScript library together with \{environment:ProductName\} for jQuery controls. The controls work well without Modernizr, but when the library is available on the page, the controls adapt to a more touch-friendly mode. ###<a id="scrolling-touch-environment"></a> Scrolling in touch environment -All {environment:ProductName} controls support scrolling by default when running under a touch-enabled environment. The scrolling behavior is controlled by an internal component called `igScroll`™. +All \{environment:ProductName\} controls support scrolling by default when running under a touch-enabled environment. The scrolling behavior is controlled by an internal component called `igScroll`™. For the scrolling behavior to be operational under touch, the `igScroll` script must be referenced on the page. This is done automatically when using the [Infragistics® Loader](/using-infragistics-loader.mdx). However, if you do not use the Loader, you need to either reference it manually or to reference the infragistics.core.js file which contains `igScroll`. @@ -54,7 +57,7 @@ To reference `igScroll` manually: <script type="text/javascript" src="js/modules/infragistics.ui.scroll.js"></script> ``` -You can use the `igScroll` component to make other HTML elements scrollable, like the `<div>`, for example: +You can use the `igScroll` component to make other HTML elements scrollable, like the `<div>`, for example: **In HTML:** @@ -66,11 +69,11 @@ This way, the `igScroll` component makes the container scrollable under touch-en ###<a id="mobile-pages-best-practice"></a>Mobile Pages Best Practices -{environment:ProductName} controls are optimized for touch as well as standard desktop web browser use. In addition to using the stock controls you will want to make sure to follow a few best practices in order to get the best performance and response from each control: +\{environment:ProductName\} controls are optimized for touch as well as standard desktop web browser use. In addition to using the stock controls you will want to make sure to follow a few best practices in order to get the best performance and response from each control: - **Use Modernizr** - Use the Modernizr JavaScript library together with {environment:ProductName} controls in order to ensure the controls render in the most touch-optimized mode possible. + Use the Modernizr JavaScript library together with \{environment:ProductName\} controls in order to ensure the controls render in the most touch-optimized mode possible. - **Define the viewport meta tag** @@ -120,13 +123,13 @@ The following list summarizes the `igGrid` features that have properties to supp | Feature | Content | | --- | --- | -| **Feature Chooser** | Related topics [igGrid Feature Chooser](/controls/iggrid/features/feature-chooser.mdx) Related samples [igGrid Feature Chooser]({environment:SamplesUrl}/grid/feature-chooser) | -| **Hiding** | Related topics [igGrid Hiding Column Chooser](/controls/iggrid/features/columns/hiding/hiding-column-chooser.mdx) Related samples [igGrid Feature Chooser]({environment:SamplesUrl}/grid/feature-chooser) | -| **GroupBy** | Related topics [igGrid Group By Modal Dialog](/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx) Related samples [igGrid Grouping Customization]({environment:SamplesUrl}/grid/grouping-customization) | -| **Multiple Selection** | Related topics [igGrid Multiple Cell Selection](/controls/iggrid/features/selection/multiple-cell-selection.mdx) Related samples [igGrid Selection]({environment:SamplesUrl}/grid/selection) | -| **Multiple Sorting** | Related topics [igGrid Multiple Sorting Dialog Window](/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx) Related samples [igGrid Feature Chooser]({environment:SamplesUrl}/grid/feature-chooser) | -| **Row Selectors** | Related topics [igGrid Enabling Row Selectors](../02_Controls/igGrid/03_Features/02_Row Selectors/~igGrid_Row_Selectors.mdx) Related samples [igGrid Row Selectors]({environment:SamplesUrl}/grid/row-selectors) | -| **Tooltips** | Related topics [igGrid Tooltips Popover](/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx) Related samples [igGrid Tooltips]({environment:SamplesUrl}/grid/tooltips) | +| **Feature Chooser** | Related topics [igGrid Feature Chooser](/controls/iggrid/features/feature-chooser.mdx) Related samples [igGrid Feature Chooser](\{environment:SamplesUrl\}/grid/feature-chooser) | +| **Hiding** | Related topics [igGrid Hiding Column Chooser](/controls/iggrid/features/columns/hiding/hiding-column-chooser.mdx) Related samples [igGrid Feature Chooser](\{environment:SamplesUrl\}/grid/feature-chooser) | +| **GroupBy** | Related topics [igGrid Group By Modal Dialog](/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx) Related samples [igGrid Grouping Customization](\{environment:SamplesUrl\}/grid/grouping-customization) | +| **Multiple Selection** | Related topics [igGrid Multiple Cell Selection](/controls/iggrid/features/selection/multiple-cell-selection.mdx) Related samples [igGrid Selection](\{environment:SamplesUrl\}/grid/selection) | +| **Multiple Sorting** | Related topics [igGrid Multiple Sorting Dialog Window](/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx) Related samples [igGrid Feature Chooser](\{environment:SamplesUrl\}/grid/feature-chooser) | +| **Row Selectors** | Related topics [igGrid Enabling Row Selectors](../02_Controls/igGrid/03_Features/02_Row Selectors/~igGrid_Row_Selectors.mdx) Related samples [igGrid Row Selectors](\{environment:SamplesUrl\}/grid/row-selectors) | +| **Tooltips** | Related topics [igGrid Tooltips Popover](/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx) Related samples [igGrid Tooltips](\{environment:SamplesUrl\}/grid/tooltips) | ###<a id="ighierarchicalgrid"></a>igHierarchicalGrid @@ -150,13 +153,13 @@ The following list summarizes the `igHierarchicalGrid` features that have proper | Feature | Content | | --- | --- | -| **Feature Chooser** | Related topics [igGrid Feature Chooser](/controls/iggrid/features/feature-chooser.mdx) Related samples [igGrid Feature Chooser]({environment:SamplesUrl}/grid/feature-chooser) | -| **Hiding** | Related topics [igGrid Hiding Column Chooser](/controls/iggrid/features/columns/hiding/hiding-column-chooser.mdx) Related samples [igGrid Feature Chooser]({environment:SamplesUrl}/grid/feature-chooser) | -| **GroupBy** | Related topics [igGrid Group By Modal Dialog](/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx) Related samples [Grouping with summaries]({environment:SamplesUrl}/grid/grouping) | +| **Feature Chooser** | Related topics [igGrid Feature Chooser](/controls/iggrid/features/feature-chooser.mdx) Related samples [igGrid Feature Chooser](\{environment:SamplesUrl\}/grid/feature-chooser) | +| **Hiding** | Related topics [igGrid Hiding Column Chooser](/controls/iggrid/features/columns/hiding/hiding-column-chooser.mdx) Related samples [igGrid Feature Chooser](\{environment:SamplesUrl\}/grid/feature-chooser) | +| **GroupBy** | Related topics [igGrid Group By Modal Dialog](/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx) Related samples [Grouping with summaries](\{environment:SamplesUrl\}/grid/grouping) | | **Multiple Selection** | Related topics [igGrid Multiple Cell Selection](/controls/iggrid/features/selection/multiple-cell-selection.mdx) | | **Multiple Sorting** | Related topics [igGrid Multiple Sorting Dialog Window](/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx) | -| **Row Selectors** | Related topics [igHierarchicalGrid Enabling Row Selectors](/controls/ighierarchicalgrid/features/row-selectors/enabling-rowselectors.mdx) Related samples [igHierarchicalGrid Row Selectors]({environment:SamplesUrl}/hierarchical-grid/row-selectors) | -| **Tooltips** | Related topics [igGrid Tooltips Popover](/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx) Related samples [igGrid Tooltips]({environment:SamplesUrl}/grid/tooltips) | +| **Row Selectors** | Related topics [igHierarchicalGrid Enabling Row Selectors](/controls/ighierarchicalgrid/features/row-selectors/enabling-rowselectors.mdx) Related samples [igHierarchicalGrid Row Selectors](\{environment:SamplesUrl\}/hierarchical-grid/row-selectors) | +| **Tooltips** | Related topics [igGrid Tooltips Popover](/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx) Related samples [igGrid Tooltips](\{environment:SamplesUrl\}/grid/tooltips) | ### <a id="igpopover"></a>igPopover @@ -169,8 +172,8 @@ The following list summarizes the `igHierarchicalGrid` features that have proper #### Related samples -- [Basic Usage]({environment:SamplesUrl}/popover/basic-popover) -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/popover/aspnet-mvc-helper) +- [Basic Usage](\{environment:SamplesUrl\}/popover/basic-popover) +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper) ###<a id="igvideoplayer"></a> igVideoPlayer @@ -178,7 +181,7 @@ When running the `igVideoPlayer` control on a mobile device with the Modernizr l #### Related Samples -- [Video Player Basic Usage]({environment:SamplesUrl}/video-player/basic-usage) +- [Video Player Basic Usage](\{environment:SamplesUrl\}/video-player/basic-usage) diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx index 4b6d4ff139..366ecd44d4 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx @@ -1,17 +1,20 @@ --- -title: "Using Events in {environment:ProductName}" +title: "Using Events in {environment:ProductName}" slug: using-events-in-igniteui-for-jquery --- + +# Using Events in \{environment:ProductName\} + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; -# Using Events in {environment:ProductName} +# Using Events in \{environment:ProductName\} ##Topic Overview ### Purpose -This topic demonstrates how to handle events raised by {environment:ProductName}™ controls. Also included is an explanation of the differences between binding events on initialization and after initialization. +This topic demonstrates how to handle events raised by \{environment:ProductName\}™ controls. Also included is an explanation of the differences between binding events on initialization and after initialization. ### In this topic @@ -29,10 +32,10 @@ This topic contains the following sections: ### General requirements - jQuery-specific requirements -- An HTML web page where {environment:ProductName} controls are instantiated. +- An HTML web page where \{environment:ProductName\} controls are instantiated. - MVC-specific requirements - An MVC project in Microsoft Visual Studio® with an igGrid bound to a data source -- A reference to the Infragistics.Web.Mvc.dll (contains the {environment:ProductNameMVC}) +- A reference to the Infragistics.Web.Mvc.dll (contains the \{environment:ProductNameMVC\}) > **Note:** Calling API methods programmatically does not raise events related to their operation; those events are only raised by their respective user interaction.. @@ -41,7 +44,7 @@ This topic contains the following sections: - The required scripts for both jQuery and MVC approach are the same because the MVC wrappers render similar JavaScript as the jQuery widget. You will need: 1. The jQuery core library script 2. The jQuery UI library - 3. The required {environment:ProductName} script files for the widgets used on your page + 3. The required \{environment:ProductName\} script files for the widgets used on your page The following code demonstrates the scripts as added to the HTML document. @@ -152,7 +155,7 @@ When using `bind()`, keep in mind that it attaches the specified handler only on When using any of the prescribed jQuery event wiring functions make sure to adhere to the jQuery UI event naming conventions. For instance the jQuery UI widget factory adds the name of the widget as a prefix of the event name. Therefore if want to attach to the “*columnhiding*” event of the *“iggridhiding”* widget, the event name becomes, “*iggridhidingcolumnhiding*”. ->**Note:** The {environment:ProductName} API documentation includes a full list of each control's available options, methods and events. +>**Note:** The \{environment:ProductName\} API documentation includes a full list of each control's available options, methods and events. >**Note:** When using the *igEditor* controls with the ASP.NET MVC wrapper, the wrapper always instantiates the igEditor control with its type option set according to the widget you want to instantiate. When using live, bind or delegate you must pass – “igeditor” + “eventName” @@ -271,7 +274,7 @@ In the following examples there are separate sections each for the bind and unbi ######Introduction - This sample `igTextEditor` is instantiated in a MVC context and is bound to the `valueChanged` event. When using {environment:ProductNameMVC} to instantiate controls which inherit from the `igEditor` control, the render method generates an `igEditor` control with the appropriate type value to configure the right editor. Therefore, when binding or unbinding to an event the “igeditor” prefix is required. + This sample `igTextEditor` is instantiated in a MVC context and is bound to the `valueChanged` event. When using \{environment:ProductNameMVC\} to instantiate controls which inherit from the `igEditor` control, the render method generates an `igEditor` control with the appropriate type value to configure the right editor. Therefore, when binding or unbinding to an event the “igeditor” prefix is required. ######Code: @@ -332,10 +335,10 @@ In the following examples there are separate sections each for the bind and unbi ##<a id="_Related_Samples"></a>Related Samples -- [Editing API and Events]({environment:SamplesUrl}/grid/editing-api-events) -- [Grid API and Events]({environment:SamplesUrl}/grid/grid-api-events) +- [Editing API and Events](\{environment:SamplesUrl\}/grid/editing-api-events) +- [Grid API and Events](\{environment:SamplesUrl\}/grid/grid-api-events) - [Tree API and Events](../02_Controls/igTree/15_igTree_Event_Reference.mdx#attaching-handlers-jquery) -- [File Upload API and Events]({environment:SamplesUrl}/file-upload/api-events) +- [File Upload API and Events](\{environment:SamplesUrl\}/file-upload/api-events) diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-cli.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-cli.mdx index 2e7c5a4e1d..4a82ff135b 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-cli.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-cli.mdx @@ -1,16 +1,16 @@ --- -title: "Using {environment:ProductFamilyName} CLI" +title: "Using {environment:ProductFamilyName} CLI" slug: Using-Ignite-UI-CLI --- -# Using {environment:ProductFamilyName} CLI +# Using \{environment:ProductFamilyName\} CLI ## Overview -The {environment:ProductFamilyName} CLI is a tool to initialize, develop, scaffold and maintain applications in a wide variety of frameworks. It provide you with predefined templates for {environment:ProductName} controls. {environment:ProductFamilyName} CLI will give you a quick-start for your next project even if you are a newcomer to {environment:ProductFamilyName} and to the target frameworks.<br/> -**You can create projects and add {environment:ProductName} controls in [jQuery](https://jquery.com), [Angular](https://angular.io) and [React](https://reactjs.org), executing the very same commands.** +The \{environment:ProductFamilyName\} CLI is a tool to initialize, develop, scaffold and maintain applications in a wide variety of frameworks. It provide you with predefined templates for \{environment:ProductName\} controls. \{environment:ProductFamilyName\} CLI will give you a quick-start for your next project even if you are a newcomer to \{environment:ProductFamilyName\} and to the target frameworks.<br/> +**You can create projects and add \{environment:ProductName\} controls in [jQuery](https://jquery.com), [Angular](https://angular.io) and [React](https://reactjs.org), executing the very same commands.** ## Getting Started -To install the {environment:ProductFamilyName} CLI: +To install the \{environment:ProductFamilyName\} CLI: ``` npm install -g igniteui-cli ``` @@ -20,7 +20,7 @@ To get a guided experience through the available options, simply run: ig ``` -If you prefer to provide the commands for generating an {environment:ProductFamilyName} project, adding a new component, building and serving the project by yourself, you can use the following: +If you prefer to provide the commands for generating an \{environment:ProductFamilyName\} project, adding a new component, building and serving the project by yourself, you can use the following: ``` ig new <project name> --framework=<framework> ig add <component/template> <component_name> @@ -31,7 +31,7 @@ Navigate to http://localhost:3000/. The app will automatically reload if you cha ## Available Commands ### new -To create a new {environment:ProductFamilyName} application, execute the following command: +To create a new \{environment:ProductFamilyName\} application, execute the following command: ``` ig new [name] [framework] @@ -46,22 +46,22 @@ Using the `new` command, you can create a new jQuery, Angular and React applicat The new application is created in a directory of the same name. Keep in mind that creating a new application inside an exisitng application is not supported. -Following are examples of how to use the `new` command to create an {environment:ProductName} applications for all supported frameworks:<br/> +Following are examples of how to use the `new` command to create an \{environment:ProductName\} applications for all supported frameworks:<br/> **In jQuery:** `ig new newIgniteUIjQuery` (jQuery is the default choice so you do not need to provide the "framework" argument)<br/> **In React:** `ig new newIgniteUIReact --framework=react`<br/> **In Angular:** `ig new newIgniteUIAngular --framework=angular --type=ig-ts` ### add -To add a new {environment:ProductName} control to an already created application, execute the following command: +To add a new \{environment:ProductName\} control to an already created application, execute the following command: ``` ig add [template] [name] ``` -The `add` command is supported only on existing project created with the {environment:ProductFamilyName} CLI. You cannot use the `add` command before creating a project uisng the `new` command or using the step by step guide which is invoked by the `ig` command. +The `add` command is supported only on existing project created with the \{environment:ProductFamilyName\} CLI. You cannot use the `add` command before creating a project uisng the `new` command or using the step by step guide which is invoked by the `ig` command. -#### {environment:ProductName} templates -Inside the [{environment:ProductFamilyName} CLI Wiki](https://github.com/IgniteUI/igniteui-cli/wiki/Add#ignite-ui-for-javascript-templates) you can find the up to date table that demonstrates what {environment:ProductName} templates are available in the supported frameworks. +#### \{environment:ProductName\} templates +Inside the [\{environment:ProductFamilyName\} CLI Wiki](https://github.com/IgniteUI/igniteui-cli/wiki/Add#ignite-ui-for-javascript-templates) you can find the up to date table that demonstrates what \{environment:ProductName\} templates are available in the supported frameworks. ### build @@ -71,7 +71,7 @@ To build the application into an output directory, execute the following command ig build ``` -The `build` command will install the npm packages that the project depends on. By default, it will install the [OSS version of {environment:ProductFamilyName}](https://github.com/IgniteUI/ignite-ui) but it checks if a full version is required (if a grid component is added, for example) and will swap the OSS package for the full version, after asking you for your Infragistics account credentials. You can find more information on how to install the full package in [this topic](https://www.igniteui.com/help/using-ignite-ui-npm-packages).<br/> +The `build` command will install the npm packages that the project depends on. By default, it will install the [OSS version of \{environment:ProductFamilyName\}](https://github.com/IgniteUI/ignite-ui) but it checks if a full version is required (if a grid component is added, for example) and will swap the OSS package for the full version, after asking you for your Infragistics account credentials. You can find more information on how to install the full package in [this topic](https://www.igniteui.com/help/using-ignite-ui-npm-packages).<br/> The build artifacts, such as CSS resources, will be stored in the `output/` directory. ### start @@ -89,17 +89,17 @@ To generates a new custom template for supported frameworks and project types, e ig generate template [name] ``` -By default the command registers the generated template path in the `customTemplates` in the global config of the {environment:ProductFamilyName} CLI. That makes the generated template automatically visible under the Add View menu, or directly when using `add` command. +By default the command registers the generated template path in the `customTemplates` in the global config of the \{environment:ProductFamilyName\} CLI. That makes the generated template automatically visible under the Add View menu, or directly when using `add` command. ### config -To perform read and write operation on the {environment:ProductFamilyName} CLI configuration settings, execute the following command: +To perform read and write operation on the \{environment:ProductFamilyName\} CLI configuration settings, execute the following command: ``` ig config <get|set|add> <property> [value] ``` -{environment:ProductFamilyName} CLI stores configuration in an `ignite-ui-cli.json` file. Project structures created with {environment:ProductFamilyName} CLI include such a file as local configuration. A per-user file can provide global defaults in case `ig config` is called with a --global flag . The global `ignite-ui-cli.json` file is stored under the current user home directory - usually `/home/<user>` for Unix and `C:\Users\<user>` for Windows. +\{environment:ProductFamilyName\} CLI stores configuration in an `ignite-ui-cli.json` file. Project structures created with \{environment:ProductFamilyName\} CLI include such a file as local configuration. A per-user file can provide global defaults in case `ig config` is called with a --global flag . The global `ignite-ui-cli.json` file is stored under the current user home directory - usually `/home/<user>` for Unix and `C:\Users\<user>` for Windows. ### test @@ -130,7 +130,7 @@ To search the Infragistics knowledge base for information about a given search t The command takes in a single search term and opens the Infragistics search in the default browser. ### help -To list all the {environment:ProductFamilyName} CLI available commands, execute the following command: +To list all the \{environment:ProductFamilyName\} CLI available commands, execute the following command: ``` ng help diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-npm-packages.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-npm-packages.mdx index ec7c25f8b7..d78e11d2f3 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-npm-packages.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-npm-packages.mdx @@ -1,29 +1,29 @@ --- -title: "Using {environment:ProductName} npm packages" +title: "Using {environment:ProductName} npm packages" slug: Using-Ignite-UI-Npm-Packages --- -# Using {environment:ProductName} npm packages +# Using \{environment:ProductName\} npm packages npm is the most popular package manager and is also the default one for the runtime environment Node.js. It is highly adopted and is one of the fastest and easiest way to manage the packages that you depend on in your project. For more information on how npm works, read the official [npm documentation](https://docs.npmjs.com). -Infragistics {environment:ProductName} is available as a npm package and you can add it as a dependency to your project in few easy steps. There are two approaches to start using the {environment:ProductName} npm package. We suggest you to use our private npm feed hosted on [https://packages.infragistics.com/npm/js-licensed/](https://packages.infragistics.com/npm/js-licensed/). There you will find the latest available version of the {environment:ProductName} package, which contains the latest features and improvements. If you have a valid {environment:ProductName} license, you can use this private feed and you will have access to the full version of {environment:ProductName}. +Infragistics \{environment:ProductName\} is available as a npm package and you can add it as a dependency to your project in few easy steps. There are two approaches to start using the \{environment:ProductName\} npm package. We suggest you to use our private npm feed hosted on [https://packages.infragistics.com/npm/js-licensed/](https://packages.infragistics.com/npm/js-licensed/). There you will find the latest available version of the \{environment:ProductName\} package, which contains the latest features and improvements. If you have a valid \{environment:ProductName\} license, you can use this private feed and you will have access to the full version of \{environment:ProductName\}. -Another option is to use the official npm feed at [https://www.npmjs.com](https://www.npmjs.com/package/ignite-ui). Choosing this approach will not require configuring npm but there you will find the {environment:ProductName} OSS version of the package. You can check which {environment:ProductName} controls are included in the OSS version on the [package's page](https://www.npmjs.com/package/ignite-ui). +Another option is to use the official npm feed at [https://www.npmjs.com](https://www.npmjs.com/package/ignite-ui). Choosing this approach will not require configuring npm but there you will find the \{environment:ProductName\} OSS version of the package. You can check which \{environment:ProductName\} controls are included in the OSS version on the [package's page](https://www.npmjs.com/package/ignite-ui). -## Installing the {environment:ProductName} npm package from npmjs.com +## Installing the \{environment:ProductName\} npm package from npmjs.com -If you choose to use the latest official release of {environment:ProductName} you can install it the same way you are installing all the other packages that your project is depending on. You just need to type the following into the command line: +If you choose to use the latest official release of \{environment:ProductName\} you can install it the same way you are installing all the other packages that your project is depending on. You just need to type the following into the command line: ```js npm install ignite-ui ``` -After executing this command, you will find the {environment:ProductName} package inside the node_modules directory of your project. +After executing this command, you will find the \{environment:ProductName\} package inside the node_modules directory of your project. -## Installing the {environment:ProductName} npm package from the Infragistics private feed +## Installing the \{environment:ProductName\} npm package from the Infragistics private feed -If you want to be sure that you will use the latest improvements in {environment:ProductName}, you need to do some quick configurations of the npm. +If you want to be sure that you will use the latest improvements in \{environment:ProductName\}, you need to do some quick configurations of the npm. First you need to setup the private registry and to associate this registry with the Infragistics scope. This will allow you to seamlessly use a mix of packages from the public npm registry and the Infragistics private registry. You will be asked to provide the username and the password that you use for logging into your Infragistics account. You should also provide the email that is registered to your Infragistics profile. There is an important note that you must have in mind during this step! npm is disallowing the use of the "@" symbol inside your username as it is considered as being "not safe for the net". Because your username is actually the email that you use for your Infragistics account it always contains the symbol "@". That's why you must escape this limitation by replacing the "@" symbol by "!!" (two exclamation marks). For example, if your username is "username@infragistics.com" when asked about your username you should provide the following input: "username!!infragistics.com". @@ -37,13 +37,13 @@ After that you need to set the registry to that one. Do this by running the foll npm config set @infragistics:registry https://packages.infragistics.com/npm/js-licensed/ ``` -After this is done, you will be logged in and you will be able to install the latest version of {environment:ProductName} into your project: +After this is done, you will be logged in and you will be able to install the latest version of \{environment:ProductName\} into your project: ```js npm install @infragistics/ignite-ui-full ``` -Have in mind that we have set the {environment:ProductName} package to be scoped, meaning that no changing the registries is needed if you want to install packages from our private feed and from npmjs.org simultaneously. +Have in mind that we have set the \{environment:ProductName\} package to be scoped, meaning that no changing the registries is needed if you want to install packages from our private feed and from npmjs.org simultaneously. -So, if you've already adopted npm and you have an {environment:ProductName} license, don't hesitate setting up the Infragistics private feed and boost your productivity, using the full potential of {environment:ProductName}. +So, if you've already adopted npm and you have an \{environment:ProductName\} license, don't hesitate setting up the Infragistics private feed and boost your productivity, using the full potential of \{environment:ProductName\}. -And if you don't have a licensed copy of {environment:ProductName} yet, you can still use many of the great controls that Infragistics provide for free with the {environment:ProductName} OSS package. Among those controls are the powerful igEditors, igCombo and igTree. So, go ahead and give it a try, installing the {environment:ProductName} npm package from npmjs.com. \ No newline at end of file +And if you don't have a licensed copy of \{environment:ProductName\} yet, you can still use many of the great controls that Infragistics provide for free with the \{environment:ProductName\} OSS package. Among those controls are the powerful igEditors, igCombo and igTree. So, go ahead and give it a try, installing the \{environment:ProductName\} npm package from npmjs.com. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-nuget-packages.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-nuget-packages.mdx index d2aee0ddf2..9ba7713e89 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-nuget-packages.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/using-ignite-ui-nuget-packages.mdx @@ -1,34 +1,34 @@ --- -title: "Using {environment:ProductName} NuGet packages" +title: "Using {environment:ProductName} NuGet packages" slug: Using-Ignite-UI-NuGet-Packages --- -# Using {environment:ProductName} NuGet packages +# Using \{environment:ProductName\} NuGet packages ### In this topic This topic contains the following sections: -- [Using {environment:ProductName} NuGet packages](#usingNuGet) -- [Installing {environment:ProductName} packages from the online private feed](#privateFeedInstallation) -- [Installing {environment:ProductName} packages from the local feed](#localFeedInstallation) -- [Installing {environment:ProductName} packages via GUI](#guiInstallation) -- [Installing {environment:ProductName} packages via Package Manager Console](#consoleInstallation) -- [What is installed by the {environment:ProductNameMVC} NuGet package](#whatIsInstalled) -- [Uninstalling the {environment:ProductName} NuGet packages](#uninstalling) -- [Using the {environment:ProductNameASPNETCore} NuGet package](#aspnetcore) +- [Using \{environment:ProductName\} NuGet packages](#usingNuGet) +- [Installing \{environment:ProductName\} packages from the online private feed](#privateFeedInstallation) +- [Installing \{environment:ProductName\} packages from the local feed](#localFeedInstallation) +- [Installing \{environment:ProductName\} packages via GUI](#guiInstallation) +- [Installing \{environment:ProductName\} packages via Package Manager Console](#consoleInstallation) +- [What is installed by the \{environment:ProductNameMVC\} NuGet package](#whatIsInstalled) +- [Uninstalling the \{environment:ProductName\} NuGet packages](#uninstalling) +- [Using the \{environment:ProductNameASPNETCore\} NuGet package](#aspnetcore) -# <a id="usingNuGet"></a> Using {environment:ProductName} NuGet packages +# <a id="usingNuGet"></a> Using \{environment:ProductName\} NuGet packages NuGet is a powerful ecosystem of tools and services. It was introduced in 2010 as an open source package manager for the Microsoft development platform including .NET. NuGet is the easiest way to improve and automate your development practices. When you install a package via NuGet, it copies the library files to your solution and automatically updates your project. That means adding references, changing config files, replacing old version script files, etc. NuGet is available since Visual Studio 2010 and since Visual Studio 2012, it is included by default. For more information on how to get going with it, read the official [NuGet documentation](http://docs.nuget.org/ndocs/guides/install-nuget). -Infragistics {environment:ProductName} controls are available to explore as a NuGet package and this is the easiest and the fastest way to install the Infragistics files and assemblies required for your project. +Infragistics \{environment:ProductName\} controls are available to explore as a NuGet package and this is the easiest and the fastest way to install the Infragistics files and assemblies required for your project. There are two approaches to start using the NuGet packages. We suggest you to set up and use our private NuGet feed hosted on [https://packages.infragistics.com/nuget/licensed](https://packages.infragistics.com/nuget/licensed) which will keep you up to date with all the NuGet packages Infragistics provide. Using this approach you will be able to get the latest version of the packages each time you create a new project or restore the packages of an existing one. -## <a id="privateFeedInstallation"></a> Installing {environment:ProductName} packages from the online private feed +## <a id="privateFeedInstallation"></a> Installing \{environment:ProductName\} packages from the online private feed The first step is to add the Infragistics feed as a package source. To do that, the user needs to go to Tools/Options/NuGet Package Manager/Package Sources. @@ -44,25 +44,25 @@ Inside the NuGet packages manager dialog you will need to select "Infragistics f If you check the "Remember my password" checkbox the credentials will be stored in Windows and you will be able to manage them from the Credential Manager. After authenticating you will get a list of the packages that are available to install. When you pick a package, you get the required assemblies installed in the project and the packages.config is updated with the installed packages. -### <a id="consoleInstallation"></a> Installing {environment:ProductName} packages via Package Manager Console +### <a id="consoleInstallation"></a> Installing \{environment:ProductName\} packages via Package Manager Console -Here we will describe how you can add {environment:ProductName} package using the Package Manager Console. Using the Console may be a bit faster as you do not need to search for the package that you want to install. +Here we will describe how you can add \{environment:ProductName\} package using the Package Manager Console. Using the Console may be a bit faster as you do not need to search for the package that you want to install. To show the Console, navigate to **Tools** in the Visual Studio's menu and after hovering **NuGet Package Manager**, select **Package Manager Console**. ![](images/NuGet_Manager_Console.png) The **Package Manager Console** will be shown at the bottom of the screen and you just need to enter “Install-Package *name_of_the_package*” to initiate the installation. For example, if you want to install Infragistics.Web.Mvc”, you must enter Install-Package Infragistics.Web.Mvc and the manager will install this assembly and all the assemblies it depends on. Note that in the console you should select Infragistics(local) from the Package source drop down. -When the installation is finished, you will see a message in the Console that your {environment:ProductName} package is successfully added to the project. +When the installation is finished, you will see a message in the Console that your \{environment:ProductName\} package is successfully added to the project. ![](images/Console_Installation_of_NuGet_Packages.png) -## <a id="whatIsInstalled"></a> What is installed by the {environment:ProductNameMVC} NuGet package +## <a id="whatIsInstalled"></a> What is installed by the \{environment:ProductNameMVC\} NuGet package ![](images/Added_Files_from_NuGet_packages.png) -If you install the {environment:ProductNameMVC} package a JavaScript and Content folder will be added to your project. Those folders will contain the Infragistics JS and CSS resources. If you choose to install one of the MVC packages, you will also see that the needed assemblies will be added to the references. +If you install the \{environment:ProductNameMVC\} package a JavaScript and Content folder will be added to your project. Those folders will contain the Infragistics JS and CSS resources. If you choose to install one of the MVC packages, you will also see that the needed assemblies will be added to the references. -## <a id="uninstalling"></a> Uninstalling the {environment:ProductName} NuGet packages +## <a id="uninstalling"></a> Uninstalling the \{environment:ProductName\} NuGet packages You can uninstall any of the assemblies installed with the package. This can be done either using the GUI or the Package Manager Console. You can use any of the approaches no matter if you've installed the package via the GUI or via the Console. @@ -78,23 +78,23 @@ In addition, you won't be able to uninstall an assembly if another one depends o To uninstall an assembly through the Console, enter “Uninstall-Package *name_of_the_package*”. For example, Uninstall-Package IgniteUI.MVC. -The {environment:ProductName} NuGet packages will boost your productivity and they are the fastest way to start creating your next high-performance application. +The \{environment:ProductName\} NuGet packages will boost your productivity and they are the fastest way to start creating your next high-performance application. -## <a id="aspnetcore"></a> Using the {environment:ProductNameASPNETCore} NuGet package +## <a id="aspnetcore"></a> Using the \{environment:ProductNameASPNETCore\} NuGet package -Using the {environment:ProductNameASPNETCore} NuGet package has some specifics that you should have in mind when creating a ASP.NET Core application. Until version 2017.2 of {environment:ProductNameASPNETCore} the NuGet package was distributed under the name “Infragistics.Web.Mvc”. In version 2017.2 this package was renamed to “Infragistics.Web.AspNetCore” in order to differentiate it from the packages for MVC4 and MVC5, which are also called "Infragistics.Web.Mvc". +Using the \{environment:ProductNameASPNETCore\} NuGet package has some specifics that you should have in mind when creating a ASP.NET Core application. Until version 2017.2 of \{environment:ProductNameASPNETCore\} the NuGet package was distributed under the name “Infragistics.Web.Mvc”. In version 2017.2 this package was renamed to “Infragistics.Web.AspNetCore” in order to differentiate it from the packages for MVC4 and MVC5, which are also called "Infragistics.Web.Mvc". After we install the "Infragistics.Web.AspNetCore" package in our ASP.NET Core 2.x project – it will be placed under the “NuGet” dependency, where we can find the “Microsoft.AspNetCore.All” package that is installed by default. -If you look at the dependencies for the "Infragistics.Web.AspNetCore" package, you will find “IgniteUI” as a dependency. This means that installing this package will also install the {environment:ProductName} script files wich we will need in our project. As the default project uses PackageReferences, the static script files are not added to the project automatically. They are installed under “%UserProfile%\.nuget\packages” folder. So, you need to copy the {environment:ProductName} files that are needed by your application and place it inside the “wwwroot” folder of the project. Inside your .cshtml pages, you need to reference those scripts from this folder. +If you look at the dependencies for the "Infragistics.Web.AspNetCore" package, you will find “IgniteUI” as a dependency. This means that installing this package will also install the \{environment:ProductName\} script files wich we will need in our project. As the default project uses PackageReferences, the static script files are not added to the project automatically. They are installed under “%UserProfile%\.nuget\packages” folder. So, you need to copy the \{environment:ProductName\} files that are needed by your application and place it inside the “wwwroot” folder of the project. Inside your .cshtml pages, you need to reference those scripts from this folder. -After the script files are added, we can use them in the .cshtml page that we want to add our {environment:ProductNameASPNETCore} control in. We need to import our namespace like this: +After the script files are added, we can use them in the .cshtml page that we want to add our \{environment:ProductNameASPNETCore\} control in. We need to import our namespace like this: ```js @using Infragistics.Web.Mvc ``` -Below we need to reference our {environment:ProductName} scripts. For example, like this: +Below we need to reference our \{environment:ProductName\} scripts. For example, like this: ```js <link href="~/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> @@ -106,6 +106,6 @@ Below we need to reference our {environment:ProductName} scripts. For <script src="~/js/infragistics.lob.js"></script> ``` -Of course, do not forget to reference jQuery and jQuery UI before using the {environment:ProductName} scripts. When this is done, you will be able to create the {environment:ProductNameASPNETCore} controls that you need in your scenario. In this example, I will create a numeric editor using the following line: +Of course, do not forget to reference jQuery and jQuery UI before using the \{environment:ProductName\} scripts. When this is done, you will be able to create the \{environment:ProductNameASPNETCore\} controls that you need in your scenario. In this example, I will create a numeric editor using the following line: @(Html.Infragistics().NumericEditor().ID("newEditor").MaxValue(100).Render()) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx index d9bae8d648..6b790a14ed 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx @@ -1,10 +1,13 @@ --- -title: "Using {environment:ProductName} controls in different time zones" +title: "Using {environment:ProductName} controls in different time zones" slug: Using-IgniteUI-controls-in-different-time-zones --- + +# Using \{environment:ProductName\} controls in different time zones + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; -# Using {environment:ProductName} controls in different time zones +# Using \{environment:ProductName\} controls in different time zones ## Introduction Users of a web application are often in a different time zone than the web server and in some circumstances you may want to render the server-based date values adjusted to the client's time zone or with specific time offset. It also important to properly format dates while transferring them between server and client. In this topic you learn to customize properties of the `igGrid`, `igDatePicker` and `igDateEditor` to control the display and edit of date values for clients in different time zones. @@ -30,7 +33,7 @@ It is important to note that the igGrid/igHierarchicalGrid/igTreeGrid take the t - The data source is processed via their respective MVC Wrappers ( set via the Model for example) - The data source is remote and the `GridDataSourceAction` attribute is used on the remote method. -In those cases the time zone offset is added to the data source in the form of metadata. This metadata is generated from {environment:ProductNameMVC} For example: +In those cases the time zone offset is added to the data source in the form of metadata. This metadata is generated from \{environment:ProductNameMVC\} For example: ```js "Metadata": { diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/using-infragistics-loader.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/using-infragistics-loader.mdx index 50d58fd193..87aa5f0b94 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/using-infragistics-loader.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/using-infragistics-loader.mdx @@ -19,7 +19,7 @@ To use the loader on a page you need to add reference to the `infragistics.loade ## In this Topic - [Initialization](#initialization) - [Resource Expressions](#resource-expressions) -- [Working with {environment:ProductNameMVC}](#working-with-mvc-helpers) +- [Working with \{environment:ProductNameMVC\}](#working-with-mvc-helpers) - [Localization](#localization) - [Regional Settings](#regional-settings) - [Related Content](#related-content) @@ -79,7 +79,7 @@ $(function () { }); }); ``` -> **Note:** Deferring of the document ready event is only available in jQuery version 1.6 and above therefore this or newer version of the library is required to be used with {environment:ProductName} 2016.2 and above. +> **Note:** Deferring of the document ready event is only available in jQuery version 1.6 and above therefore this or newer version of the library is required to be used with \{environment:ProductName\} 2016.2 and above. ### Load on Demand When you define resources up front as an option while initializing the loader, all files are immediately downloaded. An alternative to this approach, however, is to load scripts on demand. Loading on demand can help boost the performance of your pages by deferring the file loading until the moment they are needed on the page. The following code demonstrates how to initialize the loader without immediately loading any files. @@ -195,7 +195,7 @@ $.ig.loader({ > **Note**: *Take care in using wildcards in resource expressions*. This can contribute to page bloat as you may be forcing the page to download unnecessary files for features that are not used. ### Explicitly Loading Resources -In some instances you may want to use the loader to load custom or external files in conjunction with {environment:ProductName} resources. To explicitly load resources you simply need to add the path to the resource into the resource expression. The example below loads a custom JavaScript file with the igGrid core resources. +In some instances you may want to use the loader to load custom or external files in conjunction with \{environment:ProductName\} resources. To explicitly load resources you simply need to add the path to the resource into the resource expression. The example below loads a custom JavaScript file with the igGrid core resources. ``` $.ig.loader({ @@ -315,10 +315,10 @@ $.ig.loader({ }); ``` -## <a id="working-with-mvc-helpers"></a> Working with {environment:ProductNameMVC} -If you initialize a control through {environment:ProductNameMVC}, all dependent resources are loaded automatically. +## <a id="working-with-mvc-helpers"></a> Working with \{environment:ProductNameMVC\} +If you initialize a control through \{environment:ProductNameMVC\}, all dependent resources are loaded automatically. -The following demonstrates how to use the loader with the {environment:ProductNameMVC}: +The following demonstrates how to use the loader with the \{environment:ProductNameMVC\}: **In Razor:** @@ -334,7 +334,7 @@ $(Html.Infragistics() ``` ## <a id="localization"></a> Localization -Localization of the widgets is controlled by the locale option. The following locales are currently supported in {environment:ProductName}: +Localization of the widgets is controlled by the locale option. The following locales are currently supported in \{environment:ProductName\}: - English(en) - Japanese(ja) @@ -344,7 +344,7 @@ Localization of the widgets is controlled by the locale option. The following lo - French(fr) - German(de) -The English and Japanese versions of {environment:ProductName} have their respective resources merged with the product code. +The English and Japanese versions of \{environment:ProductName\} have their respective resources merged with the product code. The loader can also detect the browser's language setting and automatically switch to this locale. This behavior is controlled by the `autoDetectLocale` option, which is set to `false` by default. If `autoDetectLocale` is set and `locale` is set, the `locale` option takes precedence. @@ -364,7 +364,7 @@ You can also load multiple languages by listing them in a coma separated list. This is usefull in cases when you want to allow changing the language for some or all of the components on the page runtime and need the related language files to be loaded on the page. ## <a id="regional-settings"></a> Regional Settings -Regional settings are relevant to some {environment:ProductName} controls like editors where numeric and currency values are formatted differently depending on the region. The loader automatically loads regional settings by inferring it from the locale or from auto-detecting is from the browser. +Regional settings are relevant to some \{environment:ProductName\} controls like editors where numeric and currency values are formatted differently depending on the region. The loader automatically loads regional settings by inferring it from the locale or from auto-detecting is from the browser. To force the loader to load a custom regional setting, you need to configure the `regional` option of the loader. @@ -391,7 +391,7 @@ You can also load multiple regionals by listing them in a coma separated list. ``` This is usefull in cases when you want to allow changing the regional settings for some or all of the components on the page runtime and need the related regional setting files to be loaded on the page. -The following code loads the hierarchical grid with the Updating feature enabled (which uses the {environment:ProductName} editor controls) for the Bulgarian locale using Great Britain English. +The following code loads the hierarchical grid with the Updating feature enabled (which uses the \{environment:ProductName\} editor controls) for the Bulgarian locale using Great Britain English. **In JavaScript:** @@ -406,13 +406,13 @@ $.ig.loader({ ``` ### Special Considerations for the jQuery UI Date Picker -When the jQuery UI date picker widget is configured to use the {environment:ProductName} editors, you need to include a reference to `jquery-ui-i18n.min.js` on the page and the regional setting needs to be specified. For instance: +When the jQuery UI date picker widget is configured to use the \{environment:ProductName\} editors, you need to include a reference to `jquery-ui-i18n.min.js` on the page and the regional setting needs to be specified. For instance: ```javascript $.datepicker.setDefaults($.datepicker.regional['ru']); ``` -### Special Considerations for {environment:ProductName} Editors +### Special Considerations for \{environment:ProductName\} Editors When setting regional settings for editors, the following file must be referenced on the page: ```javascript @@ -438,7 +438,7 @@ es (Spain) | it (Italy) | sl (Slovenia) | et (Estonia) | ja (Japan) | sq (Albania) ## <a id="related-content"></a> Related Content -- [JavaScript Files in {environment:ProductName}](/deployment-guide-javascript-files.mdx) -- [Infragistics Content Delivery Network (CDN) for {environment:ProductName}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx) +- [JavaScript Files in \{environment:ProductName\}](/deployment-guide-javascript-files.mdx) +- [Infragistics Content Delivery Network (CDN) for \{environment:ProductName\}](./05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx) - [Adding Required Resources Manually](/adding-the-required-resources-for-igniteui-for-jquery.mdx) -- [Using JavaScript Resources in {environment:ProductName}](/deployment-guide-javascript-resources.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](/deployment-guide-javascript-resources.mdx) diff --git a/docs/jquery/src/content/en/topics/general-and-getting-started/using-systemjs-with-igniteui-controls.mdx b/docs/jquery/src/content/en/topics/general-and-getting-started/using-systemjs-with-igniteui-controls.mdx index bc7dea7374..1305b885b5 100644 --- a/docs/jquery/src/content/en/topics/general-and-getting-started/using-systemjs-with-igniteui-controls.mdx +++ b/docs/jquery/src/content/en/topics/general-and-getting-started/using-systemjs-with-igniteui-controls.mdx @@ -1,14 +1,14 @@ --- -title: "Using System.JS with {environment:ProductName} controls" +title: "Using System.JS with {environment:ProductName} controls" slug: Using-System.JS-with-IgniteUI-controls --- -# Using System.JS with {environment:ProductName} controls +# Using System.JS with \{environment:ProductName\} controls ## Introduction -{environment:ProductName} controls can be loaded using standard module loaders. Each module contains an AMD signature and references dependency modules. -[System.JS](https://github.com/systemjs/systemjs) is a popular module loader which is used by the JSPM package manager. This topic describes how to setup System.JS to use {environment:ProductName} controls. +\{environment:ProductName\} controls can be loaded using standard module loaders. Each module contains an AMD signature and references dependency modules. +[System.JS](https://github.com/systemjs/systemjs) is a popular module loader which is used by the JSPM package manager. This topic describes how to setup System.JS to use \{environment:ProductName\} controls. For all of the examples below command line prompt on Windows is being used. Similar commands can be performed in terminal on MacOS. Using [Visual Studio Code](https://code.visualstudio.com/) is recommended, but not required. @@ -39,17 +39,17 @@ jspm install jquery-ui jspm install css ``` -## Add {environment:ProductName} package using GitHub +## Add \{environment:ProductName\} package using GitHub -There is a set of components in the {environment:ProductName} suite that is distributed freely and their source code is [hosted](https://github.com/IgniteUI/ignite-ui) on GitHub for everyone to use and contribute to. If the application uses only open source {environment:ProductName} controls, you can add this package to the application using the following command: +There is a set of components in the \{environment:ProductName\} suite that is distributed freely and their source code is [hosted](https://github.com/IgniteUI/ignite-ui) on GitHub for everyone to use and contribute to. If the application uses only open source \{environment:ProductName\} controls, you can add this package to the application using the following command: ``` jspm install github:igniteui/ignite-ui ``` -## Add {environment:ProductName} package using private NPM registry +## Add \{environment:ProductName\} package using private NPM registry -Full paid version of {environment:ProductName} that includes all of the controls can also be used with JSPM. -In order to use the Infragistics private feed please follow the steps outlined in the "Installing the {environment:ProductName} npm package from npmjs.com" from the [Using {environment:ProductName} npm packages](/using-ignite-ui-npm-packages.mdx) topic in order to setup the Infragistics private registry. +Full paid version of \{environment:ProductName\} that includes all of the controls can also be used with JSPM. +In order to use the Infragistics private feed please follow the steps outlined in the "Installing the \{environment:ProductName\} npm package from npmjs.com" from the [Using \{environment:ProductName\} npm packages](/using-ignite-ui-npm-packages.mdx) topic in order to setup the Infragistics private registry. Additionally you will have to update the jspm's npm registry: ``` @@ -139,4 +139,4 @@ http-server ``` Open the browser and navigate to `http://localhost:8080` to see the application running. -In this article we demonstrated how {environment:ProductName} controls can be used along with JSPM and System.JS loader. +In this article we demonstrated how \{environment:ProductName\} controls can be used along with JSPM and System.JS loader. diff --git a/docs/jquery/src/content/en/topics/home-page.mdx b/docs/jquery/src/content/en/topics/home-page.mdx index d25f941331..24e4517cbc 100644 --- a/docs/jquery/src/content/en/topics/home-page.mdx +++ b/docs/jquery/src/content/en/topics/home-page.mdx @@ -1,9 +1,9 @@ --- -title: "{environment:ProductName} 20{environment:ProductVersionShort}" +title: "{environment:ProductName} 20{environment:ProductVersionShort}" slug: home-page --- -# {environment:ProductName} 20{environment:ProductVersionShort} +# \{environment:ProductName\} 20\{environment:ProductVersionShort\} <div class="row"> <div class="col-sm-6 landing-col landing-start"> @@ -11,7 +11,7 @@ slug: home-page ![Getting Started](images/images/landing-start.png "Getting Started") <h2>Getting Started</h2> -<p>Get started by exploring the product documentation via the tree on this page or [run the samples]({environment:SamplesUrl}/grid/overview), quickly create a new Angular, React or jQuery application using the [{environment:ProductFamilyName} CLI](https://github.com/IgniteUI/igniteui-cli) or work directly with the controls inside the [{environment:ProductName} Page Designer]({environment:DesignerUrl}).</p> +<p>Get started by exploring the product documentation via the tree on this page or [run the samples](\{environment:SamplesUrl\}/grid/overview), quickly create a new Angular, React or jQuery application using the [\{environment:ProductFamilyName\} CLI](https://github.com/IgniteUI/igniteui-cli) or work directly with the controls inside the [\{environment:ProductName\} Page Designer](\{environment:DesignerUrl\}).</p> <a href="Getting-Started.html" class="landing-btn landing-btn-primary" target="_blank">Start Here</a> </div> @@ -25,8 +25,8 @@ slug: home-page </div> </div> -{environment:ProductName}™ helps you build powerful, high-performance web-based applications. Inside {environment:ProductName} you'll find user experience controls and components for creating engaging line-of-business web applications which target the browsers for both mobile & desktop environments. +\{environment:ProductName\}™ helps you build powerful, high-performance web-based applications. Inside \{environment:ProductName\} you'll find user experience controls and components for creating engaging line-of-business web applications which target the browsers for both mobile & desktop environments. Included in the suite is a number of controls including a high performance data grid that includes features like sorting, filtering, paging, grouping, load on demand, touch support, column hiding and moving, and much more. Additional components and controls include hierarchical, tree and pivot grids, a framework-level data source component, charts, graphs and a host of editor controls. -{environment:ProductName} is built on jQuery and jQuery UI and ties in seamlessly with the jQuery core model and conventions including all styling support via jQuery UI Theme Roller. Beyond jQuery {environment:ProductName} features support for Bootstrap themes, AngularJS, Knockout and jQuery Mobile. \ No newline at end of file +\{environment:ProductName\} is built on jQuery and jQuery UI and ties in seamlessly with the jQuery core model and conventions including all styling support via jQuery UI Theme Roller. Beyond jQuery \{environment:ProductName\} features support for Bootstrap themes, AngularJS, Knockout and jQuery Mobile. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/igniteui-for-jquery-overview.mdx b/docs/jquery/src/content/en/topics/igniteui-for-jquery-overview.mdx index 04eaf5e427..7bb80ffd16 100644 --- a/docs/jquery/src/content/en/topics/igniteui-for-jquery-overview.mdx +++ b/docs/jquery/src/content/en/topics/igniteui-for-jquery-overview.mdx @@ -1,9 +1,9 @@ --- -title: "{environment:ProductName} Overview" +title: "{environment:ProductName} Overview" slug: igniteui-for-jquery-overview --- -# {environment:ProductName} Overview +# \{environment:ProductName\} Overview ## The jQuery Library The [jQuery](http://jquery.com/) library has become one of the most widely-used JavaScript libraries found on the web. jQuery’s browser abstraction layer along with the built-in DOM selection engine make the library a solid platform for constructing UI components and controls. Built on top of the jQuery core, the jQuery UI library provides widgets and interactions for designing highly interactive and responsive web user interfaces. @@ -22,7 +22,7 @@ Benefits of using jQuery include: - HTML 5 Support and Fallback ## Client-Side Development with jQuery, jQuery UI, and HTML5 -All major browser vendors have made significant improvements in JavaScript performance in the past several years. These improvements combined with the emergence of HTML 5 standards have contributed to make web applications first-class citizens in modern computing environments. {environment:ProductName}™ is built to meet the demands of modern web applications with light-weight, fully-functional, and touch-supported UI components including: +All major browser vendors have made significant improvements in JavaScript performance in the past several years. These improvements combined with the emergence of HTML 5 standards have contributed to make web applications first-class citizens in modern computing environments. \{environment:ProductName\}™ is built to meet the demands of modern web applications with light-weight, fully-functional, and touch-supported UI components including: - Charts - Gauges @@ -52,12 +52,12 @@ All major browser vendors have made significant improvements in JavaScript perfo ## Mobile Client-Side Development with jQuery Mobile -The jQuery Mobile framework is a unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code base is built with progressive enhancement, and has a flexible, easily theme-able design. Mobile devices are becoming a popular way to access web applications over a network. Many mobile browsers also comply with HTML5, CSS3, and JavaScript standards to the same degree as their desktop counterparts. {environment:ProductName}™ is built to meet the demands of mobile web applications with light-weight, fully-functional and touch-supported UI components including: +The jQuery Mobile framework is a unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code base is built with progressive enhancement, and has a flexible, easily theme-able design. Mobile devices are becoming a popular way to access web applications over a network. Many mobile browsers also comply with HTML5, CSS3, and JavaScript standards to the same degree as their desktop counterparts. \{environment:ProductName\}™ is built to meet the demands of mobile web applications with light-weight, fully-functional and touch-supported UI components including: - List View - Rating with null support and hover -In addition to those two controls, {environment:ProductName}™ includes a set of {environment:ProductNameMVC} to add standard jQuery Mobile widgets to ASP.NET views using Razor and ASPX syntax. This speeds up development in an ASP.NET MVC project. The {environment:ProductNameMVC} support the following controls: +In addition to those two controls, \{environment:ProductName\}™ includes a set of \{environment:ProductNameMVC\} to add standard jQuery Mobile widgets to ASP.NET views using Razor and ASPX syntax. This speeds up development in an ASP.NET MVC project. The \{environment:ProductNameMVC\} support the following controls: - Button - Check Box @@ -77,7 +77,7 @@ In addition to those two controls, {environment:ProductName}™ includ - Toogle Switch ## Server-Side Options -Most of the functionality of {environment:ProductName} is available in the browser independent of any particular server framework. Whether using Microsoft® ASP.NET™ Web Forms, Microsoft® ASP.NET™ MVC, PHP, Java™, Python™ or Ruby on Rails® you are free to choose the server-side technology that best suits your needs. +Most of the functionality of \{environment:ProductName\} is available in the browser independent of any particular server framework. Whether using Microsoft® ASP.NET™ Web Forms, Microsoft® ASP.NET™ MVC, PHP, Java™, Python™ or Ruby on Rails® you are free to choose the server-side technology that best suits your needs. > **Note:** The igUpload control, while built with jQuery on the client, depends on a server-side counterpart to fully realize its function. An ASP.NET MVC helper is included. @@ -85,40 +85,40 @@ Most of the functionality of {environment:ProductName} is available in ### jQuery UI Widgets -The user interface components in {environment:ProductName} are built with the jQuery UI framework as their foundation. This means they are created and run in the browser and in most cases do not require any server development. The jQuery UI framework provides a common API, theming and interaction model for the controls that is familiar to anyone already using jQuery and jQuery UI. +The user interface components in \{environment:ProductName\} are built with the jQuery UI framework as their foundation. This means they are created and run in the browser and in most cases do not require any server development. The jQuery UI framework provides a common API, theming and interaction model for the controls that is familiar to anyone already using jQuery and jQuery UI. ### Client-Side DataSource The data source component, igDataSource, is a client-side JavaScript class that manipulates data through data binding, paging, sorting and filtering collections of data whether local to the client or remote from a web server. Supported remote data formats include: REST, JSON, XML, JSONP and oData. No server-side data binding is required to build data-driven web applications and data-binding operations are available to the client where Ajax can support seamless client-server communication. -### {environment:ProductNameMVC} +### \{environment:ProductNameMVC\} -{environment:ProductNameMVC} includes a .NET™ assembly for ASP.NET MVC. This assembly provides .NET developers the ability to interact with the jQuery widgets on the server. Developers using any CLR language can set options on the {environment:ProductName} widgets on the server in order emit the appropriate jQuery and HTML to the client. +\{environment:ProductNameMVC\} includes a .NET™ assembly for ASP.NET MVC. This assembly provides .NET developers the ability to interact with the jQuery widgets on the server. Developers using any CLR language can set options on the \{environment:ProductName\} widgets on the server in order emit the appropriate jQuery and HTML to the client. -The {environment:ProductNameMVC} give you the flexibility to implement different server-side ViewModel patterns. The helper API also supports a fluent syntax for use in both Web Forms and Razor View Engine templates. +The \{environment:ProductNameMVC\} give you the flexibility to implement different server-side ViewModel patterns. The helper API also supports a fluent syntax for use in both Web Forms and Razor View Engine templates. ### ASP.NET MVC Templates -{environment:ProductNameMVC} includes Visual Studio project templates for ASP.NET MVC 4 and 5. These templates provide a starter web application including all required resources to run a web application with Infragistics controls. +\{environment:ProductNameMVC\} includes Visual Studio project templates for ASP.NET MVC 4 and 5. These templates provide a starter web application including all required resources to run a web application with Infragistics controls. ### Infragistics Themes and ThemeRoller -{environment:ProductName} widgets, like other jQuery widgets, utilize the jQuery UI CSS Framework for styling. Included in the product are custom jQuery UI themes including `infragistics` and `metro`. +\{environment:ProductName\} widgets, like other jQuery widgets, utilize the jQuery UI CSS Framework for styling. Included in the product are custom jQuery UI themes including `infragistics` and `metro`. -The `infragistics` theme provides a professional and attractive design to all Infragistics and standard jQuery UI widgets. The *metro* theme gives a native Metro UI look and feel to {environment:ProductName} controls for upcoming versions of Microsoft® Windows®. +The `infragistics` theme provides a professional and attractive design to all Infragistics and standard jQuery UI widgets. The *metro* theme gives a native Metro UI look and feel to \{environment:ProductName\} controls for upcoming versions of Microsoft® Windows®. -For mobile controls, six themes are included with the {environment:ProductName} library to provide native styling for mobile device platforms including: Android, iOS, and Windows Phone. For Android, three different color sets are provided: `holodark`, `hololight`, `hololightdark`. The Windows Phone theme also has two different appearances: `dark` and `light`. The `ios` theme provides a native look and feel for devices running on the iOS platform. +For mobile controls, six themes are included with the \{environment:ProductName\} library to provide native styling for mobile device platforms including: Android, iOS, and Windows Phone. For Android, three different color sets are provided: `holodark`, `hololight`, `hololightdark`. The Windows Phone theme also has two different appearances: `dark` and `light`. The `ios` theme provides a native look and feel for devices running on the iOS platform. ThemeRoller is a tool provided by jQuery UI and jQuery Mobile which facilitates the creation of custom themes that are compatible with jQuery UI and jQuery Mobile widgets. Many pre-built themes are available for download to use in your website. The Infragistics jQuery widgets support the use of ThemeRoller themes. ## Samples and Installation -### {environment:ProductFamilyName} CLI +### \{environment:ProductFamilyName\} CLI -The easiest way to get started with using {environment:ProductName} is via the {environment:ProductFamilyName} CLI. -It is a tool to initialize, develop, scaffold and maintain applications in a wide variety of frameworks. The CLI provides you with [predefined templates](https://github.com/IgniteUI/igniteui-cli/wiki/add) for {environment:ProductName} controls.<br/> -You can create projects and add {environment:ProductName} controls in [jQuery](https://jquery.com), [Angular](https://angular.io) or [React](https://reactjs.org), executing the very same commands.<br/> -While creating your application, {environment:ProductName} will be automatically installed as an npm module to your project. This means that you will not need to install manually and manage the required resources - executing a few simple commands and the CLI will do the work for you! +The easiest way to get started with using \{environment:ProductName\} is via the \{environment:ProductFamilyName\} CLI. +It is a tool to initialize, develop, scaffold and maintain applications in a wide variety of frameworks. The CLI provides you with [predefined templates](https://github.com/IgniteUI/igniteui-cli/wiki/add) for \{environment:ProductName\} controls.<br/> +You can create projects and add \{environment:ProductName\} controls in [jQuery](https://jquery.com), [Angular](https://angular.io) or [React](https://reactjs.org), executing the very same commands.<br/> +While creating your application, \{environment:ProductName\} will be automatically installed as an npm module to your project. This means that you will not need to install manually and manage the required resources - executing a few simple commands and the CLI will do the work for you! ### Microsoft Windows @@ -155,6 +155,6 @@ Also available for download from the Infragistics web site is a package which in - [ASP.NET MVC](http://www.asp.net/mvc) ## Related Items -- [Using JavaScript Resources in {environment:ProductName}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) -- [JavaScript Files in {environment:ProductName}](/general-and-getting-started/deployment-guide-javascript-files.mdx) -- [Styling and Theming {environment:ProductName}](/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Using JavaScript Resources in \{environment:ProductName\}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [JavaScript Files in \{environment:ProductName\}](/general-and-getting-started/deployment-guide-javascript-files.mdx) +- [Styling and Theming \{environment:ProductName\}](/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) diff --git a/docs/jquery/src/content/en/topics/infragistics-templating-engine/adding-igtemplating-references.mdx b/docs/jquery/src/content/en/topics/infragistics-templating-engine/adding-igtemplating-references.mdx index 37ffa1a722..c5e569bf9e 100644 --- a/docs/jquery/src/content/en/topics/infragistics-templating-engine/adding-igtemplating-references.mdx +++ b/docs/jquery/src/content/en/topics/infragistics-templating-engine/adding-igtemplating-references.mdx @@ -21,8 +21,8 @@ The following table lists the materials required as a prerequisite to understand **Topics** -- [{environment:ProductName} Overview](/igniteui-for-jquery-overview.mdx) -- [Using JavaScript Resouces in {environment:ProductName}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) +- [\{environment:ProductName\} Overview](/igniteui-for-jquery-overview.mdx) +- [Using JavaScript Resouces in \{environment:ProductName\}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) ### In this topic @@ -47,7 +47,7 @@ This procedure will guide you through the process of adding reference to the req The examples in the next block use the following file structure that needs be present for the referencing to work properly. - The jQuery resources have been added to a folder named Scripts in your web site or web application. -- The {environment:ProductName} JavaScript files have been added to a folder named Scripts/ig in your web site or web application (For more information, refer to the [Using JavaScript Resouces in {environment:ProductName}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) topic). +- The \{environment:ProductName\} JavaScript files have been added to a folder named Scripts/ig in your web site or web application (For more information, refer to the [Using JavaScript Resouces in \{environment:ProductName\}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) topic). If you use your own structure you should replace *Scripts/ig* with your own folder structure. @@ -63,7 +63,7 @@ If you use your own structure you should replace *Scripts/ig* with your own fold ### <a id="javasript"></a>Using igLoader in JavaScript -The `igLoader` control is the recommended way to load JavaScript and CSS resources required by the {environment:ProductName} library controls. First the `igLoader` script must be included in the page: +The `igLoader` control is the recommended way to load JavaScript and CSS resources required by the \{environment:ProductName\} library controls. First the `igLoader` script must be included in the page: **In JavaScript:** @@ -92,7 +92,7 @@ For HTML views the `igLoader` must be instantiated this way: The Infragistics.Web.Mvc assembly must be referenced in your ASP.NET MVC project and the corresponding namespace must be referenced in your view. -For more information, refer to the [Using JavaScript Resouces in {environment:ProductName}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) topic. +For more information, refer to the [Using JavaScript Resouces in \{environment:ProductName\}](/general-and-getting-started/deployment-guide-javascript-resources.mdx) topic. The code to reference the namespace is given in the code snippet below. diff --git a/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-an-alternating-rows-template-igtemplating.mdx b/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-an-alternating-rows-template-igtemplating.mdx index 56507e05dd..9742582119 100644 --- a/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-an-alternating-rows-template-igtemplating.mdx +++ b/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-an-alternating-rows-template-igtemplating.mdx @@ -5,7 +5,6 @@ slug: creating-an-alternating-rows-template-(igtemplating) # Creating an Alternating Rows Template (igTemplating) - ## <a id="topic-overview"></a>Topic Overview ### <a id="purpose"></a>Purpose diff --git a/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-basic-conditional-template.mdx b/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-basic-conditional-template.mdx index 2dc5f6c5a2..ed88e81175 100644 --- a/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-basic-conditional-template.mdx +++ b/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-basic-conditional-template.mdx @@ -98,12 +98,12 @@ The following steps demonstrate how to create basic conditional template. Save the file and double click to preview the result. According to the applied check into the template only two rows should be rendered, as the third row has value into the age property lower than 21 ## <a id="adding-using-CLI"></a> Creating igGrid with basic conditional template using the IgniteUI CLI -The easiest way to create an igGrid with basic conditional template configured is via the {environment:ProductFamilyName} CLI. -To install the {environment:ProductFamilyName} CLI: +The easiest way to create an igGrid with basic conditional template configured is via the \{environment:ProductFamilyName\} CLI. +To install the \{environment:ProductFamilyName\} CLI: ``` npm install -g igniteui-cli ``` -Once the {environment:ProductFamilyName} CLI is installed the commands for generating an {environment:ProductName} project, adding a new igGrid component with basic conditional template, building and serving the project are as following: +Once the \{environment:ProductFamilyName\} CLI is installed the commands for generating an \{environment:ProductName\} project, adding a new igGrid component with basic conditional template, building and serving the project are as following: ``` ig new <project name> cd <project name> @@ -111,9 +111,9 @@ ig add grid-templating newGridTemplating ig start ``` -This command will add a new igGrid with templating configured, same as the one demonstrated in our [Conditional Templates]({environment:SamplesUrl}/templating-engine/conditional-templates) sample. +This command will add a new igGrid with templating configured, same as the one demonstrated in our [Conditional Templates](\{environment:SamplesUrl\}/templating-engine/conditional-templates) sample. - For more information and the list of all available commands read the [Using {environment:ProductFamilyName} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. + For more information and the list of all available commands read the [Using \{environment:ProductFamilyName\} CLI](//general-and-getting-started/using-ignite-ui-cli.mdx) topic. ## <a id="related-content"></a>Related Content @@ -139,4 +139,4 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Conditional Templates]({environment:SamplesUrl}/templating-engine/conditional-templates): This sample demonstrates how conditional cell templates are used in a grid using the Infragistics Template Engine. In the following scenario, cells under the Unit Price column have an image arrow up/down. For the purpose of this sample, the ‘Delta Price’ column is created dynamically and is hidden from the user. The up/down images are applied according to the values in hidden column when compared to the values in the Unit Price column. The Infragistics Templating Engine is comparing the values in the Delta Price and Unit Price columns. If the value Delta Price column is greater than the Unit Price value then a green up arrow is rendered, otherwise a red down arrow is rendered in the grid. \ No newline at end of file +- [Conditional Templates](\{environment:SamplesUrl\}/templating-engine/conditional-templates): This sample demonstrates how conditional cell templates are used in a grid using the Infragistics Template Engine. In the following scenario, cells under the Unit Price column have an image arrow up/down. For the purpose of this sample, the ‘Delta Price’ column is created dynamically and is hidden from the user. The up/down images are applied according to the values in hidden column when compared to the values in the Unit Price column. The Infragistics Templating Engine is comparing the values in the Delta Price and Unit Price columns. If the value Delta Price column is greater than the Unit Price value then a green up arrow is rendered, otherwise a red down arrow is rendered in the grid. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-conditional-template-containing-default-statement.mdx b/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-conditional-template-containing-default-statement.mdx index d449bf75d8..16bbc96aaa 100644 --- a/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-conditional-template-containing-default-statement.mdx +++ b/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-conditional-template-containing-default-statement.mdx @@ -5,7 +5,6 @@ slug: creating-conditional-template-containing-default-statement # Creating a Conditional Template Containing a Default Statement(igTemplating) - ## Topic Overview ### Purpose @@ -139,7 +138,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Conditional Templates]({environment:SamplesUrl}/templating-engine/conditional-templates): This sample demonstrates how conditional cell templates are used in a grid using the Infragistics Template Engine. In the following scenario, cells under the Unit Price column have an image arrow up/down. For the purpose of this sample, the ‘Delta Price’ column is created dynamically and is hidden from the user. The up/down images are applied according to the values in hidden column when compared to the values in the Unit Price column. The Infragistics Templating Engine is comparing the values in the Delta Price and Unit Price columns. If the value Delta Price column is greater than the Unit Price value then a green up arrow is rendered, otherwise a red down arrow is rendered in the grid. +- [Conditional Templates](\{environment:SamplesUrl\}/templating-engine/conditional-templates): This sample demonstrates how conditional cell templates are used in a grid using the Infragistics Template Engine. In the following scenario, cells under the Unit Price column have an image arrow up/down. For the purpose of this sample, the ‘Delta Price’ column is created dynamically and is hidden from the user. The up/down images are applied according to the values in hidden column when compared to the values in the Unit Price column. The Infragistics Templating Engine is comparing the values in the Delta Price and Unit Price columns. If the value Delta Price column is greater than the Unit Price value then a green up arrow is rendered, otherwise a red down arrow is rendered in the grid. diff --git a/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-multi-conditional-template-containing-default-statement.mdx b/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-multi-conditional-template-containing-default-statement.mdx index 3ad06aa6c7..e503cfb4c8 100644 --- a/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-multi-conditional-template-containing-default-statement.mdx +++ b/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-multi-conditional-template-containing-default-statement.mdx @@ -141,7 +141,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Conditional Templates]({environment:SamplesUrl}/templating-engine/conditional-templates):This sample demonstrates how conditional cell templates are used in a grid using the Infragistics Template Engine. In the following scenario, cells under the Unit Price column have an image arrow up/down. For the purpose of this sample, the ‘Delta Price’ column is created dynamically and is hidden from the user. The up/down images are applied according to the values in hidden column when compared to the values in the Unit Price column. The Infragistics Templating Engine is comparing the values in the Delta Price and Unit Price columns. If the value Delta Price column is greater than the Unit Price value then a green up arrow is rendered, otherwise a red down arrow is rendered in the grid. +- [Conditional Templates](\{environment:SamplesUrl\}/templating-engine/conditional-templates):This sample demonstrates how conditional cell templates are used in a grid using the Infragistics Template Engine. In the following scenario, cells under the Unit Price column have an image arrow up/down. For the purpose of this sample, the ‘Delta Price’ column is created dynamically and is hidden from the user. The up/down images are applied according to the values in hidden column when compared to the values in the Unit Price column. The Infragistics Templating Engine is comparing the values in the Delta Price and Unit Price columns. If the value Delta Price column is greater than the Unit Price value then a green up arrow is rendered, otherwise a red down arrow is rendered in the grid. diff --git a/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-nested-blocks-template.mdx b/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-nested-blocks-template.mdx index 7249b65121..8851f02d08 100644 --- a/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-nested-blocks-template.mdx +++ b/docs/jquery/src/content/en/topics/infragistics-templating-engine/creating-templates/creating-nested-blocks-template.mdx @@ -5,7 +5,6 @@ slug: creating-nested-blocks-template # Creating a Nested Blocks Template - ## Topic Overview ### Purpose @@ -124,7 +123,7 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Nested Templates]({environment:SamplesUrl}/templating-engine/nested-templates): This sample demonstrates how nested templates are possible using the Infragistics Templating Engine. In the following scenario each feature of the Infragistics Templating Engine is used to iterate through the movies collection from the data source and unordered list is created as an output in the last column. +- [Nested Templates](\{environment:SamplesUrl\}/templating-engine/nested-templates): This sample demonstrates how nested templates are possible using the Infragistics Templating Engine. In the following scenario each feature of the Infragistics Templating Engine is used to iterate through the movies collection from the data source and unordered list is created as an output in the last column. diff --git a/docs/jquery/src/content/en/topics/infragistics-templating-engine/igtemplating-overview.mdx b/docs/jquery/src/content/en/topics/infragistics-templating-engine/igtemplating-overview.mdx index 259b032b6f..6fa9a763b0 100644 --- a/docs/jquery/src/content/en/topics/infragistics-templating-engine/igtemplating-overview.mdx +++ b/docs/jquery/src/content/en/topics/infragistics-templating-engine/igtemplating-overview.mdx @@ -256,15 +256,15 @@ The following topics provide additional information related to this topic. The following samples provide additional information related to this topic. -- [Basic Usage]({environment:SamplesUrl}/templating-engine/basic-usage): The Infragistics Templating Engine provides a consistent templating syntax for all of the {environment:ProductName} controls. This example demonstrates the templating syntax in context when customizing the `igCombo` control's header, items, and footer. +- [Basic Usage](\{environment:SamplesUrl\}/templating-engine/basic-usage): The Infragistics Templating Engine provides a consistent templating syntax for all of the \{environment:ProductName\} controls. This example demonstrates the templating syntax in context when customizing the `igCombo` control's header, items, and footer. -- [Grid Column Template]({environment:SamplesUrl}/templating-engine/grid-column-template): This sample shows how to insert a button into a column using igGrid column template functionality. In the most right column there is button for each row. Pressing a button will delete its containing row. +- [Grid Column Template](\{environment:SamplesUrl\}/templating-engine/grid-column-template): This sample shows how to insert a button into a column using igGrid column template functionality. In the most right column there is button for each row. Pressing a button will delete its containing row. -- [Conditional Templates]({environment:SamplesUrl}/templating-engine/conditional-templates): This sample demonstrates how conditional cell templates are used in a grid using the Infragistics Template Engine. In the following scenario, cells under the Unit Price column have an image arrow up/down. For the purpose of this sample, the ‘Delta Price’ column is created dynamically and is hidden from the user. The up/down images are applied according to the values in hidden column when compared to the values in the Unit Price column. The Infragistics Templating Engine is comparing the values in the Delta Price and Unit Price columns. If the value Delta Price column is greater than the Unit Price value then a green up arrow is rendered, otherwise a red down arrow is rendered in the grid. +- [Conditional Templates](\{environment:SamplesUrl\}/templating-engine/conditional-templates): This sample demonstrates how conditional cell templates are used in a grid using the Infragistics Template Engine. In the following scenario, cells under the Unit Price column have an image arrow up/down. For the purpose of this sample, the ‘Delta Price’ column is created dynamically and is hidden from the user. The up/down images are applied according to the values in hidden column when compared to the values in the Unit Price column. The Infragistics Templating Engine is comparing the values in the Delta Price and Unit Price columns. If the value Delta Price column is greater than the Unit Price value then a green up arrow is rendered, otherwise a red down arrow is rendered in the grid. -- [Nested Templates]({environment:SamplesUrl}/templating-engine/nested-templates): This sample demonstrates how nested templates are possible using the Infragistics Templating Engine. In the following scenario each feature of the Infragistics Templating Engine is used to iterate through the movies collection from the data source and unordered list is created as an output in the last column. +- [Nested Templates](\{environment:SamplesUrl\}/templating-engine/nested-templates): This sample demonstrates how nested templates are possible using the Infragistics Templating Engine. In the following scenario each feature of the Infragistics Templating Engine is used to iterate through the movies collection from the data source and unordered list is created as an output in the last column. -- [ASP.NET MVC Usage]({environment:SamplesUrl}/templating-engine/aspnet-mvc-usage): When using {environment:ProductNameMVC}, you can use the Infragistics Templating Engine in ASP.NET MVC views. The approach is identical to that in JavaScript. +- [ASP.NET MVC Usage](\{environment:SamplesUrl\}/templating-engine/aspnet-mvc-usage): When using \{environment:ProductNameMVC\}, you can use the Infragistics Templating Engine in ASP.NET MVC views. The approach is identical to that in JavaScript. diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/api-overview.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/api-overview.mdx index ef64ba1100..baaf2e5928 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/api-overview.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/api-overview.mdx @@ -2,8 +2,11 @@ title: "API Overview" slug: api-overview --- + +# API Overview + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # API Overview -- <ApiLink pkg="ig" type="excel.AnyValueDataValidationRule" label="API Overview" />: This API Documentation lists the namespaces and classes that you will be working with, while programming with the Infragistics JavaScript Excel Library. The namespaces and classes listed in this topic link conveniently into the "API Reference Guide" section of the {environment:ProductName} help. \ No newline at end of file +- <ApiLink pkg="ig" type="excel.AnyValueDataValidationRule" label="API Overview" />: This API Documentation lists the namespaces and classes that you will be working with, while programming with the Infragistics JavaScript Excel Library. The namespaces and classes listed in this topic link conveniently into the "API Reference Guide" section of the \{environment:ProductName\} help. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/javascript-excel-library.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/javascript-excel-library.mdx index 510541ef32..ea374a37ba 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/javascript-excel-library.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/javascript-excel-library.mdx @@ -2,6 +2,9 @@ title: "Infragistics JavaScript Excel Library" slug: javascript-excel-library --- + +# Infragistics JavaScript Excel Library + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Infragistics JavaScript Excel Library @@ -14,4 +17,4 @@ Click the links below to access important information about the Infragistics Jav - [Using the Infragistics JavaScript Excel Library](Using-the-JavaScript-Excel-Library.html "using the infragistics javascript excel library"): This section contains detailed, step-by-step procedures that guide you through common scenarios that you may need to perform when using the Infragistics JavaScript Excel Library. -- <ApiLink pkg="ig" type="excel.AnyValueDataValidationRule" label="API Overview" />: This topic lists the namespaces and classes that you will be working with while programming with the Infragistics JavaScript Excel Library. The namespaces and classes listed in this topic link conveniently into the "API Reference Guide" section of the {environment:ProductName} help. \ No newline at end of file +- <ApiLink pkg="ig" type="excel.AnyValueDataValidationRule" label="API Overview" />: This topic lists the namespaces and classes that you will be working with while programming with the Infragistics JavaScript Excel Library. The namespaces and classes listed in this topic link conveniently into the "API Reference Guide" section of the \{environment:ProductName\} help. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/understanding/overview.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/understanding/overview.mdx index 34bef3745d..cc73e84dcd 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/understanding/overview.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/understanding/overview.mdx @@ -20,7 +20,7 @@ The Excel library can be used to export a grid or table to a workbook document o ## Setting up the Environment -To use the Excel library, you must reference the following JavaScript files from the {environment:ProductName} product, which are the minimum required: +To use the Excel library, you must reference the following JavaScript files from the \{environment:ProductName\} product, which are the minimum required: - infragistics.util.js - infragistics.ext_core.js [new in 17.1] diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/accessing-cells-and-regions-by-their-reference-strings.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/accessing-cells-and-regions-by-their-reference-strings.mdx index 28ca59d3dd..a97aeb2615 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/accessing-cells-and-regions-by-their-reference-strings.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/accessing-cells-and-regions-by-their-reference-strings.mdx @@ -2,6 +2,9 @@ title: "Accessing Cells and Regions by their Reference Strings" slug: javascript-excel-library-accessing-cells-and-regions-by-their-reference-strings --- + +# Accessing Cells and Regions by their Reference Strings + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Accessing Cells and Regions by their Reference Strings diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/add-document-properties-to-a-workbook.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/add-document-properties-to-a-workbook.mdx index efa6eae345..375d49d72c 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/add-document-properties-to-a-workbook.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/add-document-properties-to-a-workbook.mdx @@ -2,6 +2,9 @@ title: "Add Document Properties to a Workbook" slug: javascript-excel-library-add-document-properties-to-a-workbook --- + +# Add Document Properties to a Workbook + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Add Document Properties to a Workbook diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/adding-a-hyperlink-to-a-cell-in-an-excel-file.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/adding-a-hyperlink-to-a-cell-in-an-excel-file.mdx index b393f5211a..a17a064f6e 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/adding-a-hyperlink-to-a-cell-in-an-excel-file.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/adding-a-hyperlink-to-a-cell-in-an-excel-file.mdx @@ -2,6 +2,9 @@ title: "Adding a Hyperlink to a cell in an Excel file" slug: javascript-excel-library-adding-a-hyperlink-to-a-cell-in-an-excel-file --- + +# Adding a Hyperlink to a cell in an Excel file + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding a Hyperlink to a cell in an Excel file diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/adding-a-sparkline-to-an-excel-worksheet.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/adding-a-sparkline-to-an-excel-worksheet.mdx index 5d4e7f18ac..313167db4b 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/adding-a-sparkline-to-an-excel-worksheet.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/adding-a-sparkline-to-an-excel-worksheet.mdx @@ -2,6 +2,9 @@ title: "Adding a Sparkline to an Excel Worksheet" slug: javaScript-excel-library-adding-a-sparkline-to-an-excel-worksheet --- + +# Adding a Sparkline to an Excel Worksheet + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding a Sparkline to an Excel Worksheet diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/applying-styles-to-cells.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/applying-styles-to-cells.mdx index dedc078ed5..0588a6c7e7 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/applying-styles-to-cells.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/applying-styles-to-cells.mdx @@ -2,6 +2,9 @@ title: "Applying Styles to Cells" slug: javascript-excel-library-applying-styles-to-cells --- + +# Applying Styles to Cells + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Applying Styles to Cells diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/comments-in-a-worksheet-cell.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/comments-in-a-worksheet-cell.mdx index 1cd95b4f74..21caa0840d 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/comments-in-a-worksheet-cell.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/comments-in-a-worksheet-cell.mdx @@ -2,6 +2,9 @@ title: "Comments in a Worksheet Cell" slug: javascript-excel-library-comments-in-a-worksheet-cell --- + +# Comments in a Worksheet Cell + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Comments in a Worksheet Cell diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/conditional-formatting.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/conditional-formatting.mdx index e2fabf4575..f60f9b58b6 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/conditional-formatting.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/conditional-formatting.mdx @@ -2,6 +2,9 @@ title: "Conditional Formatting" slug: javascript-excel-library-conditional-formatting --- + +# Conditional Formatting + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Conditional Formatting diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/create-a-workbook.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/create-a-workbook.mdx index 1d9ca85a85..58db32f6f9 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/create-a-workbook.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/create-a-workbook.mdx @@ -2,6 +2,9 @@ title: "Create a Workbook" slug: javascript-excel-library-create-a-workbook --- + +# Create a Workbook + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Create a Workbook diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/getting-the-value-of-a-formula-from-an-excel-file.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/getting-the-value-of-a-formula-from-an-excel-file.mdx index 38412154f6..232270fbc6 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/getting-the-value-of-a-formula-from-an-excel-file.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/getting-the-value-of-a-formula-from-an-excel-file.mdx @@ -2,6 +2,9 @@ title: "Getting the Value of a Formula from an Excel File" slug: javascript-excel-library-getting-the-value-of-a-formula-from-an-excel-file --- + +# Getting the Value of a Formula from an Excel File + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Getting the Value of a Formula from an Excel File diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/list-of-supported-built-in-functions.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/list-of-supported-built-in-functions.mdx index e3e94e94f5..4c673296ab 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/list-of-supported-built-in-functions.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/list-of-supported-built-in-functions.mdx @@ -3,7 +3,6 @@ title: "List of Supported Built-in Functions" slug: javascript-excel-library-list-of-supported-built-in-functions --- - # List of Supported Built-in Functions ## Introduction diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/merge-cells.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/merge-cells.mdx index 2efbcd4006..c8e35ad5a1 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/merge-cells.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/merge-cells.mdx @@ -2,6 +2,9 @@ title: "Merge Cells" slug: javascript-excel-library-merge-cells --- + +# Merge Cells + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Merge Cells diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/moving-a-worksheet-within-an-excel-workbook.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/moving-a-worksheet-within-an-excel-workbook.mdx index 65477b2d96..88ef309683 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/moving-a-worksheet-within-an-excel-workbook.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/moving-a-worksheet-within-an-excel-workbook.mdx @@ -2,6 +2,9 @@ title: "Moving a Worksheet within an Excel Workbook" slug: javascript-excel-library-moving-a-worksheet-within-an-excel-workbook --- + +# Moving a Worksheet within an Excel Workbook + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Moving a Worksheet within an Excel Workbook diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/read-an-excel-2007-xlsx-file-into-a-workbook.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/read-an-excel-2007-xlsx-file-into-a-workbook.mdx index 2782c37037..517ad99687 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/read-an-excel-2007-xlsx-file-into-a-workbook.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/read-an-excel-2007-xlsx-file-into-a-workbook.mdx @@ -2,6 +2,9 @@ title: "Read an Excel 2007 XLSX File Into a Workbook" slug: javascript-excel-library-read-an-excel-2007-xlsx-file-into-a-workbook --- + +# Read an Excel 2007 XLSX File Into a Workbook + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Read an Excel 2007 XLSX File Into a Workbook diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/resizing-rows-and-columns.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/resizing-rows-and-columns.mdx index 1a01459eb3..deede62780 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/resizing-rows-and-columns.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/resizing-rows-and-columns.mdx @@ -2,6 +2,9 @@ title: "Resizing Rows and Columns" slug: javascript-excel-library-resizing-rows-and-columns --- + +# Resizing Rows and Columns + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Resizing Rows and Columns diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/save-and-load-files-in-excel-template-format.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/save-and-load-files-in-excel-template-format.mdx index 4c1c887231..5102c4a811 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/save-and-load-files-in-excel-template-format.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/save-and-load-files-in-excel-template-format.mdx @@ -2,6 +2,9 @@ title: "Save and Load Files in Excel Template Format" slug: javascript-excel-library-save-and-load-files-in-excel-template-format --- + +# Save and Load Files in Excel Template Format + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Save and Load Files in Excel Template Format diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/the-javascript-excel-library.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/the-javascript-excel-library.mdx index f9bf4f504a..3e754f964d 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/the-javascript-excel-library.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/the-javascript-excel-library.mdx @@ -3,11 +3,13 @@ title: "Using the Infragistics JavaScript Excel Library:" slug: using-the-javascript-excel-library --- +# Using the Infragistics JavaScript Excel Library: + #Using the Infragistics JavaScript Excel Library: This section contains topics covering the use of the JavaScript Excel Library. -This particular topic demonstrates how to export the contents of an {environment:ProductName} `igGrid` to an Excel workbook using the new JavaScript Excel Library. Which can give you a general insight of how powerful the Infragistics JavaScript Excel Library is. +This particular topic demonstrates how to export the contents of an \{environment:ProductName\} `igGrid` to an Excel workbook using the new JavaScript Excel Library. Which can give you a general insight of how powerful the Infragistics JavaScript Excel Library is. ## Initial Setup  @@ -21,7 +23,7 @@ $.ig.loader({ resources: "igGrid.Summaries" }); ``` -Here, the loader is configured to load JavaScript files from the js folder, load the {environment:ProductName} styles from the Infragistics CDN and load the grid Summaries feature. +Here, the loader is configured to load JavaScript files from the js folder, load the \{environment:ProductName\} styles from the Infragistics CDN and load the grid Summaries feature. Once the scripts are loaded then the grid is constructed as shown in the following code: @@ -266,8 +268,8 @@ function exportWorkbook() { ### Related Samples -- [Excel Table]({environment:NewSamplesUrl}/javascript-excel-library/excel-table) -- [Excel Formatting]({environment:NewSamplesUrl}/javascript-excel-library/excel-formatting) -- [Excel Formulas]({environment:NewSamplesUrl}/javascript-excel-library/excel-formulas) -- [Import Data From Excel ]({environment:NewSamplesUrl}/javascript-excel-library/excel-import-data) +- [Excel Table](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-table) +- [Excel Formatting](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-formatting) +- [Excel Formulas](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-formulas) +- [Import Data From Excel ](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-import-data) diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-charts.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-charts.mdx index 7ba22d4048..7feb7742c2 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-charts.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-charts.mdx @@ -2,6 +2,9 @@ title: "Adding a Chart to a Worksheet" slug: javascript-excel-library-worksheet-charts --- + +# Adding a Chart to a Worksheet + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Adding a Chart to a Worksheet diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-level-filtering.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-level-filtering.mdx index 6c61567816..7da5c6e827 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-level-filtering.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-level-filtering.mdx @@ -2,6 +2,9 @@ title: "Worksheet level Filtering" slug: igExcelEngineFiltering --- + +# Worksheet level Filtering + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Worksheet level Filtering @@ -73,10 +76,10 @@ sheet.filterSettings().applyCustomFilter(0, new $.ig.excel.CustomFilterCondition ### Related Samples -- [Excel Table]({environment:NewSamplesUrl}/javascript-excel-library/excel-table) +- [Excel Table](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-table) -- [Excel Formatting]({environment:NewSamplesUrl}/javascript-excel-library/excel-formatting) +- [Excel Formatting](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-formatting) -- [Excel Formulas]({environment:NewSamplesUrl}/javascript-excel-library/excel-formulas) +- [Excel Formulas](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-formulas) -- [Import Data From Excel ]({environment:NewSamplesUrl}/javascript-excel-library/excel-import-data) \ No newline at end of file +- [Import Data From Excel ](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-import-data) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-level-sorting.mdx b/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-level-sorting.mdx index e5d5a13dc8..bc3581d333 100644 --- a/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-level-sorting.mdx +++ b/docs/jquery/src/content/en/topics/javascript-excel-library/using/worksheet-level-sorting.mdx @@ -2,6 +2,9 @@ title: "Worksheet level Sorting" slug: igExcelEngineSorting --- + +# Worksheet level Sorting + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Worksheet level Sorting diff --git a/docs/jquery/src/content/en/topics/known-issues/and-limitations.mdx b/docs/jquery/src/content/en/topics/known-issues/and-limitations.mdx index 2bfffbf55a..c18227fa89 100644 --- a/docs/jquery/src/content/en/topics/known-issues/and-limitations.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/and-limitations.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations" slug: known-issues-and-limitations --- + +# Known Issues and Limitations + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the current known issues and limitations of the {environment:ProductName}™ library. Information about previous releases can be found [here](/known-issues-revision-history/known-issues-revision-history.mdx). +This summarizes the current known issues and limitations of the \{environment:ProductName\}™ library. Information about previous releases can be found [here](/known-issues-revision-history/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](/asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/00-breaking-changes-2023-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/00-breaking-changes-2023-volume-2.mdx index e66dae2f0a..676ded098e 100644 --- a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/00-breaking-changes-2023-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/00-breaking-changes-2023-volume-2.mdx @@ -5,7 +5,7 @@ slug: breaking-changes-2023-volume-2 # Breaking Changes 2023 Volume 2 -- With {environment:ProductName} 2023 Volume 2 we are making major changes in how we ship the product. Going forward the only Windows Installer that is shipped and available through the customer's portal [Downloads Page](https://account.infragistics.com/downloads) will be that of the local Samples Browser. The product itself will continue to be delivered only though the popular package managers npm for the client-side jQuery components and NuGet for their MVC wrappers, as well as through our CDN servers. For more information on how to use these delivery methods if you were previously relying on local installations through the {environment:ProductName} Windows installers, please see the following topics: - - [Using {environment:ProductName} Npm packages](//general-and-getting-started/using-ignite-ui-npm-packages.mdx) - - [Using {environment:ProductName} NuGet packages](//general-and-getting-started/using-ignite-ui-nuget-packages.mdx) - - [Infragistics Content Delivery Network (CDN) for {environment:ProductName}](../../01_General-and-Getting-Started/05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx) \ No newline at end of file +- With \{environment:ProductName\} 2023 Volume 2 we are making major changes in how we ship the product. Going forward the only Windows Installer that is shipped and available through the customer's portal [Downloads Page](https://account.infragistics.com/downloads) will be that of the local Samples Browser. The product itself will continue to be delivered only though the popular package managers npm for the client-side jQuery components and NuGet for their MVC wrappers, as well as through our CDN servers. For more information on how to use these delivery methods if you were previously relying on local installations through the \{environment:ProductName\} Windows installers, please see the following topics: + - [Using \{environment:ProductName\} Npm packages](//general-and-getting-started/using-ignite-ui-npm-packages.mdx) + - [Using \{environment:ProductName\} NuGet packages](//general-and-getting-started/using-ignite-ui-nuget-packages.mdx) + - [Infragistics Content Delivery Network (CDN) for \{environment:ProductName\}](../../01_General-and-Getting-Started/05_Deployment_Guide_Infragistics_Content_Delivery_Network(CDN).mdx) \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/10-breaking-changes-2018-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/10-breaking-changes-2018-volume-2.mdx index 31b6d52f57..fc54ce2bbc 100644 --- a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/10-breaking-changes-2018-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/10-breaking-changes-2018-volume-2.mdx @@ -2,6 +2,9 @@ title: "Breaking Changes 2018 Volume 2" slug: breaking-changes-2018-volume-2 --- + +# Breaking Changes 2018 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Breaking Changes 2018 Volume 2 diff --git a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/11-breaking-changes-2018-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/11-breaking-changes-2018-volume-1.mdx index 56670f492b..5f9ff68e54 100644 --- a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/11-breaking-changes-2018-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/11-breaking-changes-2018-volume-1.mdx @@ -17,7 +17,7 @@ ShapeChart has IsHorizontalZoomEnabled and IsVerticalZoomEnabled properties set ## Domain Charts Domain Charts (ex. CategoryChart, ShapeChart) are dependent on a newly added js file: infragistics.datachart_domainChart.js -## {environment:ProductName} +## \{environment:ProductName\} The infragistics.util.jquerydeferred.js has been removed. The loader Chart will now support double.ToString(“00.0#) formatting. ## PercentChangeYAxis diff --git a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/12-breaking-changes-2017-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/12-breaking-changes-2017-volume-2.mdx index 83306a96c4..acd6689051 100644 --- a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/12-breaking-changes-2017-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/12-breaking-changes-2017-volume-2.mdx @@ -2,6 +2,9 @@ title: "Breaking Changes 2017 Volume 2" slug: breaking-changes-2017-volume-2 --- + +# Breaking Changes 2017 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Breaking Changes 2017 Volume 2 diff --git a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/13-breaking-changes-2017-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/13-breaking-changes-2017-volume-1.mdx index a7da80fb9d..81ea74b84e 100644 --- a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/13-breaking-changes-2017-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/13-breaking-changes-2017-volume-1.mdx @@ -2,6 +2,9 @@ title: "Breaking Changes 2017 Volume 1" slug: breaking-changes-2017-volume-1 --- + +# Breaking Changes 2017 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Breaking Changes 2017 Volume 1 @@ -18,9 +21,9 @@ From version 17.1 the `infragistics.util.js` file has been split into a non-jQue - `infragistics.util.jquery.js` - holds jQuery dependant utility functions. - `infragistics.util.jquerydeferred.js` - custom CommonJS Promises/A implementation, for users that are using versions of the jQuery, prior to version 1.5, which doesn't support $.Deferred. -For applications that are using the igLoader to load {environment:ProductName} controls' dependencies, no change is required, because the loader is handling this internally. The other applications that load manually the files, may take advantage and not include the unnecessary utility references. +For applications that are using the igLoader to load \{environment:ProductName\} controls' dependencies, no change is required, because the loader is handling this internally. The other applications that load manually the files, may take advantage and not include the unnecessary utility references. -There is a new, jQuery dependant file, explicitly needed for {environment:ProductName} DV components - `infragsitics.dv_jquerydom.js`. It needs to be loaded prior to the `infragistics.dv_core.js` dependancy. +There is a new, jQuery dependant file, explicitly needed for \{environment:ProductName\} DV components - `infragsitics.dv_jquerydom.js`. It needs to be loaded prior to the `infragistics.dv_core.js` dependancy. ``` ... @@ -30,11 +33,11 @@ There is a new, jQuery dependant file, explicitly needed for {environment:P ``` #### Related Topics -- [JavaScript Files in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-files.mdx) +- [JavaScript Files in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-files.mdx) ### New Bootstrap themes structure -The default and all Bootstrap 3 based themes have moved under a common "/bootstrap3" folder. The following lists the current Bootstrap 3 themes currently shipped with {environment:ProductName} and the location of the `infragistics.theme.css` relative to the product source root ("~"): +The default and all Bootstrap 3 based themes have moved under a common "/bootstrap3" folder. The following lists the current Bootstrap 3 themes currently shipped with \{environment:ProductName\} and the location of the `infragistics.theme.css` relative to the product source root ("~"): Themes | Previous path | New Path @@ -74,11 +77,11 @@ If no format is set for the summary and the current column the regional settings ### Date handling -The option <ApiLink type="iggrid" member="enableUTCDates" section="options" label="enableUTCDates" /> has now a different function. It affects only the dates serialization. You should use the new option <ApiLink type="iggrid" member="columns.dateDisplayType" section="options" label="dateDisplayType" /> in the grid column's definition to handle date timezone display. Please follow the [Migrating enableUTCDates option after 17.1](//controls/iggrid/migrating-enableutcdates-option-in-17-1.mdx) topic to see how you can adapt to the new changes and the [Using {environment:ProductName} controls in different time zones](//general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx) topic for more detailed information of how the both options work. +The option <ApiLink type="iggrid" member="enableUTCDates" section="options" label="enableUTCDates" /> has now a different function. It affects only the dates serialization. You should use the new option <ApiLink type="iggrid" member="columns.dateDisplayType" section="options" label="dateDisplayType" /> in the grid column's definition to handle date timezone display. Please follow the [Migrating enableUTCDates option after 17.1](//controls/iggrid/migrating-enableutcdates-option-in-17-1.mdx) topic to see how you can adapt to the new changes and the [Using \{environment:ProductName\} controls in different time zones](//general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx) topic for more detailed information of how the both options work. ## igDateEditor/igDatePicker -The option <ApiLink type="igdateeditor" member="enableUTCDates" section="options" label="enableUTCDates" /> has now a different function. You can use the <ApiLink type="igdateeditor" member="displayTimeOffset" section="options" label="displayTimeOffset" /> if you want to show the time in the editor with the desired offset. Please follow the [Migrating date handling in 17.1](//controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx) topic to see how you can adapt to the new changes and the [Using {environment:ProductName} controls in different time zones](//general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx) topic for more detailed information of how the both options work. +The option <ApiLink type="igdateeditor" member="enableUTCDates" section="options" label="enableUTCDates" /> has now a different function. You can use the <ApiLink type="igdateeditor" member="displayTimeOffset" section="options" label="displayTimeOffset" /> if you want to show the time in the editor with the desired offset. Please follow the [Migrating date handling in 17.1](//controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx) topic to see how you can adapt to the new changes and the [Using \{environment:ProductName\} controls in different time zones](//general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx) topic for more detailed information of how the both options work. ## igNumericEditor diff --git a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/breaking-changes-revision-history.mdx b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/breaking-changes-revision-history.mdx index 28f685ea17..fb67bf0dc3 100644 --- a/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/breaking-changes-revision-history.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/breaking-changes-revision-history/breaking-changes-revision-history.mdx @@ -7,40 +7,40 @@ slug: breaking-changes-revision-history ### Introduction -This topic provides links to the Breaking Changes documents for earlier versions of the {environment:ProductName}™ library. +This topic provides links to the Breaking Changes documents for earlier versions of the \{environment:ProductName\}™ library. ### Topics Detailed information regarding the Breaking Changes of each release is covered in the following topics: -- [Breaking Changes in 2023 Volume 2](/breaking-changes-2023-volume-2.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2023 Volume 2 release. +- [Breaking Changes in 2023 Volume 2](/breaking-changes-2023-volume-2.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2023 Volume 2 release. -- [Breaking Changes in 2023 Volume 1](/breaking-changes-2023-volume-1.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2023 Volume 1 release. +- [Breaking Changes in 2023 Volume 1](/breaking-changes-2023-volume-1.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2023 Volume 1 release. -- [Breaking Changes in 2022 Volume 2](/breaking-changes-2022-volume-2.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2022 Volume 2 release. +- [Breaking Changes in 2022 Volume 2](/breaking-changes-2022-volume-2.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2022 Volume 2 release. -- [Breaking Changes in 2022 Volume 1](/breaking-changes-2022-volume-1.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2022 Volume 1 release. +- [Breaking Changes in 2022 Volume 1](/breaking-changes-2022-volume-1.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2022 Volume 1 release. -- [Breaking Changes in 2021 Volume 2](/breaking-changes-2021-volume-2.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2021 Volume 2 release. +- [Breaking Changes in 2021 Volume 2](/breaking-changes-2021-volume-2.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2021 Volume 2 release. -- [Breaking Changes in 2021 Volume 1](/breaking-changes-2021-volume-1.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2021 Volume 1 release. +- [Breaking Changes in 2021 Volume 1](/breaking-changes-2021-volume-1.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2021 Volume 1 release. -- [Breaking Changes in 2020 Volume 2](/breaking-changes-2020-volume-2.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2020 Volume 2 release. +- [Breaking Changes in 2020 Volume 2](/breaking-changes-2020-volume-2.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2020 Volume 2 release. -- [Breaking Changes in 2020 Volume 1](/breaking-changes-2020-volume-1.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2020 Volume 1 release. +- [Breaking Changes in 2020 Volume 1](/breaking-changes-2020-volume-1.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2020 Volume 1 release. -- [Breaking Changes in 2019 Volume 2](/breaking-changes-2019-volume-2.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2019 Volume 2 release. +- [Breaking Changes in 2019 Volume 2](/breaking-changes-2019-volume-2.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2019 Volume 2 release. -- [Breaking Changes in 2019 Volume 1](/breaking-changes-2019-volume-1.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2019 Volume 1 release. +- [Breaking Changes in 2019 Volume 1](/breaking-changes-2019-volume-1.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2019 Volume 1 release. -- [Breaking Changes in 2018 Volume 2](/breaking-changes-2018-volume-2.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2018 Volume 2 release. +- [Breaking Changes in 2018 Volume 2](/breaking-changes-2018-volume-2.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2018 Volume 2 release. Detailed information regarding the Breaking Changes of each release is covered in the following topics: -- [Breaking Changes in 2018 Volume 1](/breaking-changes-2018-volume-1.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2018 Volume 1 release. +- [Breaking Changes in 2018 Volume 1](/breaking-changes-2018-volume-1.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2018 Volume 1 release. Detailed information regarding the Breaking Changes of each release is covered in the following topics: -- [Breaking Changes in 2017 Volume 2](/breaking-changes-2017-volume-2.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2017 Volume 2 release. +- [Breaking Changes in 2017 Volume 2](/breaking-changes-2017-volume-2.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2017 Volume 2 release. -- [Breaking Changes in 2017 Volume 1](/breaking-changes-2017-volume-1.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2017 Volume 1 release. +- [Breaking Changes in 2017 Volume 1](/breaking-changes-2017-volume-1.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2017 Volume 1 release. -- [Breaking Changes in 2016 Volume 2](/breaking-changes-2016-volume-2.mdx): This topic summarizes the breaking changes in the {environment:ProductName} library for the 2016 Volume 2 release. +- [Breaking Changes in 2016 Volume 2](/breaking-changes-2016-volume-2.mdx): This topic summarizes the breaking changes in the \{environment:ProductName\} library for the 2016 Volume 2 release. diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/00-known-issues-and-limitations-2023-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/00-known-issues-and-limitations-2023-volume-2.mdx index 9fb46ad688..27bae37b66 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/00-known-issues-and-limitations-2023-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/00-known-issues-and-limitations-2023-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2023 Volume 2" slug: known-issues-and-limitations-2023-volume-2 --- + +# Known Issues and Limitations in 2023 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2023 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2023 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2023 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/01-known-issues-and-limitations-2023-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/01-known-issues-and-limitations-2023-volume-1.mdx index 51b2e2cff1..bbe26cb48b 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/01-known-issues-and-limitations-2023-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/01-known-issues-and-limitations-2023-volume-1.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2023 Volume 1" slug: known-issues-and-limitations-2023-volume-1 --- + +# Known Issues and Limitations in 2023 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2023 Volume 1 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2023 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2023 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/02-known-issues-and-limitations-2022-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/02-known-issues-and-limitations-2022-volume-2.mdx index 2b02b07777..3f8a02de66 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/02-known-issues-and-limitations-2022-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/02-known-issues-and-limitations-2022-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2022 Volume 2" slug: known-issues-and-limitations-2022-volume-2 --- + +# Known Issues and Limitations in 2022 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2022 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2022 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2022 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/03-known-issues-and-limitations-2022-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/03-known-issues-and-limitations-2022-volume-1.mdx index 80009cc1b5..d32d19fe8e 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/03-known-issues-and-limitations-2022-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/03-known-issues-and-limitations-2022-volume-1.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2022 Volume 1" slug: known-issues-and-limitations-2022-volume-1 --- + +# Known Issues and Limitations in 2022 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2022 Volume 1 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2022 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2022 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/04-known-issues-and-limitations-2021-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/04-known-issues-and-limitations-2021-volume-2.mdx index 53f519e698..0416bca34d 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/04-known-issues-and-limitations-2021-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/04-known-issues-and-limitations-2021-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2021 Volume 2" slug: known-issues-and-limitations-2021-volume-2 --- + +# Known Issues and Limitations in 2021 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2021 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2021 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2021 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/05-known-issues-and-limitations-2021-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/05-known-issues-and-limitations-2021-volume-1.mdx index d0c1406275..fe38b38973 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/05-known-issues-and-limitations-2021-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/05-known-issues-and-limitations-2021-volume-1.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2021 Volume 1" slug: known-issues-and-limitations-2021-volume-1 --- + +# Known Issues and Limitations in 2021 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2021 Volume 1 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2021 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2021 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/06-known-issues-and-limitations-2020-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/06-known-issues-and-limitations-2020-volume-2.mdx index 3d14f176d4..61d80d76ec 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/06-known-issues-and-limitations-2020-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/06-known-issues-and-limitations-2020-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2020 Volume 2" slug: known-issues-and-limitations-2020-volume-2 --- + +# Known Issues and Limitations in 2020 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2020 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2020 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2020 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2020 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2020 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/07-known-issues-and-limitations-2020-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/07-known-issues-and-limitations-2020-volume-1.mdx index e34f671102..1a14cfb94d 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/07-known-issues-and-limitations-2020-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/07-known-issues-and-limitations-2020-volume-1.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2020 Volume 1" slug: known-issues-and-limitations-2020-volume-1 --- + +# Known Issues and Limitations in 2020 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2020 Volume 1 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2020 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2020 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2020 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2020 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/08-known-issues-and-limitations-2019-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/08-known-issues-and-limitations-2019-volume-2.mdx index 7f5b05974f..640dbc73f0 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/08-known-issues-and-limitations-2019-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/08-known-issues-and-limitations-2019-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2019 Volume 2" slug: known-issues-and-limitations-2019-volume-2 --- + +# Known Issues and Limitations in 2019 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2019 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2019 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2019 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2019 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/09-known-issues-and-limitations-2019-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/09-known-issues-and-limitations-2019-volume-1.mdx index 96a5507f40..cdf61f5d5f 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/09-known-issues-and-limitations-2019-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/09-known-issues-and-limitations-2019-volume-1.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2019 Volume 1" slug: known-issues-and-limitations-2019-volume-1 --- + +# Known Issues and Limitations in 2019 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2019 Volume 1 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2019 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2019 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2019 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2019 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/10-known-issues-and-limitations-2018-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/10-known-issues-and-limitations-2018-volume-2.mdx index 467f4c3c30..35d9f6830a 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/10-known-issues-and-limitations-2018-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/10-known-issues-and-limitations-2018-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2018 Volume 2" slug: known-issues-and-limitations-2018-volume-2 --- + +# Known Issues and Limitations in 2018 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2018 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2018 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2018 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -55,8 +58,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +79,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2018 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2018 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -541,7 +544,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -553,7 +556,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -660,7 +663,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/11-known-issues-and-limitations-2018-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/11-known-issues-and-limitations-2018-volume-1.mdx index bcf9d08c6c..d4c4197aee 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/11-known-issues-and-limitations-2018-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/11-known-issues-and-limitations-2018-volume-1.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2018 Volume 1" slug: known-issues-and-limitations-2018-volume-1 --- + +# Known Issues and Limitations in 2018 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2018 Volume 1 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2018 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2018 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -54,8 +57,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -75,7 +78,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2018 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2018 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -531,7 +534,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -543,7 +546,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -651,7 +654,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/12-known-issues-and-limitations-2017-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/12-known-issues-and-limitations-2017-volume-2.mdx index ff2a0bd441..2913377b01 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/12-known-issues-and-limitations-2017-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/12-known-issues-and-limitations-2017-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2017 Volume 2" slug: known-issues-and-limitations-2017-volume-2 --- + +# Known Issues and Limitations in 2017 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2017 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2017 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2017 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -53,8 +56,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -74,7 +77,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2017 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2017 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -523,7 +526,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -535,7 +538,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -643,7 +646,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/13-known-issues-and-limitations-2017-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/13-known-issues-and-limitations-2017-volume-1.mdx index e4feb0b10f..10ff173408 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/13-known-issues-and-limitations-2017-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/13-known-issues-and-limitations-2017-volume-1.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2017 Volume 1" slug: known-issues-and-limitations-2017-volume-1 --- + +# Known Issues and Limitations in 2017 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2017 Volume 1 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2017 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2017 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -53,8 +56,8 @@ This topic contains the following sections: - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igHierarchicalGrid Updating](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -73,7 +76,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2017 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2017 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -519,7 +522,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -531,7 +534,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -630,7 +633,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/14-known-issues-and-limitations-2016-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/14-known-issues-and-limitations-2016-volume-2.mdx index aaf6e096e1..2d3231f1cd 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/14-known-issues-and-limitations-2016-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/14-known-issues-and-limitations-2016-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2016 Volume 2" slug: known-issues-and-limitations-2016-volume-2 --- + +# Known Issues and Limitations in 2016 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2016 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2016 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2016 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -52,8 +55,8 @@ This topic contains the following sections: - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -72,7 +75,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2016 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2016 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -515,7 +518,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -527,7 +530,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -626,7 +629,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/15-known-issues-and-limitations-2016-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/15-known-issues-and-limitations-2016-volume-1.mdx index a8073a2eac..800b8f99f5 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/15-known-issues-and-limitations-2016-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/15-known-issues-and-limitations-2016-volume-1.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2016 Volume 1" slug: known-issues-and-limitations-2016-volume-1 --- + +# Known Issues and Limitations in 2016 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2016 Volume 1 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2016 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2016 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -51,8 +54,8 @@ This topic contains the following sections: - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -70,7 +73,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2016 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2016 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -498,7 +501,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -510,7 +513,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -609,7 +612,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/16-known-issues-and-limitations-2015-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/16-known-issues-and-limitations-2015-volume-2.mdx index a8499a5241..51a318215c 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/16-known-issues-and-limitations-2015-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/16-known-issues-and-limitations-2015-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2015 Volume 2" slug: known-issues-and-limitations-2015-volume-2 --- + +# Known Issues and Limitations in 2015 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2015 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2015 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2015 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -50,8 +53,8 @@ This topic contains the following sections: - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -69,7 +72,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2015 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2015 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -491,7 +494,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -503,7 +506,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -602,7 +605,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/17-known-issues-and-limitations-2015-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/17-known-issues-and-limitations-2015-volume-1.mdx index 2d62706ff4..6c5d24c049 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/17-known-issues-and-limitations-2015-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/17-known-issues-and-limitations-2015-volume-1.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2015 Volume 1" slug: known-issues-and-limitations-2015-volume-1 --- + +# Known Issues and Limitations in 2015 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2015 Volume 1 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2015 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2015 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -50,8 +53,8 @@ This topic contains the following sections: - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igHierarchicalGrid Tooltips](#hierarchical-grid-tooltips) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -68,7 +71,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2015 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2015 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -486,7 +489,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -498,7 +501,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -590,7 +593,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/18-known-issues-and-limitations-2014-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/18-known-issues-and-limitations-2014-volume-2.mdx index 71dbe06507..93b12095bd 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/18-known-issues-and-limitations-2014-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/18-known-issues-and-limitations-2014-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2014 Volume 2" slug: known-issues-and-limitations-2014-volume-2 --- + +# Known Issues and Limitations in 2014 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2014 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2014 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2014 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -47,8 +50,8 @@ This topic contains the following sections: - [igHierarchicalGrid GroupBy](#hierarchical-grid-grouping) - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -65,7 +68,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2014 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2014 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> Legend | @@ -454,7 +457,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -466,7 +469,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -558,7 +561,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/19-known-issues-and-limitations-2014-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/19-known-issues-and-limitations-2014-volume-1.mdx index 37d3330f81..cae3fae762 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/19-known-issues-and-limitations-2014-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/19-known-issues-and-limitations-2014-volume-1.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2014 Volume 1" slug: known-issues-and-limitations-2014-volume-1 --- + +# Known Issues and Limitations in 2014 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2014 Volume 1 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2014 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2014 Volume 1 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -44,8 +47,8 @@ This topic contains the following sections: - [igHierarchicalGrid GroupBy](#hierarchical-grid-grouping) - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -62,7 +65,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2014 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2014 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. <a id="legend"></a> @@ -423,7 +426,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -435,7 +438,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -527,7 +530,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/20-known-issues-and-limitations-2013-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/20-known-issues-and-limitations-2013-volume-2.mdx index 1cb90b6a9c..e8fb7caa79 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/20-known-issues-and-limitations-2013-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/20-known-issues-and-limitations-2013-volume-2.mdx @@ -2,6 +2,9 @@ title: "Known Issues and Limitations in 2013 Volume 2" slug: known-issues-and-limitations-2013-volume-2 --- + +# Known Issues and Limitations in 2013 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Known Issues and Limitations in 2013 Volume 2 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### Purpose -This summarizes the known issues and limitations of the {environment:ProductName}™ 2013 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). +This summarizes the known issues and limitations of the \{environment:ProductName\}™ 2013 Volume 2 release. Information about previous releases can be found [here](/known-issues-revision-history.mdx). ### In this topic @@ -43,8 +46,8 @@ This topic contains the following sections: - [igHierarchicalGrid GroupBy](#hierarchical-grid-grouping) - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (mobile)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (mobile)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -60,7 +63,7 @@ This topic contains the following sections: ## <a id="summary"></a> Known Issues and Limitations Summary -The following table summarizes the known issues and limitations of the {environment:ProductName} 2013 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2013 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. Legend | -------|-------- @@ -417,7 +420,7 @@ No label collisions detection | The `igLinearGauge` control does not provide mea Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc"></a> [{environment:ProductNameMVC}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](//asp-net-mvc/igniteui-for-mvc-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -429,7 +432,7 @@ MVC Loader not functioning correctly in an MVC Razor Layout View | The ASP.NET M Go up to [Known Issues and Limitations Summary](#summary) -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (mobile)](//asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx) Issue | Description | Status ---|---|--- @@ -511,7 +514,7 @@ Go up to [Known Issues and Limitations Summary](#summary) Issue | Description | Status ---|---|--- -Namespace conflict | Using the NetAdvantage® for ASP.NET and {environment:ProductName} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) +Namespace conflict | Using the NetAdvantage® for ASP.NET and \{environment:ProductName\} documents’ assemblies together causes namespace conflict exceptions. | ![](../../images/images/positive.png) Go up to [Known Issues and Limitations Summary](#summary) diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/21-known-issues-and-limitations-2013-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/21-known-issues-and-limitations-2013-volume-1.mdx index a7a09d7875..b892fd9d9e 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/21-known-issues-and-limitations-2013-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/21-known-issues-and-limitations-2013-volume-1.mdx @@ -7,7 +7,7 @@ slug: known-issues-and-limitations-2013-volume-1 ## Overview -The following table summarizes the known issues and limitations of the {environment:ProductName} 2013 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2013 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. ### Legend: @@ -294,7 +294,7 @@ The following table summarizes the known issues and limitations of the {env </tr> <tr> - <td rowspan="3">[{environment:ProductNameMVC}](#mvc-wrappers-issue)</td> + <td rowspan="3">[\{environment:ProductNameMVC\}](#mvc-wrappers-issue)</td> <td>[MVC helper generated code in conjunction with the MVC Loader executes after any custom JavaScript code on a page](#mvc-helper-generated-code)</td> <td>When the MVC Loader and an MVC helper for any control is used in an ASP.NET MVC view, the JavaScript code they generate is executed after custom page set-up code from `document.ready``()` or `window.load``()` events.</td> <td>![](../../images/images/positive.png)</td> @@ -314,8 +314,8 @@ The following table summarizes the known issues and limitations of the {env <tr> <td>[Infragistics Document Engine](#infragistics-document-engine)</td> - <td>[Using Document Engines from Infragistics ASP.NET and {environment:ProductName} together workaround](#using-document-engines)</td> - <td>Using both the Infragistics ASP.NET and {environment:ProductName} documents assemblies together will cause namespace conflict exceptions.</td> + <td>[Using Document Engines from Infragistics ASP.NET and \{environment:ProductName\} together workaround](#using-document-engines)</td> + <td>Using both the Infragistics ASP.NET and \{environment:ProductName\} documents assemblies together will cause namespace conflict exceptions.</td> <td>![](../../images/images/positive.png)</td> </tr> @@ -333,7 +333,7 @@ The following table summarizes the known issues and limitations of the {env </tr> <tr> - <td rowspan="2">[{environment:ProductName} ASP.NET MVC Mobile Wrappers](#mvc-mobile-wrappers)</td> + <td rowspan="2">[\{environment:ProductName\} ASP.NET MVC Mobile Wrappers](#mvc-mobile-wrappers)</td> <td>[The MVC Popup Mobile control requires jQuery Mobile version 1.2](#mvc-popup-mobile-control-requirements)</td> <td>The Popup widget is introduced in the jQuery mobile 1.2.</td> <td>![](../../images/images/positive.png)</td> @@ -694,7 +694,7 @@ In the `igHierarchicalGrid`, child layouts may have rendering issues (missing or To avoid this, add the Row Selectors before grouping in the array. -## <a id="mvc-wrappers-issue"></a>{environment:ProductNameMVC} +## <a id="mvc-wrappers-issue"></a>\{environment:ProductNameMVC\} ### <a id="mvc-helper-generated-code"></a>MVC helper generated code in conjunction with MVC Loader executes after any custom JavaScript code on a page solution When MVC Loader and MVC helper for any control are used in an MVC view the JavaScript code they generate is executed after custom page set-up code put in `document.ready` or `window.load` events. (This is because the control is rendered in the body part of a page and script code is usually put in the head part.) If the custom code refers to the control rendered by the MVC helper code, it may fail since the control does not exist yet. This is a timing issue and depends on how quickly the loader loads necessary resources. @@ -719,7 +719,7 @@ When `AutoGenerateLayouts()` is set to true in remote data binding scenarios suc ### <a id="mvc-loader-does-not-function-properly"></a>The ASP.NET MVC Loader does not function properly in an MVC Razor layout view solution -{environment:ProductNameMVC} do not produce the proper Loader code when the Loader is included in a layout page in an ASP.NET MVC Razor application. They use the regular jQuery `$(function() { }) (document.ready)` syntax. This happens only for ASP.NET MVC Razor applications and in MVC ASPX views with master pages the same problem is not experienced. +\{environment:ProductNameMVC\} do not produce the proper Loader code when the Loader is included in a layout page in an ASP.NET MVC Razor application. They use the regular jQuery `$(function() { }) (document.ready)` syntax. This happens only for ASP.NET MVC Razor applications and in MVC ASPX views with master pages the same problem is not experienced. The reason for this is that layout views are processed and executed after the particular view is rendered and the loader has no chance to initialize prior to the view rendering. @@ -727,14 +727,14 @@ The solution is not to include the MVC Loader in an ASP.NET MVC Razor layout pag ## <a id="infragistics-document-engine"></a>Infragistics Document Engine -### <a id="using-document-engines"></a>Using Document Engines from Infragistics ASP.NET and {environment:ProductName} together workaround +### <a id="using-document-engines"></a>Using Document Engines from Infragistics ASP.NET and \{environment:ProductName\} together workaround -Using both the Infragistics ASP.NET and {environment:ProductName} documents assemblies together causes namespace conflict exceptions. +Using both the Infragistics ASP.NET and \{environment:ProductName\} documents assemblies together causes namespace conflict exceptions. -To resolve this issue, reference either the documents assemblies from Infragistics ASP.NET or the documents assemblies from {environment:ProductName} in your application. The documents libraries within these assemblies are the same and can be used to replace one another. +To resolve this issue, reference either the documents assemblies from Infragistics ASP.NET or the documents assemblies from \{environment:ProductName\} in your application. The documents libraries within these assemblies are the same and can be used to replace one another. -## <a id="mvc-mobile-wrappers"></a>{environment:ProductName} ASP.NET MVC Mobile Wrappers +## <a id="mvc-mobile-wrappers"></a>\{environment:ProductName\} ASP.NET MVC Mobile Wrappers ### <a id="mvc-popup-mobile-control-requirements"></a>The ASP.NET MVC Popup Mobile control requires jQuery Mobile version 1.2 The popup widget is introduced in jQuery Mobile version 1.2. If you want to use the Popup MVC wrapper use a jQuery Mobile version higher or equal to 1.2. diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/22-known-issues-and-limitations-2012-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/22-known-issues-and-limitations-2012-volume-2.mdx index 46b974be74..dfa6134ecd 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/22-known-issues-and-limitations-2012-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/22-known-issues-and-limitations-2012-volume-2.mdx @@ -8,7 +8,7 @@ slug: known-issues-and-limitations-2012-volume-2 ## Topic Overview ### Purpose -This topic lists known issues and limitations in the {environment:ProductName}™ library and provides a reference to individual controls’ known issues topics. +This topic lists known issues and limitations in the \{environment:ProductName\}™ library and provides a reference to individual controls’ known issues topics. ### In this topic @@ -25,7 +25,7 @@ This topic contains the following sections: - [First and last items appear half cut in financial series charts](#first-last-items-half-cut) - [Chart animation disabled when axis range changes](#chart-animation-disabled) - [ASP.NET MVC helper generated code in conjunction with ASP.NET MVC Loader executes after any custom JavaScript code on a page](#mvc-heper-issue) - - [Using Document Engines from Infragistics ASP.NET and {environment:ProductName} together workaround](#document-engines-workaround) + - [Using Document Engines from Infragistics ASP.NET and \{environment:ProductName\} together workaround](#document-engines-workaround) - [igEditor styling](#igEditor-styling) - [igEditor rendering failure](#igEditor-rendering-failure) - [Cannot use igGridHiding with row templates](#igGridHiding-cannot-use-row-templates) @@ -64,7 +64,7 @@ This topic contains the following sections: ## <a id="known-issues"></a>Known Issues and Limitations in 2012 Volume 2 ### <a id="overview"></a>Overview -The following table summarizes the known issues and limitations of the {environment:ProductName} 2012 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2012 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided in the known issues topics for each control. ### Legend: @@ -87,7 +87,7 @@ Feature | Description | Status [First and last items appear half cut in financial series charts](#first-last-items-half-cut) | In a financial series, the first and the last data items do not appear entirely on the chart view but are plotted as if they are cut in half. | ![](../../images/images/plannedFix.png) [Chart animations are disabled when the axis range changes](#chart-animation-disabled) | If you use the Motion Framework for charts and updated data causes the Y-axis range to change, then all chart animation is disabled and new data appears immediately without any motion effect. | ![](../../images/images/positive.png) [MVC helper generated code in conjunction with the MVC Loader executes after any custom JavaScript code on a page](#mvc-heper-issue) | When the MVC Loader and an MVC helper for any control is used in an ASP.NET MVC view, the JavaScript code they generate is executed after custom page set-up code from `document.ready()` or `window.load()` events. | ![](../../images/images/positive.png) -[Using Document Engines from Infragistics ASP.NET and {environment:ProductName} together workaround](#document-engines-workaround) | Using both the Infragistics ASP.NET and {environment:ProductName} documents assemblies together will cause namespace conflict exceptions. | ![](../../images/images/positive.png) +[Using Document Engines from Infragistics ASP.NET and \{environment:ProductName\} together workaround](#document-engines-workaround) | Using both the Infragistics ASP.NET and \{environment:ProductName\} documents assemblies together will cause namespace conflict exceptions. | ![](../../images/images/positive.png) [igEditor styling](#igEditor-styling) | Layout of HTML elements is modified and rounded corners are rendered around the whole editor, not only buttons. | ![](../../images/images/positive.png) igEditor spin buttons | Spin buttons are rendered horizontally. | ![](../../images/images/negative.png) [igEditor rendering failure](#igEditor-rendering-failure) | Rendering may fail if the base element is a TD. | ![](../../images/images/positive.png) @@ -199,11 +199,11 @@ $.ig.loader(function () { In this example, the `customControlLogic()` function handles any custom code. This ensures that code affecting the control will execute after the control is instantiated. -## <a id="document-engines-workaround"></a>Using Document Engines from Infragistics ASP.NET and {environment:ProductName} together workaround +## <a id="document-engines-workaround"></a>Using Document Engines from Infragistics ASP.NET and \{environment:ProductName\} together workaround -Using both the Infragistics ASP.NET and {environment:ProductName} documents assemblies together causes namespace conflict exceptions. +Using both the Infragistics ASP.NET and \{environment:ProductName\} documents assemblies together causes namespace conflict exceptions. -To resolve this issue, reference either the documents assemblies from Infragistics ASP.NET or the documents assemblies from {environment:ProductName} in your application. The documents libraries within these assemblies are the same and can be used to replace one another. +To resolve this issue, reference either the documents assemblies from Infragistics ASP.NET or the documents assemblies from \{environment:ProductName\} in your application. The documents libraries within these assemblies are the same and can be used to replace one another. ## <a id="igEditor-styling"></a>igEditor styling workaround @@ -279,7 +279,7 @@ Before resizing the table, the height of the grid table container needs to be re ## <a id="mvc-loader-not-working-properly"></a>The ASP.NET MVC Loader does not function properly in an MVC Razor layout view solution -{environment:ProductNameMVC} do not produce the proper Loader code when the Loader is included in a layout page in an ASP.NET MVC Razor application. They use the regular jQuery `$(function() { }) (document.ready)` syntax. This happens only for ASP.NET MVC Razor applications and in MVC ASPX views with master pages the same problem is not experienced. +\{environment:ProductNameMVC\} do not produce the proper Loader code when the Loader is included in a layout page in an ASP.NET MVC Razor application. They use the regular jQuery `$(function() { }) (document.ready)` syntax. This happens only for ASP.NET MVC Razor applications and in MVC ASPX views with master pages the same problem is not experienced. The reason for this is that layout views are processed and executed after the particular view is rendered and the loader has no chance to initialize prior to the view rendering. diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/23-known-issues-and-limitations-2012-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/23-known-issues-and-limitations-2012-volume-1.mdx index 11612715a4..24a0f0d7cd 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/23-known-issues-and-limitations-2012-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/23-known-issues-and-limitations-2012-volume-1.mdx @@ -8,7 +8,7 @@ slug: known-issues-and-limitations-2012-volume-1 ## Topic Overview ### Purpose -This topic lists known issues and limitations in the {environment:ProductName}™ library and provides reference to individual control’s known issues topics. +This topic lists known issues and limitations in the \{environment:ProductName\}™ library and provides reference to individual control’s known issues topics. ### In this topic @@ -26,7 +26,7 @@ This topic contains the following sections: - [First and last items appear half cut in financial series charts](#half-cut-first-last-item) - [Chart animation disabled when axis range changes](#chart-animation-disabled-axis-range-changed) - [MVC helper generated code in conjunction with MVC Loader executes after any custom JavaScript code on a page](#mvc-helper-executes-after-custom-js-code) - - [Using Document Engines from Infragistics ASP.NET and {environment:ProductName} together workaround](#document-engines-workaround) + - [Using Document Engines from Infragistics ASP.NET and \{environment:ProductName\} together workaround](#document-engines-workaround) - [igEditor styling](#igEditor-styling) - [igEditor rendering failure](#igEditor-rendering-failure) - [Cannot use igGridHiding with row templates](#grid-hiding-cannot-use-row-templates) @@ -46,7 +46,7 @@ This topic contains the following sections: ## <a id="known-issues-limitations"></a>Known Issues and Limitations in 2012 Volume 1 ### <a id="overview"></a>Overview -The following table summarizes the known issues and limitations of the {environment:ProductName} 2012 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided for in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2012 Volume 1 release. Detailed explanations of known issues and the possible workarounds are provided for in the known issues topics for each control. ### Legend: @@ -70,7 +70,7 @@ Feature | Description | Status [First and last items appear half cut in financial series charts ](#half-cut-first-last-item) | In financial series the first and the last data items do not appear entirely on the chart view but are plotted as if they are cut in half. | ![](../../images/images/plannedFix.png) [Chart animation are disabled when axis range changes ](#chart-animation-disabled-axis-range-changed) | If you use the Motion Framework for charts and updated data causes Y-axis range to be changed then all chart animation is disabled and new data to appear immediately without any motion effect. | ![](../../images/images/positive.png) [MVC helper generated code in conjunction with MVC Loader executes after any custom JavaScript code on a page ](#mvc-helper-executes-after-custom-js-code) | When MVC Loader and MVC helper for any control are used in an MVC view the JavaScript code they generate is usually executed after custom page set-up code from `document.ready()` or `window.ready()` events. | ![](../../images/images/positive.png) -[Using Document Engines from Infragistics ASP.NET and {environment:ProductName} together workaround](#document-engines-workaround) | Using both the Infragistics ASP.NET and {environment:ProductName} documents assemblies together will cause namespace conflict exceptions. | ![](../../images/images/positive.png) +[Using Document Engines from Infragistics ASP.NET and \{environment:ProductName\} together workaround](#document-engines-workaround) | Using both the Infragistics ASP.NET and \{environment:ProductName\} documents assemblies together will cause namespace conflict exceptions. | ![](../../images/images/positive.png) [igEditor styling ](#igEditor-styling) | Layout of html elements was modified and rounded corners are rendered around whole editor, not only buttons. | ![](../../images/images/positive.png) `igEditor` spin buttons | Spin buttons are rendered horizontally. | ![](../../images/images/negative.png) [igEditor rendering failure ](#igEditor-rendering-failure) | Rendering may fail if the base element is TD. | ![](../../images/images/positive.png) @@ -166,12 +166,12 @@ $.ig.loader(function () { Here the `customControlLogic()` function handles any custom code. This way you ensure that your code affecting the control will execute after the control is instantiated. -## <a id="document-engines-workaround"></a>Using Document Engines from Infragistics ASP.NET and {environment:ProductName} together workaround +## <a id="document-engines-workaround"></a>Using Document Engines from Infragistics ASP.NET and \{environment:ProductName\} together workaround -Using both the Infragistics ASP.NET and {environment:ProductName} documents assemblies +Using both the Infragistics ASP.NET and \{environment:ProductName\} documents assemblies together will cause namespace conflict exceptions. -To resolve this issue, reference either the documents assemblies from Infragistics ASP.NET or the documents assemblies from {environment:ProductName} in your application. The documents libraries within these assemblies are the same and can be used to replace one another. +To resolve this issue, reference either the documents assemblies from Infragistics ASP.NET or the documents assemblies from \{environment:ProductName\} in your application. The documents libraries within these assemblies are the same and can be used to replace one another. ## <a id="igEditor-styling"></a>igEditor styling workaround diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/24-known-issues-and-limitations-2011-volume-2.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/24-known-issues-and-limitations-2011-volume-2.mdx index 24b9f0650c..211acd42ca 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/24-known-issues-and-limitations-2011-volume-2.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/24-known-issues-and-limitations-2011-volume-2.mdx @@ -8,13 +8,13 @@ slug: known-issues-and-limitations-2011-volume-2 ## Topic Overview ### Purpose -This topic lists the known issues and limitations in the 2011 Volume 2 release of the {environment:ProductName}™ library. +This topic lists the known issues and limitations in the 2011 Volume 2 release of the \{environment:ProductName\}™ library. ## Known Issues and Limitations in 2011 Volume 2 ### Overview -The following table summarizes the known issues and limitations of the {environment:ProductName} 2011 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided for in the known issues topics for each control. +The following table summarizes the known issues and limitations of the \{environment:ProductName\} 2011 Volume 2 release. Detailed explanations of known issues and the possible workarounds are provided for in the known issues topics for each control. ### Legend: @@ -28,7 +28,7 @@ The following table summarizes the known issues and limitations of the {env Feature | Description | Status ---|---|--- -[Using Document Engines from NetAdvantage for ASP.NET and {environment:ProductName} together workaround ](#using-document-engine) | Using both the Infragistics ASP.NET and {environment:ProductName} documents assemblies together will cause namespace conflict exceptions. | ![](../../images/images/positive.png) +[Using Document Engines from NetAdvantage for ASP.NET and \{environment:ProductName\} together workaround ](#using-document-engine) | Using both the Infragistics ASP.NET and \{environment:ProductName\} documents assemblies together will cause namespace conflict exceptions. | ![](../../images/images/positive.png) [igEditor styling ](#igEditor-styling) | Layout of html elements was modified and rounded corners are rendered around whole editor, not only buttons. | ![](../../images/images/positive.png) `igEditor` spin buttons | Spin buttons are rendered horizontally. | ![](../../images/images/negative.png) [igEditor rendering failure ](#rigEditor-rendering-failure) | Rendering may fail if the base element is TD. | ![](../../images/images/positive.png) @@ -42,12 +42,12 @@ Feature | Description | Status [Virtualization does not work for igHierarchicalGrid ](#virtualization-doesnot-work-hierarchicalgrid) | The virtualization feature is not supported for `igHierarchicalGrid`. | ![](../../images/images/negative.png) -## <a id="using-document-engine"></a>Using Document Engines from Infragistics ASP.NET and {environment:ProductName} together workaround +## <a id="using-document-engine"></a>Using Document Engines from Infragistics ASP.NET and \{environment:ProductName\} together workaround -Using both the Infragistics ASP.NET and {environment:ProductName} documents assemblies +Using both the Infragistics ASP.NET and \{environment:ProductName\} documents assemblies together will cause namespace conflict exceptions. -To resolve this issue, reference either the documents assemblies from Infragistics ASP.NET or the documents assemblies from {environment:ProductName} in your application. The documents libraries within these assemblies are the same and can be used to replace one another. +To resolve this issue, reference either the documents assemblies from Infragistics ASP.NET or the documents assemblies from \{environment:ProductName\} in your application. The documents libraries within these assemblies are the same and can be used to replace one another. ## <a id="igEditor-styling"></a>igEditor styling diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/25-known-issues-and-limitations-2011-volume-1.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/25-known-issues-and-limitations-2011-volume-1.mdx index 2838558e57..6e062e60d7 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/25-known-issues-and-limitations-2011-volume-1.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/25-known-issues-and-limitations-2011-volume-1.mdx @@ -5,17 +5,16 @@ slug: known-issues-and-limitations-2011-volume-1 # Known Issues and Limitations in 2011 Volume 1 - ## Topic Overview ### Purpose -This topic lists the known issues and limitations in the 2011 Volume 1 release of the {environment:ProductName}™ library. +This topic lists the known issues and limitations in the 2011 Volume 1 release of the \{environment:ProductName\}™ library. ## Known Issues and Limitations in 2011 Volume 1 ### Overview -The following table summarizes the known issues and limitations in the 2011 Volume 1 release of the {environment:ProductName}. Detailed explanations of known issues and the possible workarounds are provided for in the known issues topics for each control. +The following table summarizes the known issues and limitations in the 2011 Volume 1 release of the \{environment:ProductName\}. Detailed explanations of known issues and the possible workarounds are provided for in the known issues topics for each control. ### Legend: diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/revision-history.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/revision-history.mdx index b11c733e62..dc78315d0d 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/revision-history.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues-revision-history/revision-history.mdx @@ -7,63 +7,63 @@ slug: known-issues-revision-history ### Introduction -This topic provides links to the Known Issues and Limitations documents for earlier versions of the {environment:ProductName}™ library. +This topic provides links to the Known Issues and Limitations documents for earlier versions of the \{environment:ProductName\}™ library. ### Topics Detailed information regarding the Known Issues and Limitations of each release is covered in the following topics: -- [Known Issues and Limitations in 2023 Volume 2](/known-issues-and-limitations-2023-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2023 Volume 2 release. +- [Known Issues and Limitations in 2023 Volume 2](/known-issues-and-limitations-2023-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2023 Volume 2 release. -- [Known Issues and Limitations in 2023 Volume 1](/known-issues-and-limitations-2023-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2023 Volume 1 release. +- [Known Issues and Limitations in 2023 Volume 1](/known-issues-and-limitations-2023-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2023 Volume 1 release. -- [Known Issues and Limitations in 2022 Volume 2](/known-issues-and-limitations-2022-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2022 Volume 2 release. +- [Known Issues and Limitations in 2022 Volume 2](/known-issues-and-limitations-2022-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2022 Volume 2 release. -- [Known Issues and Limitations in 2022 Volume 1](/known-issues-and-limitations-2022-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2022 Volume 1 release. +- [Known Issues and Limitations in 2022 Volume 1](/known-issues-and-limitations-2022-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2022 Volume 1 release. -- [Known Issues and Limitations in 2021 Volume 2](/known-issues-and-limitations-2021-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2021 Volume 2 release. +- [Known Issues and Limitations in 2021 Volume 2](/known-issues-and-limitations-2021-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2021 Volume 2 release. -- [Known Issues and Limitations in 2021 Volume 1](/known-issues-and-limitations-2021-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2021 Volume 1 release. +- [Known Issues and Limitations in 2021 Volume 1](/known-issues-and-limitations-2021-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2021 Volume 1 release. -- [Known Issues and Limitations in 2020 Volume 2](/known-issues-and-limitations-2020-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2020 Volume 2 release. +- [Known Issues and Limitations in 2020 Volume 2](/known-issues-and-limitations-2020-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2020 Volume 2 release. -- [Known Issues and Limitations in 2020 Volume 1](/known-issues-and-limitations-2020-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2020 Volume 1 release. +- [Known Issues and Limitations in 2020 Volume 1](/known-issues-and-limitations-2020-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2020 Volume 1 release. -- [Known Issues and Limitations in 2019 Volume 2](/known-issues-and-limitations-2019-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2019 Volume 2 release. +- [Known Issues and Limitations in 2019 Volume 2](/known-issues-and-limitations-2019-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2019 Volume 2 release. -- [Known Issues and Limitations in 2019 Volume 1](/known-issues-and-limitations-2019-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2019 Volume 1 release. +- [Known Issues and Limitations in 2019 Volume 1](/known-issues-and-limitations-2019-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2019 Volume 1 release. -- [Known Issues and Limitations in 2018 Volume 2](/known-issues-and-limitations-2018-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2018 Volume 2 release. +- [Known Issues and Limitations in 2018 Volume 2](/known-issues-and-limitations-2018-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2018 Volume 2 release. -- [Known Issues and Limitations in 2018 Volume 1](/known-issues-and-limitations-2018-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2018 Volume 1 release. +- [Known Issues and Limitations in 2018 Volume 1](/known-issues-and-limitations-2018-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2018 Volume 1 release. -- [Known Issues and Limitations in 2017 Volume 2](/known-issues-and-limitations-2017-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2017 Volume 2 release. +- [Known Issues and Limitations in 2017 Volume 2](/known-issues-and-limitations-2017-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2017 Volume 2 release. -- [Known Issues and Limitations in 2017 Volume 1](/known-issues-and-limitations-2017-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2017 Volume 1 release. +- [Known Issues and Limitations in 2017 Volume 1](/known-issues-and-limitations-2017-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2017 Volume 1 release. -- [Known Issues and Limitations in 2016 Volume 2](/known-issues-and-limitations-2016-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2016 Volume 2 release. +- [Known Issues and Limitations in 2016 Volume 2](/known-issues-and-limitations-2016-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2016 Volume 2 release. -- [Known Issues and Limitations in 2016 Volume 1](/known-issues-and-limitations-2016-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2016 Volume 1 release. +- [Known Issues and Limitations in 2016 Volume 1](/known-issues-and-limitations-2016-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2016 Volume 1 release. -- [Known Issues and Limitations in 2015 Volume 2](/known-issues-and-limitations-2015-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2015 Volume 2 release. +- [Known Issues and Limitations in 2015 Volume 2](/known-issues-and-limitations-2015-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2015 Volume 2 release. -- [Known Issues and Limitations in 2015 Volume 1](/known-issues-and-limitations-2015-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2015 Volume 1 release. +- [Known Issues and Limitations in 2015 Volume 1](/known-issues-and-limitations-2015-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2015 Volume 1 release. -- [Known Issues and Limitations in 2014 Volume 2](/known-issues-and-limitations-2014-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2014 Volume 2 release. +- [Known Issues and Limitations in 2014 Volume 2](/known-issues-and-limitations-2014-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2014 Volume 2 release. -- [Known Issues and Limitations in 2014 Volume 1](/known-issues-and-limitations-2014-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2014 Volume 1 release. +- [Known Issues and Limitations in 2014 Volume 1](/known-issues-and-limitations-2014-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2014 Volume 1 release. -- [Known Issues and Limitations in 2013 Volume 2](/known-issues-and-limitations-2013-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2013 Volume 2 release. +- [Known Issues and Limitations in 2013 Volume 2](/known-issues-and-limitations-2013-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2013 Volume 2 release. -- [Known Issues and Limitations in 2013 Volume 1](/known-issues-and-limitations-2013-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2013 Volume 1 release. +- [Known Issues and Limitations in 2013 Volume 1](/known-issues-and-limitations-2013-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2013 Volume 1 release. -- [Known Issues and Limitations in 2012 Volume 2](/known-issues-and-limitations-2012-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2012 Volume 2 release. +- [Known Issues and Limitations in 2012 Volume 2](/known-issues-and-limitations-2012-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2012 Volume 2 release. -- [Known Issues and Limitations in 2012 Volume 1](/known-issues-and-limitations-2012-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2012 Volume 1 release. +- [Known Issues and Limitations in 2012 Volume 1](/known-issues-and-limitations-2012-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2012 Volume 1 release. -- [Known Issues and Limitations in 2011 Volume 2](/known-issues-and-limitations-2011-volume-2.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for the 2011 Volume 2 release. +- [Known Issues and Limitations in 2011 Volume 2](/known-issues-and-limitations-2011-volume-2.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for the 2011 Volume 2 release. -- [Known Issues and Limitations in 2011 Volume 1](/known-issues-and-limitations-2011-volume-1.mdx): This topic lists the known issues and limitations in the {environment:ProductName} library for releases before 2011 Volume 2. +- [Known Issues and Limitations in 2011 Volume 1](/known-issues-and-limitations-2011-volume-1.mdx): This topic lists the known issues and limitations in the \{environment:ProductName\} library for releases before 2011 Volume 2. diff --git a/docs/jquery/src/content/en/topics/known-issues/known-issues.mdx b/docs/jquery/src/content/en/topics/known-issues/known-issues.mdx index 16f8da5f6f..6a9681e99d 100644 --- a/docs/jquery/src/content/en/topics/known-issues/known-issues.mdx +++ b/docs/jquery/src/content/en/topics/known-issues/known-issues.mdx @@ -5,19 +5,18 @@ slug: known-issues # Known Issues - ## Introduction -The topics in this group provide information about the Known Issues, Limitations and Breaking Changes of the {environment:ProductName}™ library of controls. +The topics in this group provide information about the Known Issues, Limitations and Breaking Changes of the \{environment:ProductName\}™ library of controls. ## Topics Detailed information regarding known issues, limitations and breaking changes is covered in the following topics: -- [Known Issues](/known-issues-and-limitations.mdx): This topic contains an up-to-date list of known issues and limitations in the {environment:ProductName}™ library. +- [Known Issues](/known-issues-and-limitations.mdx): This topic contains an up-to-date list of known issues and limitations in the \{environment:ProductName\}™ library. - [Breaking Changes](/whats-new/00-general-changelog.mdx): Breaking changes are listed within the changelog for each version in the General Changelog document. -- [Known Issues Revision History](/known-issues-revision-history/known-issues-revision-history.mdx): This topic provides links to the Known Issues and Limitations documents for earlier versions of the {environment:ProductName}™ library. +- [Known Issues Revision History](/known-issues-revision-history/known-issues-revision-history.mdx): This topic provides links to the Known Issues and Limitations documents for earlier versions of the \{environment:ProductName\}™ library. -- [Breaking Changes Revision History](/breaking-changes-revision-history/breaking-changes-revision-history.mdx): This topic provides links to the Breaking Changes documents for earlier versions of the {environment:ProductName}™ library. +- [Breaking Changes Revision History](/breaking-changes-revision-history/breaking-changes-revision-history.mdx): This topic provides links to the Breaking Changes documents for earlier versions of the \{environment:ProductName\}™ library. diff --git a/docs/jquery/src/content/en/topics/typescript-definitions/typescript-definitions.mdx b/docs/jquery/src/content/en/topics/typescript-definitions/typescript-definitions.mdx index b6bbaa0529..23ca966d62 100644 --- a/docs/jquery/src/content/en/topics/typescript-definitions/typescript-definitions.mdx +++ b/docs/jquery/src/content/en/topics/typescript-definitions/typescript-definitions.mdx @@ -4,13 +4,14 @@ slug: typescript-definitions --- # TypeScript Definitions + ## In This Group of Topics ### Introduction -{environment:ProductName}® provides type definitions for TypeScript allowing you to take advantage of strong typing, compile time checking and intellisense features. +\{environment:ProductName\}® provides type definitions for TypeScript allowing you to take advantage of strong typing, compile time checking and intellisense features. ### Topics -- [Using {environment:ProductName} with TypeScript](Using-Ignite-UI-with-TypeScript.html) - This topic contains an overview for using the {environment:ProductName} type definitions for TypeScript. +- [Using \{environment:ProductName\} with TypeScript](Using-Ignite-UI-with-TypeScript.html) - This topic contains an overview for using the \{environment:ProductName\} type definitions for TypeScript. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/typescript-definitions/typescript-samples.mdx b/docs/jquery/src/content/en/topics/typescript-definitions/typescript-samples.mdx index 2de1978326..fbd773766f 100644 --- a/docs/jquery/src/content/en/topics/typescript-definitions/typescript-samples.mdx +++ b/docs/jquery/src/content/en/topics/typescript-definitions/typescript-samples.mdx @@ -6,7 +6,7 @@ slug: typescript-samples # TypeScript Samples ## Topic Overview -This topic covers samples with {environment:ProductName} controls and TypeScript. +This topic covers samples with \{environment:ProductName\} controls and TypeScript. ### In this topic @@ -55,8 +55,8 @@ This topic contains the following sections: ### <a id="requirements"></a>Requirements In order to run these samples, you need to have: -- The required {environment:ProductName} JavaScript and CSS files -- The required {environment:ProductName} TypeScript definitions +- The required \{environment:ProductName\} JavaScript and CSS files +- The required \{environment:ProductName\} TypeScript definitions ### <a id="grid_sample"></a>Grid Sample​ @@ -1442,4 +1442,4 @@ $(function () { ### <a id="related_content"></a>Related Content The following topic provides additional information related to this one: -[Using {environment:ProductName} with TypeScript](Using-Ignite-UI-with-TypeScript.html) - This topic contains an overview for using the {environment:ProductName} type definitions for TypeScript. +[Using \{environment:ProductName\} with TypeScript](Using-Ignite-UI-with-TypeScript.html) - This topic contains an overview for using the \{environment:ProductName\} type definitions for TypeScript. diff --git a/docs/jquery/src/content/en/topics/typescript-definitions/using-ignite-ui-with-typescript.mdx b/docs/jquery/src/content/en/topics/typescript-definitions/using-ignite-ui-with-typescript.mdx index b0912d0e9c..eccee4e179 100644 --- a/docs/jquery/src/content/en/topics/typescript-definitions/using-ignite-ui-with-typescript.mdx +++ b/docs/jquery/src/content/en/topics/typescript-definitions/using-ignite-ui-with-typescript.mdx @@ -1,13 +1,13 @@ --- -title: "Using {environment:ProductName} with TypeScript" +title: "Using {environment:ProductName} with TypeScript" slug: using-ignite-ui-with-typescipt --- -# Using {environment:ProductName} with TypeScript +# Using \{environment:ProductName\} with TypeScript ## Topic Overview -This topic is an overview for using the {environment:ProductName} type definitions for TypeScript. +This topic is an overview for using the \{environment:ProductName\} type definitions for TypeScript. ### Required background @@ -20,7 +20,7 @@ The following table lists the materials required as a prerequisite to understand **Topics** -- [{environment:ProductName} Overview](/igniteui-for-jquery-overview.mdx) +- [\{environment:ProductName\} Overview](/igniteui-for-jquery-overview.mdx) ### In this topic @@ -29,34 +29,34 @@ This topic contains the following sections: - [Introduction](#introduction) - [Syntax](#syntax) -- [Creating TypeScript App with {environment:ProductName}](#creating-app) +- [Creating TypeScript App with \{environment:ProductName\}](#creating-app) - [Related Content](#related-content) ## <a id="introduction"></a>Introduction -{environment:ProductName}® provides type definitions for TypeScript allowing you to take advantage of strong typing, compile time checking and intellisense features. +\{environment:ProductName\}® provides type definitions for TypeScript allowing you to take advantage of strong typing, compile time checking and intellisense features. The definitions for the controls can be installed via NPM with the following command `npm install @types/ignite-ui`. They extend the jQuery and jQuery UI definitions for TypeScript and thus it depends on them. ## <a id="syntax"></a> Syntax -Syntax for using {environment:ProductName} controls in TypeScript application is the same as you write vanilla JavaScript application. This means that you can refer to the [{environment:ProductName} API documentation](https://www.igniteui.com/help/api/2025.1) for code snippets reference. +Syntax for using \{environment:ProductName\} controls in TypeScript application is the same as you write vanilla JavaScript application. This means that you can refer to the [\{environment:ProductName\} API documentation](https://www.igniteui.com/help/api/2025.1) for code snippets reference. -## <a id="creating-app"></a>Creating TypeScript App with {environment:ProductName} +## <a id="creating-app"></a>Creating TypeScript App with \{environment:ProductName\} ### <a id="requirements"></a>Requirements -When considering the required resources the same requirements and options apply as described in the ["Using JavaScript Resources in {environment:ProductName}"](/general-and-getting-started/deployment-guide-javascript-resources.mdx) documentation in addition to loading the {environment:ProductName} Angular directives module afterwards. This means that along with some styles the application would also need to include: +When considering the required resources the same requirements and options apply as described in the ["Using JavaScript Resources in \{environment:ProductName\}"](/general-and-getting-started/deployment-guide-javascript-resources.mdx) documentation in addition to loading the \{environment:ProductName\} Angular directives module afterwards. This means that along with some styles the application would also need to include: - [jQuery](http://www.jquery.com/) 1.9 and later - [jQuery UI](http://jqueryui.com/) 1.10 and later - [TypeScript](http://www.typescriptlang.org/) 1.4 and later -- [{environment:ProductName}](http://www.igniteui.com/) 15.1 and later +- [\{environment:ProductName\}](http://www.igniteui.com/) 15.1 and later ### <a id="steps"></a>Steps 1. Create a new HTML App with TypeScript in Visual Studio. -2. Include the {environment:ProductName} theme and structural files: +2. Include the \{environment:ProductName\} theme and structural files: **In HTML:** ```html @@ -74,7 +74,7 @@ When considering the required resources the same requirements and options apply <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> ``` -4. Include {environment:ProductName} scripts. Preferably use a custom download, but you can also check ["Using JavaScript Resources in {environment:ProductName}"](/general-and-getting-started/deployment-guide-javascript-resources.mdx) topic for other methods. +4. Include \{environment:ProductName\} scripts. Preferably use a custom download, but you can also check ["Using JavaScript Resources in \{environment:ProductName\}"](/general-and-getting-started/deployment-guide-javascript-resources.mdx) topic for other methods. **In HTML:** ```html @@ -92,7 +92,7 @@ When considering the required resources the same requirements and options apply <script src="./TypeScript/sampleApp.js"></script> ``` -6. Include the reference paths to the {environment:ProductName} and jQuery type definitions for TypeScript: +6. Include the reference paths to the \{environment:ProductName\} and jQuery type definitions for TypeScript: **In TypeScript:** ```typescript @@ -137,6 +137,6 @@ When considering the required resources the same requirements and options apply The following samples provide additional information related to this topic. -- [igHierarchicalGrid TypeScript]({environment:SamplesUrl}/hierarchical-grid/typescript) -- [igTreeGrid TypeScript]({environment:SamplesUrl}/tree-grid/typescript) -- [igPivotGrid TypeScript]({environment:SamplesUrl}/pivot-grid/typescript) +- [igHierarchicalGrid TypeScript](\{environment:SamplesUrl\}/hierarchical-grid/typescript) +- [igTreeGrid TypeScript](\{environment:SamplesUrl\}/tree-grid/typescript) +- [igPivotGrid TypeScript](\{environment:SamplesUrl\}/pivot-grid/typescript) diff --git a/docs/jquery/src/content/en/topics/whats-new/00-general-changelog.mdx b/docs/jquery/src/content/en/topics/whats-new/00-general-changelog.mdx index 78360fac19..7fddb6fee4 100644 --- a/docs/jquery/src/content/en/topics/whats-new/00-general-changelog.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/00-general-changelog.mdx @@ -32,11 +32,11 @@ slug: general-changelog ### Added -- Infragistics {environment:ProductNameASPNETCore} now supports ASP.NET Core for .NET 10 projects. For more information see the [Using {environment:ProductNameASPNETCore}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. +- Infragistics \{environment:ProductNameASPNETCore\} now supports ASP.NET Core for .NET 10 projects. For more information see the [Using \{environment:ProductNameASPNETCore\}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. ### Breaking Changes -- Infragistics {environment:ProductNameASPNETCore} no longer supports ASP.NET Core 3.1. +- Infragistics \{environment:ProductNameASPNETCore\} no longer supports ASP.NET Core 3.1. ## <a id="24212"></a> 24.2.12 @@ -114,9 +114,9 @@ slug: general-changelog ### Added -- Infragistics {environment:ProductNameASPNETCore} now supports ASP.NET Core for .NET 9 projects. For more information see the [Using {environment:ProductNameASPNETCore}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. +- Infragistics \{environment:ProductNameASPNETCore\} now supports ASP.NET Core for .NET 9 projects. For more information see the [Using \{environment:ProductNameASPNETCore\}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. -- Infragistics {environment:ProductName} now supports the recently released jQuery 3.7 and jQuery UI 1.14. +- Infragistics \{environment:ProductName\} now supports the recently released jQuery 3.7 and jQuery UI 1.14. - igGrid and igHierarchicalGrid - new property `rowAttributeTemplate` allows for adding arbitrary attributes to rows [#2249](https://github.com/IgniteUI/ignite-ui/issues/2249) diff --git a/docs/jquery/src/content/en/topics/whats-new/jquery-whats-new-landing-page.mdx b/docs/jquery/src/content/en/topics/whats-new/jquery-whats-new-landing-page.mdx index 1071066bfa..c189d083e2 100644 --- a/docs/jquery/src/content/en/topics/whats-new/jquery-whats-new-landing-page.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/jquery-whats-new-landing-page.mdx @@ -5,15 +5,14 @@ slug: jquery-whats-new-landing-page # What's New - ### Introduction -The topics in this group provide information about the new controls and features introduced in the various versions of the {environment:ProductName}™ library of controls. +The topics in this group provide information about the new controls and features introduced in the various versions of the \{environment:ProductName\}™ library of controls. ### Topics Detailed information regarding what new controls and features are introduced is covered in the following topics: -- [General Changelog](/general-changelog.mdx): This topic encapsulates all changes introduced in both major and minor versions of the {environment:ProductName} library since the 2024 Volume 1 release. +- [General Changelog](/general-changelog.mdx): This topic encapsulates all changes introduced in both major and minor versions of the \{environment:ProductName\} library since the 2024 Volume 1 release. - [Revision History](./02_Revision History/~jQuery_Whats_New_Revision_History.mdx): This is an archive of all What’s New topics for earlier versions. diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/00-whats-new-in-2023-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/00-whats-new-in-2023-volume2.mdx index dfac062182..c539c565bf 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/00-whats-new-in-2023-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/00-whats-new-in-2023-volume2.mdx @@ -5,11 +5,11 @@ slug: whats-new-in-2023-volume2 # What's New in 2023 Volume 2 -This topic presents the new features for the {environment:ProductFamilyName}™ 2023 Volume 2 release. +This topic presents the new features for the \{environment:ProductFamilyName\}™ 2023 Volume 2 release. -### {environment:ProductNameASPNETCore} -Infragistics {environment:ProductNameASPNETCore} now supports ASP.NET Core for .NET 8 projects. For more information see the [Using {environment:ProductNameASPNETCore}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. +### \{environment:ProductNameASPNETCore\} +Infragistics \{environment:ProductNameASPNETCore\} now supports ASP.NET Core for .NET 8 projects. For more information see the [Using \{environment:ProductNameASPNETCore\}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. -### {environment:ProductNameASPNETCore} Tag Helpers -{environment:ProductNameASPNETCore} Tag Helpers now support ASP.NET Core for .NET 8 projects. For more information see the [Using {environment:ProductNameASPNETCore} Tag Helpers](using-ignite-ui-tag-helpers.html) topic. +### \{environment:ProductNameASPNETCore\} Tag Helpers +\{environment:ProductNameASPNETCore\} Tag Helpers now support ASP.NET Core for .NET 8 projects. For more information see the [Using \{environment:ProductNameASPNETCore\} Tag Helpers](using-ignite-ui-tag-helpers.html) topic. diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/01-whats-new-in-2022-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/01-whats-new-in-2022-volume2.mdx index 8b3fc46a4f..825311723a 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/01-whats-new-in-2022-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/01-whats-new-in-2022-volume2.mdx @@ -5,14 +5,14 @@ slug: whats-new-in-2022-volume2 # What's New in 2022 Volume 2 -This topic presents the new features for the {environment:ProductFamilyName}™ 2022 Volume 2 release. +This topic presents the new features for the \{environment:ProductFamilyName\}™ 2022 Volume 2 release. -### {environment:ProductNameASPNETCore} -Infragistics {environment:ProductNameASPNETCore} now supports ASP.NET Core for .NET 7 projects. For more information see the [Using {environment:ProductNameASPNETCore}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. +### \{environment:ProductNameASPNETCore\} +Infragistics \{environment:ProductNameASPNETCore\} now supports ASP.NET Core for .NET 7 projects. For more information see the [Using \{environment:ProductNameASPNETCore\}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. -### {environment:ProductNameASPNETCore} Tag Helpers -{environment:ProductNameASPNETCore} Tag Helpers now support ASP.NET Core for .NET 7 projects. For more information see the [Using {environment:ProductNameASPNETCore} Tag Helpers](using-ignite-ui-tag-helpers.html) topic. +### \{environment:ProductNameASPNETCore\} Tag Helpers +\{environment:ProductNameASPNETCore\} Tag Helpers now support ASP.NET Core for .NET 7 projects. For more information see the [Using \{environment:ProductNameASPNETCore\} Tag Helpers](using-ignite-ui-tag-helpers.html) topic. ## Chart Improvements diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/02-whats-new-in-2022-volume1.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/02-whats-new-in-2022-volume1.mdx index 95ba74b7ef..12acd3bc62 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/02-whats-new-in-2022-volume1.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/02-whats-new-in-2022-volume1.mdx @@ -5,7 +5,7 @@ slug: whats-new-in-2022-volume1 # What's New in 2022 Volume 1 -This topic presents the new features for the {environment:ProductFamilyName}™ 2022 Volume 1 release. +This topic presents the new features for the \{environment:ProductFamilyName\}™ 2022 Volume 1 release. ## Data Legend diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/03-whats-new-in-2021-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/03-whats-new-in-2021-volume2.mdx index c0624b9a0c..505e51c24f 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/03-whats-new-in-2021-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/03-whats-new-in-2021-volume2.mdx @@ -5,21 +5,21 @@ slug: whats-new-in-2021-volume2 # What's New in 2021 Volume 2 -This topic presents the new features for the {environment:ProductFamilyName}™ 2021 Volume 2 release. +This topic presents the new features for the \{environment:ProductFamilyName\}™ 2021 Volume 2 release. -### {environment:ProductNameASPNETCore} -Infragistics {environment:ProductNameASPNETCore} now supports ASP.NET Core for .NET 6 projects. For more information see the [Using {environment:ProductNameASPNETCore}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. +### \{environment:ProductNameASPNETCore\} +Infragistics \{environment:ProductNameASPNETCore\} now supports ASP.NET Core for .NET 6 projects. For more information see the [Using \{environment:ProductNameASPNETCore\}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. -### {environment:ProductNameASPNETCore} Tag Helpers -{environment:ProductNameASPNETCore} Tag Helpers now support ASP.NET Core for .NET 6 projects. For more information see the [Using {environment:ProductNameASPNETCore} Tag Helpers](using-ignite-ui-tag-helpers.html) topic. +### \{environment:ProductNameASPNETCore\} Tag Helpers +\{environment:ProductNameASPNETCore\} Tag Helpers now support ASP.NET Core for .NET 6 projects. For more information see the [Using \{environment:ProductNameASPNETCore\} Tag Helpers](using-ignite-ui-tag-helpers.html) topic. ### Infragistics Documents Infragistics Documents assemblies are now available for ASP.NET Core for .NET 6 projects. -### {environment:ProductName} -{environment:ProductName} now supports the recently released jQuery UI 1.13.0 . +### \{environment:ProductName\} +\{environment:ProductName\} now supports the recently released jQuery UI 1.13.0 . ## Chart Features diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/04-whats-new-in-2021-volume1.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/04-whats-new-in-2021-volume1.mdx index 4384725f92..a496639a63 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/04-whats-new-in-2021-volume1.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/04-whats-new-in-2021-volume1.mdx @@ -2,11 +2,14 @@ title: "What's New in 2021 Volume 1" slug: whats-new-in-2021-volume1 --- + +# What's New in 2021 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # What's New in 2021 Volume 1 -This topic presents the new features for the {environment:ProductFamilyName}™ 2021 Volume 1 release. +This topic presents the new features for the \{environment:ProductFamilyName\}™ 2021 Volume 1 release. ## Chart Features diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/05-whats-new-in-2020-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/05-whats-new-in-2020-volume2.mdx index 664fdff523..4a6e5d6641 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/05-whats-new-in-2020-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/05-whats-new-in-2020-volume2.mdx @@ -5,14 +5,14 @@ slug: whats-new-in-2020-volume2 # What's New in 2020 Volume 2 -This topic presents the new features for the {environment:ProductFamilyName}™ 2020 Volume 2 release. +This topic presents the new features for the \{environment:ProductFamilyName\}™ 2020 Volume 2 release. -### {environment:ProductNameASPNETCore} -Infragistics {environment:ProductNameASPNETCore} now supports ASP.NET Core for .NET 5 projects. For more information see the [Using {environment:ProductNameASPNETCore}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. +### \{environment:ProductNameASPNETCore\} +Infragistics \{environment:ProductNameASPNETCore\} now supports ASP.NET Core for .NET 5 projects. For more information see the [Using \{environment:ProductNameASPNETCore\}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. -### {environment:ProductNameASPNETCore} Tag Helpers -{environment:ProductNameASPNETCore} Tag Helpers now support ASP.NET Core for .NET 5 projects. For more information see the [Using {environment:ProductNameASPNETCore} Tag Helpers](using-ignite-ui-tag-helpers.html) topic. +### \{environment:ProductNameASPNETCore\} Tag Helpers +\{environment:ProductNameASPNETCore\} Tag Helpers now support ASP.NET Core for .NET 5 projects. For more information see the [Using \{environment:ProductNameASPNETCore\} Tag Helpers](using-ignite-ui-tag-helpers.html) topic. ### Infragistics Documents diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/06-whats-new-in-2019-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/06-whats-new-in-2019-volume2.mdx index 4ff9d6441f..1268940456 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/06-whats-new-in-2019-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/06-whats-new-in-2019-volume2.mdx @@ -5,14 +5,14 @@ slug: whats-new-in-2019-volume2 # What's New in 2019 Volume 2 -This topic presents the new features for the {environment:ProductFamilyName}™ 2019 Volume 2 release. +This topic presents the new features for the \{environment:ProductFamilyName\}™ 2019 Volume 2 release. -### {environment:ProductNameASPNETCore} -Infragistics {environment:ProductNameASPNETCore} now supports ASP.NET Core 3 projects. For more information see the [Using {environment:ProductNameASPNETCore}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. +### \{environment:ProductNameASPNETCore\} +Infragistics \{environment:ProductNameASPNETCore\} now supports ASP.NET Core 3 projects. For more information see the [Using \{environment:ProductNameASPNETCore\}](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) topic. -### {environment:ProductNameASPNETCore} Tag Helpers -{environment:ProductNameASPNETCore} Tag Helpers now support ASP.NET Core 3 projects. For more information see the [Using {environment:ProductNameASPNETCore} Tag Helpers](using-ignite-ui-tag-helpers.html) topic. +### \{environment:ProductNameASPNETCore\} Tag Helpers +\{environment:ProductNameASPNETCore\} Tag Helpers now support ASP.NET Core 3 projects. For more information see the [Using \{environment:ProductNameASPNETCore\} Tag Helpers](using-ignite-ui-tag-helpers.html) topic. ### Infragistics Documents diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/07-whats-new-in-2018-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/07-whats-new-in-2018-volume2.mdx index ad344668bf..9b0c4e1672 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/07-whats-new-in-2018-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/07-whats-new-in-2018-volume2.mdx @@ -5,7 +5,7 @@ slug: whats-new-in-2018-volume2 # What's New in 2018 Volume 2 -This topic presents the controls and the new and enhanced features for the {environment:ProductFamilyName}™ 2018 Volume 2 release. +This topic presents the controls and the new and enhanced features for the \{environment:ProductFamilyName\}™ 2018 Volume 2 release. ### Overview @@ -99,7 +99,7 @@ A new column type is added to the igGrid control - time column. In order to use Now, it is possible to create custom editor provider for the filter cell. This means that you can extend the igEditorProvider class and set your own editor to filter the igGrid content. For more information, check the sample below. ### Sample -[Excel-style Filtering]({environment:SamplesUrl}/grid/filtering-combo-editor-provider) +[Excel-style Filtering](\{environment:SamplesUrl\}/grid/filtering-combo-editor-provider) ## igSpreadsheet diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/08-whats-new-in-2018-volume1.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/08-whats-new-in-2018-volume1.mdx index c7f11b4142..3c2d35f120 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/08-whats-new-in-2018-volume1.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/08-whats-new-in-2018-volume1.mdx @@ -2,11 +2,14 @@ title: "What's New in 2018 Volume 1" slug: whats-new-in-2018-volume1 --- + +# What's New in 2018 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # What's New in 2018 Volume 1 -This topic presents the controls and the new and enhanced features for the {environment:ProductFamilyName}™ 2018 Volume 1 release. +This topic presents the controls and the new and enhanced features for the \{environment:ProductFamilyName\}™ 2018 Volume 1 release. ### Overview diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/09-whats-new-in-2017-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/09-whats-new-in-2017-volume2.mdx index 5c7c7bd079..5d078fa97a 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/09-whats-new-in-2017-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/09-whats-new-in-2017-volume2.mdx @@ -2,11 +2,14 @@ title: "What's New in 2017 Volume 2" slug: whats-new-in-2017-volume2 --- + +# What's New in 2017 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # What's New in 2017 Volume 2 -This topic presents the controls and the new and enhanced features for the {environment:ProductFamilyName}™ 2017 Volume 2 release. +This topic presents the controls and the new and enhanced features for the \{environment:ProductFamilyName\}™ 2017 Volume 2 release. ### Overview @@ -153,9 +156,9 @@ New options: - [Editing API (igSpreadsheet)](//controls/igspreadsheet/igspreadsheet-overview/editing.mdx) #### Related Samples -- [Overview]({environment:SamplesUrl}/spreadsheet/overview) -- [View Configuration]({environment:SamplesUrl}/spreadsheet/create-view-save) -- [Import Data From Excel File]({environment:SamplesUrl}/spreadsheet/loading-data) +- [Overview](\{environment:SamplesUrl\}/spreadsheet/overview) +- [View Configuration](\{environment:SamplesUrl\}/spreadsheet/create-view-save) +- [Import Data From Excel File](\{environment:SamplesUrl\}/spreadsheet/loading-data) ## Editors diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/10-whats-new-in-2017-volume1.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/10-whats-new-in-2017-volume1.mdx index 56fdd22d57..080f7b57cf 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/10-whats-new-in-2017-volume1.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/10-whats-new-in-2017-volume1.mdx @@ -2,11 +2,14 @@ title: "What's New in 2017 Volume 1" slug: whats-new-in-2017-volume1 --- + +# What's New in 2017 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # What's New in 2017 Volume 1 -This topic presents the controls and the new and enhanced features for the {environment:ProductFamilyName}™ 2017 Volume 1 release. +This topic presents the controls and the new and enhanced features for the \{environment:ProductFamilyName\}™ 2017 Volume 1 release. ## What’s New Summary @@ -131,9 +134,9 @@ In version 2017.1 we introduce the igSpreadsheet control. It is a jQuery widget #### Related Samples -- [Overview]({environment:SamplesUrl}/spreadsheet/overview) -- [View Configuration]({environment:SamplesUrl}/spreadsheet/create-view-save) -- [Import Data From Excel File]({environment:SamplesUrl}/spreadsheet/loading-data) +- [Overview](\{environment:SamplesUrl\}/spreadsheet/overview) +- [View Configuration](\{environment:SamplesUrl\}/spreadsheet/create-view-save) +- [Import Data From Excel File](\{environment:SamplesUrl\}/spreadsheet/loading-data) ## <a id="scheduler"></a> igScheduler ### New Control @@ -169,8 +172,8 @@ The `igScheduler`™ control provides a common scheduling solution for presentin #### Related Samples -- [igScheduler Agenda View]({environment:SamplesUrl}/scheduler/agenda-view) -- [igScheduler Appointment Indicators]({environment:SamplesUrl}/scheduler/appointment-indicators) +- [igScheduler Agenda View](\{environment:SamplesUrl\}/scheduler/agenda-view) +- [igScheduler Appointment Indicators](\{environment:SamplesUrl\}/scheduler/appointment-indicators) ## igDataSource @@ -183,7 +186,7 @@ The igDataSource component provides a way to search for a specific words or phra #### Related Samples -- [Simple Filtering]({environment:SamplesUrl}/grid/simple-filtering) +- [Simple Filtering](\{environment:SamplesUrl\}/grid/simple-filtering) ## igGrid @@ -211,7 +214,7 @@ The GroupBy Summaries feature allows an additional summary row to be displayed b - [GroupBy Summaries Feature Overview (igGrid)](//controls/iggrid/features/columns/grouping/groupby-summaries.mdx) #### Related Samples -- [Grouping with summaries]({environment:SamplesUrl}/grid/grouping) +- [Grouping with summaries](\{environment:SamplesUrl\}/grid/grouping) ## igCombo @@ -247,7 +250,7 @@ When the dates in the editors are transferred from the client to the server аnd #### Related Topics - [Migrating date handling in 17.1](//controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx) -- [{environment:ProductName} controls in different time zones](//general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx) +- [\{environment:ProductName\} controls in different time zones](//general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx) ## igDatePicker diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/11-whats-new-in-2016-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/11-whats-new-in-2016-volume2.mdx index 8ab42a26b4..1cc1e64c6e 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/11-whats-new-in-2016-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/11-whats-new-in-2016-volume2.mdx @@ -2,11 +2,14 @@ title: "What's New in 2016 Volume 2" slug: whats-new-in-2016-volume2 --- + +# What's New in 2016 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #What's New in 2016 Volume 2 -This topic presents the controls and the new and enhanced features for the {environment:ProductFamilyName}™ 2016 Volume 2 release. +This topic presents the controls and the new and enhanced features for the \{environment:ProductFamilyName\}™ 2016 Volume 2 release. ##What’s New Summary @@ -17,15 +20,15 @@ The following summarizes what’s new in 2016 Volume 2. Additional details follo Feature | Description ---|--- -{environment:ProductName} OSS | A big part of the {environment:ProductName} toolset is now open source. Checkout the repository on [GitHub](https://github.com/IgniteUI/ignite-ui)| -{environment:ProductName} directives for Angular 2 (RTM) | {environment:ProductName} widgets have component wrappers for Angular 2. For detailed information visit [{environment:ProductName} Angular 2 GitHub](https://github.com/IgniteUI/igniteui-angular-wrappers) page.| -{environment:ProductName} Components for React (CTP) | {environment:ProductName} widgets have component wrappers for [React](https://facebook.github.io/react/). For detailed information visit [{environment:ProductName} Components for React](https://github.com/IgniteUI/igniteui-react) page.| -ASP.NET Core 1.0 MVC Helpers | {environment:ProductName} MVC Helpers now support ASP.NET Core 1.0. Checkout the [Using {environment:ProductName} controls in ASP.NET Core 1.0](Using-IgniteUI-Controls-in-ASP.NET-Core-1.0-project.html) topic.| -ASP.NET Core 1.0 MVC Tag Helpers | {environment:ProductName} now provides Tag Helpers for ASP.NET Core 1.0. Checkout the [Using {environment:ProductName} Tag Helpers](Using-Ignite-UI-Tag-Helpers.html) topic.| +\{environment:ProductName\} OSS | A big part of the \{environment:ProductName\} toolset is now open source. Checkout the repository on [GitHub](https://github.com/IgniteUI/ignite-ui)| +\{environment:ProductName\} directives for Angular 2 (RTM) | \{environment:ProductName\} widgets have component wrappers for Angular 2. For detailed information visit [\{environment:ProductName\} Angular 2 GitHub](https://github.com/IgniteUI/igniteui-angular-wrappers) page.| +\{environment:ProductName\} Components for React (CTP) | \{environment:ProductName\} widgets have component wrappers for [React](https://facebook.github.io/react/). For detailed information visit [\{environment:ProductName\} Components for React](https://github.com/IgniteUI/igniteui-react) page.| +ASP.NET Core 1.0 MVC Helpers | \{environment:ProductName\} MVC Helpers now support ASP.NET Core 1.0. Checkout the [Using \{environment:ProductName\} controls in ASP.NET Core 1.0](Using-IgniteUI-Controls-in-ASP.NET-Core-1.0-project.html) topic.| +ASP.NET Core 1.0 MVC Tag Helpers | \{environment:ProductName\} now provides Tag Helpers for ASP.NET Core 1.0. Checkout the [Using \{environment:ProductName\} Tag Helpers](Using-Ignite-UI-Tag-Helpers.html) topic.| [New Javascript file breakdown](#javascript-file-breakdown) | The goal is to reduce the amount of code required in order to load a specific feature. | DPI Scaling | High DPI Scaling is enabled by default now which makes the components look much sharper and crisper than before. Components that have the DPI Scaling by default now are - igDataChart, igPieChart, igFunnelChart, igDoughnutChart, igRadialGauge, igLinearGauge, igBulletGraph, igSparkline, igRadialMenu. | Standard moduling support | All of IgniteUI JavaScript files contain AMD module definitions. Therefore these files can be loaded using standard module loaders such as Require.JS, System.JS etc.| -[{environment:ProductName} NuGet packages](#ignite-ui-nuget-packages) | New {environment:ProductName} NuGet packages are available, including a package for creating .NET Core applications. | +[\{environment:ProductName\} NuGet packages](#ignite-ui-nuget-packages) | New \{environment:ProductName\} NuGet packages are available, including a package for creating .NET Core applications. | ### igCategoryChart @@ -65,9 +68,9 @@ Sorting performance optimizations | Local sorting is now up to 10x faster. | [Inline editing for Multi-Row Layout](#mrl-inline-editing)| The Multi-Row Layout feature now supports inline row and cell editing. | Multi-Column Headers collapsible column groups | Collapsible Column Groups is a feature that provides an option to collapse/expand a Multi-Column Header to a smaller set of data. | Column setter | Column collection now can be changed at runtime. | -igGrid Modal Dialog extensibility| Grid features that include dialogs (Updating, Filtering, Sorting, Hiding, GroupBy, Column Moving) now add a new `dialogWidget` option allowing for custom dialog implementations - [view sample]({environment:SamplesUrl}/grid/custom-modal-dialog) and [topic](Extending_igGrid_Modal_Dialog.html). | -Binding Real-Time Data sample| A new sample is added that demonstrates binding igGrid to real-time data - [view sample]({environment:SamplesUrl}/grid/binding-real-time-data). | -Performance Options sample| A new sample is added that demonstrates the performance options provided by the igGrid - [view sample]({environment:SamplesUrl}/grid/grid-performance). | +igGrid Modal Dialog extensibility| Grid features that include dialogs (Updating, Filtering, Sorting, Hiding, GroupBy, Column Moving) now add a new `dialogWidget` option allowing for custom dialog implementations - [view sample](\{environment:SamplesUrl\}/grid/custom-modal-dialog) and [topic](Extending_igGrid_Modal_Dialog.html). | +Binding Real-Time Data sample| A new sample is added that demonstrates binding igGrid to real-time data - [view sample](\{environment:SamplesUrl\}/grid/binding-real-time-data). | +Performance Options sample| A new sample is added that demonstrates the performance options provided by the igGrid - [view sample](\{environment:SamplesUrl\}/grid/grid-performance). | ### igPieChart @@ -265,16 +268,16 @@ If you want to load the new igCategoryChart control you need everything you need * infragistics.ui.categorychart.js -### <a id="ignite-ui-nuget-packages"></a>{environment:ProductName} NuGet packages +### <a id="ignite-ui-nuget-packages"></a>\{environment:ProductName\} NuGet packages -Three new {environment:ProductName} NuGet packages are added in this 2016 volume 2 release. Those packages can boost your productivity allowing you to setup your application faster. They will automatically include the {environment:ProductName} files and references you need to your project. +Three new \{environment:ProductName\} NuGet packages are added in this 2016 volume 2 release. Those packages can boost your productivity allowing you to setup your application faster. They will automatically include the \{environment:ProductName\} files and references you need to your project. With the new ASP.NET most modules are now wrapped as NuGet packages. Having this in mind our new MVC wrappers built on top of ASP.NET Core are also available as a NuGet package. The NuGet packages are installed with the product`s installer and during the installation a new local feed is created, meaning that you don`t need to setup your NuGet Package Manager. You will find the local NuGet feed Infragistics (Local) the next time you run your Visual Studio. #### Related Topic: -- [Using {environment:ProductName} NuGet packages](//general-and-getting-started/using-ignite-ui-nuget-packages.mdx) +- [Using \{environment:ProductName\} NuGet packages](//general-and-getting-started/using-ignite-ui-nuget-packages.mdx) ## igDataChart @@ -481,8 +484,8 @@ Local grouping performance is optimized and now can be up to 10x faster. - [Column Grouping Overview (igGrid)](../../02_Controls/igGrid/03_Features/00_Columns/01_Grouping/00_igGrid_GroupBy_Overview.mdx#api-usage) #### Related Samples -- [Continuous Virtualization]({environment:SamplesUrl}/grid/virtualization-continuous) -- [Grouping API]({environment:SamplesUrl}/grid/grouping-api) +- [Continuous Virtualization](\{environment:SamplesUrl\}/grid/virtualization-continuous) +- [Grouping API](\{environment:SamplesUrl\}/grid/grouping-api) ### <a id="mrl-inline-editing"></a> Inline editing for Multi-Row Layout @@ -494,7 +497,7 @@ Updating feature now works in row and cell edit mode when Multi-Row Layout is co - [Grid Multi-Row Layout](../../02_Controls/igGrid/03_Features/16_igGrid_MultiRowLayout.mdx#features-integration) #### Related Samples -- [Multi-Row Layout Inline Editing]({environment:SamplesUrl}/grid/multi-row-layout-inline-editing) +- [Multi-Row Layout Inline Editing](\{environment:SamplesUrl\}/grid/multi-row-layout-inline-editing) ## igPieChart @@ -556,9 +559,9 @@ It allows you to create a consistent scrolling experience across all scrolling c - [Configuring igScroll](Configuring-igScroll.html) #### Related Samples -- [Basic Usage]({environment:SamplesUrl}/scroll/basic-usage) -- [Scrolling multiple containers at once]({environment:SamplesUrl}/scroll/scrolling-multiple-containers) -- [Configuration Options]({environment:SamplesUrl}/scroll/configuration-options) +- [Basic Usage](\{environment:SamplesUrl\}/scroll/basic-usage) +- [Scrolling multiple containers at once](\{environment:SamplesUrl\}/scroll/scrolling-multiple-containers) +- [Configuration Options](\{environment:SamplesUrl\}/scroll/configuration-options) ## igValidator diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/12-whats-new-in-2016-volume1.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/12-whats-new-in-2016-volume1.mdx index a22031d0e2..5653cbb659 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/12-whats-new-in-2016-volume1.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/12-whats-new-in-2016-volume1.mdx @@ -2,11 +2,14 @@ title: "What's New in 2016 Volume 1" slug: whats-new-in-2016-volume1 --- + +# What's New in 2016 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #What's New in 2016 Volume 1 -This topic presents the controls and the new and enhanced features for the {environment:ProductFamilyName}™ 2016 Volume 1 release. +This topic presents the controls and the new and enhanced features for the \{environment:ProductFamilyName\}™ 2016 Volume 1 release. ##What’s New Summary @@ -17,16 +20,16 @@ The following summarizes what’s new in 2016 Volume 1. Additional details follo Feature | Description ---|--- -New Bootstrap 4 theme | A new Bootstrap 4 compatible theme is now shipped with {environment:ProductName} - [view sample]({environment:SamplesUrl}/themes/bootstrap4-default). -Angular 2 Components (CTP) | {environment:ProductName} widgets have component wrappers for Angular 2. For detailed information visit [{environment:ProductName} Angular 2 GitHub](https://github.com/IgniteUI/igniteui-angular-wrappers) page.| +New Bootstrap 4 theme | A new Bootstrap 4 compatible theme is now shipped with \{environment:ProductName\} - [view sample](\{environment:SamplesUrl\}/themes/bootstrap4-default). +Angular 2 Components (CTP) | \{environment:ProductName\} widgets have component wrappers for Angular 2. For detailed information visit [\{environment:ProductName\} Angular 2 GitHub](https://github.com/IgniteUI/igniteui-angular-wrappers) page.| New scalable font icons | The default Infragistics theme now uses [jQuery UI font icons](https://github.com/mkkeck/jquery-ui-iconfont) instead of image icons. | -Modernizr 3.x support | {environment:ProductName} uses Modernizr library to detect touch environments (see [Touch Support for {environment:ProductName} Controls](//general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx)). [Mordernizr 3.x](https://modernizr.com/) is now supported along with older Modernizr versions. | +Modernizr 3.x support | \{environment:ProductName\} uses Modernizr library to detect touch environments (see [Touch Support for \{environment:ProductName\} Controls](//general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx)). [Mordernizr 3.x](https://modernizr.com/) is now supported along with older Modernizr versions. | ### igTileManager Feature | Description ---|--- -Splitter Options| `splitterOptions` now replaces the `showSplitter` option. Besides showing and hiding, additional functionalities are added. You can configure the splitter to be collapsible as well as attach to its collapsed/expanded events. Since `showSplitter` option will no longer be available, you can refer to the following sample to see how the new option can be used - [view sample]({environment:SamplesUrl}/tile-manager/collapsible-splitter). +Splitter Options| `splitterOptions` now replaces the `showSplitter` option. Besides showing and hiding, additional functionalities are added. You can configure the splitter to be collapsible as well as attach to its collapsed/expanded events. Since `showSplitter` option will no longer be available, you can refer to the following sample to see how the new option can be used - [view sample](\{environment:SamplesUrl\}/tile-manager/collapsible-splitter). ### igDataSource @@ -38,11 +41,11 @@ New field option - `mapper`| For field with dataType="object" we now allow setti Feature | Description ---|--- -New column option - mapper| For columns with dataType="object" we now allow setting a mapper function, which can be used for complex data extraction from complex objects, whose return value will be used for all data operations executed on the specific column.- [view sample]({environment:SamplesUrl}/grid/handling-complex-objects). <br/> You can find more detailed information in the following topic: [Columns and Layout](../../02_Controls/igGrid/03_Features/12_igGrid_Columns_and_Layout.mdx#defining-mapper)| +New column option - mapper| For columns with dataType="object" we now allow setting a mapper function, which can be used for complex data extraction from complex objects, whose return value will be used for all data operations executed on the specific column.- [view sample](\{environment:SamplesUrl\}/grid/handling-complex-objects). <br/> You can find more detailed information in the following topic: [Columns and Layout](../../02_Controls/igGrid/03_Features/12_igGrid_Columns_and_Layout.mdx#defining-mapper)| The ColumnFixing feature now works with grid width set in percentage| The ColumnFixing feature now works when the grid width is set in percentage. <br/> **Note**: The column widths should still be defined in pixels units (either explicitly or using the <ApiLink type="iggrid" member="defaultColumnWidth" section="options" label="defaultColumnWidth" /> option).| [Multi-Row Layout feature](#multi-row-layout)| The Multi-Row Layout feature enables you to create complex grid record layouts, that contain multiple rows with cells in them spanning multiple columns and rows. | [Checkbox Appearance](#checkbox-appearance)| Checkbox column visual appearance have changed to indicate that the checkmarks are not interactable in display mode. | -Paste from Excel sample| A new sample is added that demonstrates pasting Excel clipboard data into igGrid - [view sample]({environment:SamplesUrl}/grid/paste-from-excel). | +Paste from Excel sample| A new sample is added that demonstrates pasting Excel clipboard data into igGrid - [view sample](\{environment:SamplesUrl\}/grid/paste-from-excel). | ### igTreeGrid @@ -52,7 +55,7 @@ Feature | Description ### TypeScript Support -Starting with 16.1 release {environment:ProductName} the minimum supported TypeScript version is 1.4. +Starting with 16.1 release \{environment:ProductName\} the minimum supported TypeScript version is 1.4. Feature | Description ---|--- @@ -73,7 +76,7 @@ Initializing the Multi-Row Layout is done entirely through the igGrid's column c - [Grid Multi-Row Layout](//controls/iggrid/features/multirowlayout.mdx) #### Related Samples -- [Multi-Row Layout]({environment:SamplesUrl}/grid/multi-row-layout) +- [Multi-Row Layout](\{environment:SamplesUrl\}/grid/multi-row-layout) ### <a id="checkbox-appearance"></a> Checkbox Appearance Checkbox column visual appearance have changed and it's square box is not going to be rendered when the grid is in display mode. What would be provided is only a plain checkmark. This change is due to refinement of the experience for the end-users, who naturally perceived that this was an interactive element, which they can click to toggle. @@ -84,7 +87,7 @@ Checkbox column visual appearance have changed and it's square box is not going - [Rendering Checkboxes on a Column](../../02_Controls/igGrid/03_Features/12_igGrid_Columns_and_Layout.mdx#checkboxes) #### Related Samples -- [Checkbox Column]({environment:SamplesUrl}/grid/checkbox-column) +- [Checkbox Column](\{environment:SamplesUrl\}/grid/checkbox-column) ## igTreeGrid @@ -102,7 +105,7 @@ The add new row UI is rendered inline next to its parent. - [Updating (igTreeGrid)](//controls/igtreegrid/features/updating.mdx) #### Related Samples -- [Updating]({environment:SamplesUrl}/tree-grid/updating) +- [Updating](\{environment:SamplesUrl\}/tree-grid/updating) ## TypeScript Support @@ -129,7 +132,7 @@ All possible methods with their parameters are now listed in the intellisense. ![](images/method-overloads.png) #### Methods intellisense on the widget's `data` -In jQuery UI syntax the widget methods can be invoked from the widget's data: $(".selector").data('widgetName'). This is now possible with the {environment:ProductName} TypeScript directives. +In jQuery UI syntax the widget methods can be invoked from the widget's data: $(".selector").data('widgetName'). This is now possible with the \{environment:ProductName\} TypeScript directives. ![](images/method-data-overloads.png) diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/13-whats-new-in-2015-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/13-whats-new-in-2015-volume2.mdx index 47d28905df..bfe5ba84f2 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/13-whats-new-in-2015-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/13-whats-new-in-2015-volume2.mdx @@ -2,11 +2,14 @@ title: "What's New in 2015 Volume 2" slug: whats-new-in-2015-volume2 --- + +# What's New in 2015 Volume 2 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #What's New in 2015 Volume 2 -This topic presents the controls and the new and enhanced features for the {environment:ProductFamilyName}™ 2015 Volume 2 release. +This topic presents the controls and the new and enhanced features for the \{environment:ProductFamilyName\}™ 2015 Volume 2 release. ##What’s New Summary @@ -17,19 +20,19 @@ The following summarizes what’s new in 2015 Volume 2. Additional details follo Feature | Description ---|--- -[New {environment:ProductName} Scaffolder for MVC](#igniteui-scaffolder) | New scaffolder for {environment:ProductName} widgets. -Full support for ASP.NET MVC 6 for all {environment:ProductName} widgets | The Infragistics.Web.Mvc.dll now includes version build against ASP.NET MVC 6. -{environment:ProductName} TypeScript 1.5 definitions | The {environment:ProductName} TypeScript definitions now support TypeScript 1.5. Intellisense is added for widget methods. +[New \{environment:ProductName\} Scaffolder for MVC](#igniteui-scaffolder) | New scaffolder for \{environment:ProductName\} widgets. +Full support for ASP.NET MVC 6 for all \{environment:ProductName\} widgets | The Infragistics.Web.Mvc.dll now includes version build against ASP.NET MVC 6. +\{environment:ProductName\} TypeScript 1.5 definitions | The \{environment:ProductName\} TypeScript definitions now support TypeScript 1.5. Intellisense is added for widget methods. ### igCombo Feature | Description ---|--- -Auto complete | Typing in the combo will now suggests the first matching result from the list. [View sample]({environment:SamplesUrl}/combo/filtering) -[Grouping](#combo-grouping) | You can now group items in the combo list. [View sample]({environment:SamplesUrl}/combo/grouping) -Header and Footer Templates | Header and footer can now be configured in the combo using templates. [View sample]({environment:SamplesUrl}/combo/templates) +Auto complete | Typing in the combo will now suggests the first matching result from the list. [View sample](\{environment:SamplesUrl\}/combo/filtering) +[Grouping](#combo-grouping) | You can now group items in the combo list. [View sample](\{environment:SamplesUrl\}/combo/grouping) +Header and Footer Templates | Header and footer can now be configured in the combo using templates. [View sample](\{environment:SamplesUrl\}/combo/templates) RTL Support | Added support for right-to-left languages. [Dropdown Orientation](#combo-dd-orientation) | By default the dropdown list will automatically display on top or bottom depending on the available space. You can also explicilty configure its behavior with the `dropDownOrientation` option. -Custom Values | The option `allowCustomValue` to set custom values in combo’s text input was dropped in 15.1, but we listened to your feedback and we are enabling this back in this release. [View sample]({environment:SamplesUrl}/combo/editing) +Custom Values | The option `allowCustomValue` to set custom values in combo’s text input was dropped in 15.1, but we listened to your feedback and we are enabling this back in this release. [View sample](\{environment:SamplesUrl\}/combo/editing) Performance Improvements | We ensure all interactions with the combo work smoothly with more than 10 000 records. Initial loading time, dropdown opening and closing animations, selection, typing with auto complete and auto select – it all works blazing fast. ### igDataChart @@ -85,7 +88,7 @@ Feature | Description ### igValidator Feature | Description ---|--- -[Refactored Validator](#validator) | The Validator is reworked to allow flexible validation on an array of {environment:ProductName} components, as well as standard input form elements +[Refactored Validator](#validator) | The Validator is reworked to allow flexible validation on an array of \{environment:ProductName\} components, as well as standard input form elements ### igUpload @@ -95,16 +98,16 @@ Sending additional data between the client and server during file uploading | Yo ##General -### <a id="igniteui-scaffolder"></a> New {environment:ProductName} Scaffolder for MVC +### <a id="igniteui-scaffolder"></a> New \{environment:ProductName\} Scaffolder for MVC -We release a brand new Scaffolder for {environment:ProductName} widgets. With this we boost developer productivity greatly by providing code generation and templates to quickly target standard data scenarios like creating, reading, updating and deleting data. With a few clicks you can completely configure a Grid, generate a controller and save time on manual coding. Configuring other widgets as HierarchicalGrid, TreeGrid, Data Chart and others are already in the works. -Along with the standard templates for create, edit, delete, details and list that ship with ASP.NET MVC, we provide customized {environment:ProductName} templates that use the new editor widgets. +We release a brand new Scaffolder for \{environment:ProductName\} widgets. With this we boost developer productivity greatly by providing code generation and templates to quickly target standard data scenarios like creating, reading, updating and deleting data. With a few clicks you can completely configure a Grid, generate a controller and save time on manual coding. Configuring other widgets as HierarchicalGrid, TreeGrid, Data Chart and others are already in the works. +Along with the standard templates for create, edit, delete, details and list that ship with ASP.NET MVC, we provide customized \{environment:ProductName\} templates that use the new editor widgets. ![](images/igniteui_scafolder.png) #### Related Topics -- [{environment:ProductName} Scaffolder Visual Studio extension](//asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx) +- [\{environment:ProductName\} Scaffolder Visual Studio extension](//asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx) ## igCombo ### <a id="combo-grouping"></a> @@ -119,10 +122,10 @@ By default the dropdown orientation is set to 'auto' and this means that accordi #### Related Samples -- [Auto Complete]({environment:SamplesUrl}/combo/filtering) -- [Grouping]({environment:SamplesUrl}/combo/grouping) -- [Header and Footer Templates]({environment:SamplesUrl}/combo/templates) -- [Custom Values]({environment:SamplesUrl}/combo/editing) +- [Auto Complete](\{environment:SamplesUrl\}/combo/filtering) +- [Grouping](\{environment:SamplesUrl\}/combo/grouping) +- [Header and Footer Templates](\{environment:SamplesUrl\}/combo/templates) +- [Custom Values](\{environment:SamplesUrl\}/combo/editing) ## igDataChart @@ -175,12 +178,12 @@ For information on how to migrate to the new editors see the "Related Topics" se #### Related Samples -- [New Text Editor]({environment:SamplesUrl}/editors/text-editor) -- [Credit]({environment:SamplesUrl}/editors/credit) -- [Numeric Editor]({environment:SamplesUrl}/editors/numeric-editor) -- [Mask Editor]({environment:SamplesUrl}/editors/mask-editor) -- [Checkbox Editor]({environment:SamplesUrl}/editors/checkbox-editor) -- [Date Editor]({environment:SamplesUrl}/editors/date-editor) +- [New Text Editor](\{environment:SamplesUrl\}/editors/text-editor) +- [Credit](\{environment:SamplesUrl\}/editors/credit) +- [Numeric Editor](\{environment:SamplesUrl\}/editors/numeric-editor) +- [Mask Editor](\{environment:SamplesUrl\}/editors/mask-editor) +- [Checkbox Editor](\{environment:SamplesUrl\}/editors/checkbox-editor) +- [Date Editor](\{environment:SamplesUrl\}/editors/date-editor) ## igGrid @@ -196,8 +199,8 @@ Last, but not least, the new updating functionality of the grid component has be - [Configuring the Row Edit Dialog (igGrid)](iggrid-updating-roweditdialog-configuring.html) #### Related Samples -- [Row Edit Dialog]({environment:SamplesUrl}/grid/row-edit-dialog) -- [Editing: Custom Editor Provider]({environment:SamplesUrl}/grid/editing-custom-editor-provider) +- [Row Edit Dialog](\{environment:SamplesUrl\}/grid/row-edit-dialog) +- [Editing: Custom Editor Provider](\{environment:SamplesUrl\}/grid/editing-custom-editor-provider) ### <a id="grid-filtering-improvements"></a> Filtering Improvements @@ -211,7 +214,7 @@ Two new options are introduced in the Filtering feature: - <ApiLink type="iggridfiltering" member="columnSettings.conditionList" section="options" label="conditionList" /> - an array of consitions to be enabled per column basis. #### Related Samples -- [Filtering]({environment:SamplesUrl}/grid/custom-conditions-filtering) +- [Filtering](\{environment:SamplesUrl\}/grid/custom-conditions-filtering) ### <a id="grid-row-selectors-improvements"></a> RowSelectors Improvements When Paging feature is enabled in combination with Row Selectors an additional UI is introduced to allow users to select all rows across all pages. @@ -245,7 +248,7 @@ Additionally when Paging feature is enabled in combination with Row Selectors an - [Row Selectors (igTreeGrid)](//controls/igtreegrid/features/row-selectors.mdx) #### Related Samples -- [Row Selectors]({environment:SamplesUrl}/tree-grid/row-selectors) +- [Row Selectors](\{environment:SamplesUrl\}/tree-grid/row-selectors) ### <a id="treegrid-remote-mvc-features"></a> Remote Sorting, Paging, Filtering and Load on Demand in the TreeGrid MVC Wrapper @@ -256,7 +259,7 @@ You just need to decorate the action that handles the remote features with the ` - [Remote Features (igTreeGrid)](//controls/igtreegrid/features/remote-features.mdx) #### Related Samples -- [Remote Features]({environment:SamplesUrl}/tree-grid/remote-features) +- [Remote Features](\{environment:SamplesUrl\}/tree-grid/remote-features) ### <a id="treegrid-paging-context-row"></a> Paging Context Row @@ -272,7 +275,7 @@ The functionality is controlled by the <ApiLink type="igtreegridpaging" member=" - [Paging (igTreeGrid)](//controls/igtreegrid/features/paging.mdx) #### Related Samples -- [Paging]({environment:SamplesUrl}/tree-grid/paging) +- [Paging](\{environment:SamplesUrl\}/tree-grid/paging) ## igNotifier @@ -280,7 +283,7 @@ The functionality is controlled by the <ApiLink type="igtreegridpaging" member=" The Notifier component is an extension of the Popover component, which specializes in providing the end user with notification information. There are four predefined states of notification - success, info, warning, and error. The component supports a popover mode, as well as simple inline-style messaging. In addition to this, there is automatic pairing with editor widgets to allow detection of erroneous input, which is outside of the predefined range. -Whether used with an {environment:ProductName} widget or on its own, the Notifier component provides an easy and intuitive way to improve user experience. +Whether used with an \{environment:ProductName\} widget or on its own, the Notifier component provides an easy and intuitive way to improve user experience. ![](images/notifier.png) @@ -288,15 +291,15 @@ Whether used with an {environment:ProductName} widget or on its own, t - [igNotifier Overview](//controls/ignotifier/overview.mdx) #### Related Samples -- [Basic Usage]({environment:SamplesUrl}/notifier/basic-usage) -- [Inline messages]({environment:SamplesUrl}/notifier/inline-messages) -- [Notifier with igEditors]({environment:SamplesUrl}/editors/with-igEditors) +- [Basic Usage](\{environment:SamplesUrl\}/notifier/basic-usage) +- [Inline messages](\{environment:SamplesUrl\}/notifier/inline-messages) +- [Notifier with igEditors](\{environment:SamplesUrl\}/editors/with-igEditors) ## igValidator ### <a id="validator"></a> Refactored Validator -The refactored igValidator component allows flexible validation on an array of {environment:ProductName} components, as well as standard input form elements. The mechanism uses the igNotification component capabilities to both handle the validation process and display flexible and visually appealing notifications to the end user. See [Migrating to the new igValidator control](//controls/igvalidator/migration-topic.mdx) for information on how to migrate to the refactored igValidator. +The refactored igValidator component allows flexible validation on an array of \{environment:ProductName\} components, as well as standard input form elements. The mechanism uses the igNotification component capabilities to both handle the validation process and display flexible and visually appealing notifications to the end user. See [Migrating to the new igValidator control](//controls/igvalidator/migration-topic.mdx) for information on how to migrate to the refactored igValidator. ![](images/validator.png) @@ -305,4 +308,4 @@ The refactored igValidator component allows flexible validation on an array of & - [Migrating to the new igValidator control](//controls/igvalidator/migration-topic.mdx) #### Related Samples -- [Basic Usage]({environment:SamplesUrl}/validator/basic-usage) +- [Basic Usage](\{environment:SamplesUrl\}/validator/basic-usage) diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/14-whats-new-in-2015-volume1.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/14-whats-new-in-2015-volume1.mdx index 5d2024478e..2349d400fa 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/14-whats-new-in-2015-volume1.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/14-whats-new-in-2015-volume1.mdx @@ -2,11 +2,14 @@ title: "What's New in 2015 Volume 1" slug: whats-new-in-2015-volume1 --- + +# What's New in 2015 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #What's New in 2015 Volume 1 -This topic presents the controls and the new and enhanced features for the {environment:ProductFamilyName}™ 2015 Volume 1 release. +This topic presents the controls and the new and enhanced features for the \{environment:ProductFamilyName\}™ 2015 Volume 1 release. ##What’s New Summary @@ -17,13 +20,13 @@ The following summarizes what’s new in 2015 Volume 1. Additional details follo Feature | Description ---|--- -[New {environment:ProductName} Help Viewer](#help-viewer) | We have a brand new, modernized help viewer for {environment:ProductName}. +[New \{environment:ProductName\} Help Viewer](#help-viewer) | We have a brand new, modernized help viewer for \{environment:ProductName\}. -### {environment:ProductName} Page Designer +### \{environment:ProductName\} Page Designer Feature | Description ---|--- -[Out-of-the-Box Theming Support](#page-designer-theming-support) | Added support for other {environment:ProductName} themes and common Bootstrap-based themes that you can easily select with the built-in theme picker. +[Out-of-the-Box Theming Support](#page-designer-theming-support) | Added support for other \{environment:ProductName\} themes and common Bootstrap-based themes that you can easily select with the built-in theme picker. [Improved Data Sources Experience](#page-designer-datasource-expirience) | Added explicit support for JSONP data source and local data source as well as a new data source editor. [Intellisense support for Ace](#page-designer-intellisense-support) | Added support for showing intellisense when the designer is in code view and the user starts typing [Remote data source – user friendly errors](#page-designer-remote-dataSource) | Web designer now has user interface for showing detailed information for the possible problem, while connecting to the remote data source @@ -77,21 +80,21 @@ API Improvements| We also took this opportunity to revisit some less-than-optima Feature | Description ---|--- -jQuery Mobile 1.4+ Support | {environment:ProductName} mobile controls are now compatible with the most recent version of jQuery Mobile, 1.4+. +jQuery Mobile 1.4+ Support | \{environment:ProductName\} mobile controls are now compatible with the most recent version of jQuery Mobile, 1.4+. ##General -### <a id="help-viewer"></a>New {environment:ProductName} Help Viewer +### <a id="help-viewer"></a>New \{environment:ProductName\} Help Viewer -We have a brand new, modernized help viewer for {environment:ProductName}. This makes it much easier to navigate through and share individual topics, and you can also easily switch between product versions (for version 14.1 and up) directly in a topic. +We have a brand new, modernized help viewer for \{environment:ProductName\}. This makes it much easier to navigate through and share individual topics, and you can also easily switch between product versions (for version 14.1 and up) directly in a topic. Beyond making the experience easier to use, the actual topics themselves are now available on GitHub in Markdown. This means that you can easily report issues on topics or perhaps even submit additions or changes to a topic via a GitHub pull request. #### Related Content -- [{environment:ProductName} Help Topics on GitHub](https://github.com/IgniteUI/help-topics) +- [\{environment:ProductName\} Help Topics on GitHub](https://github.com/IgniteUI/help-topics) -##{environment:ProductName} Page Designer +##\{environment:ProductName\} Page Designer ### <a id="page-designer-theming-support"></a>Out-of-the-Box Theming Support Selecting a theme from the list changes the theme for all the components already dropped on the design surface. @@ -124,13 +127,13 @@ In 14.2, we CTP’d the first version of the "Client-Side Excel Library" which i #### Related Topics - [Understanding the Infragistics JavaScript Excel Library](../../09_JavaScript Excel Library/00_Understanding/~Understanding_the_Infragistics_JavaScript_Excel_Library.mdx) -- [Using the {environment:ProductName} JavaScript Excel Library](../../09_JavaScript Excel Library/01_Using/~Using_The_JavaScript_Excel_Library.mdx) +- [Using the \{environment:ProductName\} JavaScript Excel Library](../../09_JavaScript Excel Library/01_Using/~Using_The_JavaScript_Excel_Library.mdx) #### Related Samples -- [Excel Table]({environment:NewSamplesUrl}/javascript-excel-library/excel-table) -- [Excel Formatting]({environment:NewSamplesUrl}/javascript-excel-library/excel-formatting) -- [Excel Formulas]({environment:NewSamplesUrl}/javascript-excel-library/excel-formulas) +- [Excel Table](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-table) +- [Excel Formatting](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-formatting) +- [Excel Formulas](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-formulas) ## igGrid @@ -145,10 +148,10 @@ The igGridExcelExporter component allows you to export data from the igGrid into #### Related Samples -- [Export Basic Grid to Excel]({environment:NewSamplesUrl}/grid/export-basic-grid) -- [Exporting Grid to Excel with Features]({environment:NewSamplesUrl}/grid/export-feature-rich-grid) -- [Customizing Grid Excel Export]({environment:NewSamplesUrl}/grid/export-client-events) -- [Exporting Grid to Excel with Progress Indicator]({environment:NewSamplesUrl}/grid/export-grid-loading-indicator) +- [Export Basic Grid to Excel](\{environment:NewSamplesUrl\}/grid/export-basic-grid) +- [Exporting Grid to Excel with Features](\{environment:NewSamplesUrl\}/grid/export-feature-rich-grid) +- [Customizing Grid Excel Export](\{environment:NewSamplesUrl\}/grid/export-client-events) +- [Exporting Grid to Excel with Progress Indicator](\{environment:NewSamplesUrl\}/grid/export-grid-loading-indicator) ### <a id="grid-responsive-feature-improvements"></a>Responsive Feature Improvements @@ -159,7 +162,7 @@ The igGridExcelExporter component allows you to export data from the igGrid into #### Related Samples -- [Responsive Single Column Template]({environment:NewSamplesUrl}/grid/responsive-single-column-template) +- [Responsive Single Column Template](\{environment:NewSamplesUrl\}/grid/responsive-single-column-template) ### <a id="grid-column-styling"></a>Column Styling With the new <ApiLink type="iggrid" member="columns.columnCssClass" section="options" label="columnCssClass" /> and <ApiLink type="iggrid" member="columns.headerCssClass" section="options" label="headerCssClass" /> column settings you can apply CSS classes to both the header and the column data cells as shown in the screenshot below. @@ -192,8 +195,8 @@ Supported features in the RTM are: #### Related Samples -- [JSON Binding]({environment:NewSamplesUrl}/tree-grid/json-binding) -- [Balance Sheet]({environment:NewSamplesUrl}/tree-grid/balance-sheet) +- [JSON Binding](\{environment:NewSamplesUrl\}/tree-grid/json-binding) +- [Balance Sheet](\{environment:NewSamplesUrl\}/tree-grid/balance-sheet) ### <a id="tree-grid-filtering"></a>Tree-Specific Filtering @@ -208,7 +211,7 @@ The other available mode is `"showWithAncestorsAndDescendants"` which in additio #### Related Samples -- [File Explorer]({environment:NewSamplesUrl}/tree-grid/file-explorer) +- [File Explorer](\{environment:NewSamplesUrl\}/tree-grid/file-explorer) ### <a id="tree-grid-remote-load-on-demand"></a>Remote Load on Demand @@ -222,7 +225,7 @@ The Load on Demand functionality enables the tree grid to request the data for t #### Related Samples -- [Load on Demand]({environment:NewSamplesUrl}/tree-grid/load-on-demand) +- [Load on Demand](\{environment:NewSamplesUrl\}/tree-grid/load-on-demand) ##igCombo @@ -239,11 +242,11 @@ Our original jQuery-based combo that we shipped almost four years ago was very f #### Related Samples -- [JSON Binding]({environment:NewSamplesUrl}/combo/json-binding) -- [Selection and Checkboxes]({environment:NewSamplesUrl}/combo/selection-and-checkboxes) -- [Filtering]({environment:NewSamplesUrl}/combo/filtering) -- [Load-On-Demand]({environment:NewSamplesUrl}/combo/load-on-demand) -- [Keyboard Navigation]({environment:NewSamplesUrl}/combo/keyboard-navigation) +- [JSON Binding](\{environment:NewSamplesUrl\}/combo/json-binding) +- [Selection and Checkboxes](\{environment:NewSamplesUrl\}/combo/selection-and-checkboxes) +- [Filtering](\{environment:NewSamplesUrl\}/combo/filtering) +- [Load-On-Demand](\{environment:NewSamplesUrl\}/combo/load-on-demand) +- [Keyboard Navigation](\{environment:NewSamplesUrl\}/combo/keyboard-navigation) ### <a id="combo_ko"></a>Rewritten Knockout Extension @@ -251,4 +254,4 @@ The Knockout extension for the igCombo was adapted to meet the requirements of t #### Related Samples -- [KnockoutJS Binding]({environment:NewSamplesUrl}/combo/bind-combo-with-ko) +- [KnockoutJS Binding](\{environment:NewSamplesUrl\}/combo/bind-combo-with-ko) diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/15-whats-new-in-2014-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/15-whats-new-in-2014-volume2.mdx index d808d78353..2c04a33674 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/15-whats-new-in-2014-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/15-whats-new-in-2014-volume2.mdx @@ -3,9 +3,11 @@ title: "What's New in 2014 Volume 2" slug: whats-new-in-2014-volume2 --- +# What's New in 2014 Volume 2 + #What's New in 2014 Volume 2 -This topic presents the controls and the new and enhanced features for the {environment:ProductFamilyName}™ 2014 Volume 2 release. +This topic presents the controls and the new and enhanced features for the \{environment:ProductFamilyName\}™ 2014 Volume 2 release. ##What’s New Summary @@ -16,17 +18,17 @@ The following summarizes what’s new in 2014 Volume 2. Additional details follo Feature | Description ---|--- -[AngularJS directives](#angular-directives) | Now {environment:ProductName} controls feature custom directives for AngularJS. +[AngularJS directives](#angular-directives) | Now \{environment:ProductName\} controls feature custom directives for AngularJS. -### {environment:ProductName} Page Designer +### \{environment:ProductName\} Page Designer Feature | Description ---|--- -[WYSIWYG for HTML5](#wysiwyg) | New drag-n-drop UI design surface for Modern Web using {environment:ProductName} controls. +[WYSIWYG for HTML5](#wysiwyg) | New drag-n-drop UI design surface for Modern Web using \{environment:ProductName\} controls. Responsive Web Design (RWD) | Visualize and manage breakpoints to make responsive design easier. Clean Code Editor | See, edit, and copy clean code to incorporate into your projects. -Easier Data Access | Easily configure {environment:ProductName} data source components to connect your controls to your data. +Easier Data Access | Easily configure \{environment:ProductName\} data source components to connect your controls to your data. Integrated API Help | See help for API members in both the component editor and in the code editor. @@ -64,7 +66,7 @@ Feature | Description Feature | Description ---|--- -[Bootstrap theming](#bootstrap-theming) | {environment:ProductName} controls now support Bootstrap theming. +[Bootstrap theming](#bootstrap-theming) | \{environment:ProductName\} controls now support Bootstrap theming. [New theme (RTM)](#new-theme) | The iOS 7-style theme is now RTM and renamed to just iOS theme—replaces prior iOS6-style theme. The theme also added support for the jQuery Mobile 1.4 + controls. [Updated themes to support jQuery UI 1.11+](#update-themes) | New theme files are added in order to support jQuery UI 1.11+ own controls. @@ -75,7 +77,7 @@ Feature | Description We launched a preview of AngularJS directives last release on our GitHub repo; they are now officially in the product as well and are considered RTM. -All of the {environment:ProductName} controls can be instantiated declaratively with custom tags or from the controller or via controller options. Further, the following controls support two-way data binding: +All of the \{environment:ProductName\} controls can be instantiated declaratively with custom tags or from the controller or via controller options. Further, the following controls support two-way data binding: - igGrid - igCombo @@ -87,28 +89,28 @@ All of the {environment:ProductName} controls can be instantiated decl [AngularJS Directives](../../10_AngularJS Directives/~AngularJS_Directives.mdx) -[{environment:ProductName} directives for AngularJS on GitHub](https://github.com/IgniteUI/igniteui-angularjs) +[\{environment:ProductName\} directives for AngularJS on GitHub](https://github.com/IgniteUI/igniteui-angularjs) #### Related Samples -[{environment:ProductName} directives for AngularJS samples](http://igniteui.github.io/igniteui-angularjs/) +[\{environment:ProductName\} directives for AngularJS samples](http://igniteui.github.io/igniteui-angularjs/) -##{environment:ProductName} Page Designer +##\{environment:ProductName\} Page Designer ### <a id="wysiwyg"></a>WYSIWYG for HTML5 -Leverage common HTML elements, Bootstrap components, and of course {environment:ProductName} components to lay out and jumpstart your modern LOB pages. It’s the best way to learn to use {environment:ProductName} and more quickly configure {environment:ProductName} controls to then copy into your projects. +Leverage common HTML elements, Bootstrap components, and of course \{environment:ProductName\} components to lay out and jumpstart your modern LOB pages. It’s the best way to learn to use \{environment:ProductName\} and more quickly configure \{environment:ProductName\} controls to then copy into your projects. -**Use it now at [{environment:DesignerUrl}]({environment:DesignerUrl}) !** +**Use it now at [\{environment:DesignerUrl\}](\{environment:DesignerUrl\}) !** ![](images/Whats_New_In_Ignite_UI_2014_Volume_2_1.png) ### Responsive Web Design (RWD) -Visualize and edit your responsive CSS breakpoints and jump into editing the CSS for breakpoints easily. You can also use Bootstrap row components or {environment:ProductName} layout components to easily defing a grid layout for your responsive page. +Visualize and edit your responsive CSS breakpoints and jump into editing the CSS for breakpoints easily. You can also use Bootstrap row components or \{environment:ProductName\} layout components to easily defing a grid layout for your responsive page. ![](images/Whats_New_In_Ignite_UI_2014_Volume_2_2.png) @@ -120,13 +122,13 @@ We built on top of the world-class ACE code editor to help you see, edit, and co ### Easier Data Access -The {environment:ProductName} data source components make it easier to connect your controls to your data, and the Page Designer makes those easier to use with custom component editors and letting you easily set your data sources on components that use them. You can pick a data source from a list in the component editor or just drop a data source onto controls like the grid to get started. +The \{environment:ProductName\} data source components make it easier to connect your controls to your data, and the Page Designer makes those easier to use with custom component editors and letting you easily set your data sources on components that use them. You can pick a data source from a list in the component editor or just drop a data source onto controls like the grid to get started. ### Integrated API Help Throughout the designer, we incorporate API help so that you don’t have to go digging for it. We do it in the code editor as well as in the component editor: -1. For {environment:ProductName} componets, you can click the ? link in the component editor to go directly to the API docs for that component. +1. For \{environment:ProductName\} componets, you can click the ? link in the component editor to go directly to the API docs for that component. 2. When hovering over properties and events, we show you the related API docs right there. ![](images/Whats_New_In_Ignite_UI_2014_Volume_2_4.png) @@ -141,12 +143,12 @@ Our new Excel Library is a 100% pure JavaScript client-side library that support #### Related Topics -- [{environment:ProductName} Client-Side Excel Library Overview](../../09_JavaScript Excel Library/00_Understanding/JavaScript_Excel_Library_Overview.mdx) -- [Using the {environment:ProductName} Client-Side Excel Library](../../09_JavaScript Excel Library/01_Using/~Using_The_JavaScript_Excel_Library.mdx) +- [\{environment:ProductName\} Client-Side Excel Library Overview](../../09_JavaScript Excel Library/00_Understanding/JavaScript_Excel_Library_Overview.mdx) +- [Using the \{environment:ProductName\} Client-Side Excel Library](../../09_JavaScript Excel Library/01_Using/~Using_The_JavaScript_Excel_Library.mdx) #### Related Samples -- [JavaScript Excel Overview]({environment:NewSamplesUrl}/javascript-excel-library/overview) +- [JavaScript Excel Overview](\{environment:NewSamplesUrl\}/javascript-excel-library/overview) ## igGrid @@ -199,8 +201,8 @@ Supported features in the CTP are: #### Related Samples -- [File Explorer]({environment:NewSamplesUrl}/tree-grid/file-explorer) -- [Balance Sheet]({environment:NewSamplesUrl}/tree-grid/balance-sheet) +- [File Explorer](\{environment:NewSamplesUrl\}/tree-grid/file-explorer) +- [Balance Sheet](\{environment:NewSamplesUrl\}/tree-grid/balance-sheet) ##igPivotGrid @@ -213,13 +215,13 @@ The `igPivotGrid`™ control now allows you to visualize the row hierarchies in #### Related Samples -- [Layout Modes]({environment:NewSamplesUrl}/pivot-grid/layout-modes) +- [Layout Modes](\{environment:NewSamplesUrl\}/pivot-grid/layout-modes) ##Theming ### <a id="bootstrap-theming"></a>Bootstrap theming -This release adds a mechanism to apply any Bootstrap theme (which uses LESS variables defined by Bootstrap) look and feel to the {environment:ProductName} controls. The resulting themes are standalone and can be used with or without Bootstrap. +This release adds a mechanism to apply any Bootstrap theme (which uses LESS variables defined by Bootstrap) look and feel to the \{environment:ProductName\} controls. The resulting themes are standalone and can be used with or without Bootstrap. The product comes with four preset themes “Bootstrap” (equivalent to the default Bootstrap theme), “Superhero”, “Yeti”, “Flatly” which are compiled against the respective themes taken from [bootswatch.com](http://bootswatch.com/) site. @@ -231,11 +233,11 @@ Note: The four preset themes as well as the LESS files used to generate them are #### Related content -- [Bootstrap Theme Generator]({environment:NewSamplesUrl}/bootstrap-theme-generator) +- [Bootstrap Theme Generator](\{environment:NewSamplesUrl\}/bootstrap-theme-generator) ### <a id="new-theme"></a>New theme (RTM) -The previously named iOS7 theme has been renamed to just iOS and replaces the prior iOS6-style theme. The iOS theme is now RTM and adds support for the {environment:ProductName} Mobile Controls. +The previously named iOS7 theme has been renamed to just iOS and replaces the prior iOS6-style theme. The iOS theme is now RTM and adds support for the \{environment:ProductName\} Mobile Controls. ![](images/Whats_New_In_Ignite_UI_2014_Volume_2_10.png) @@ -243,11 +245,11 @@ The previously named iOS7 theme has been renamed to just iOS and replaces the pr #### Related samples -- [iOS theme]({environment:NewSamplesUrl}/themes/ios) +- [iOS theme](\{environment:NewSamplesUrl\}/themes/ios) ### <a id="update-themes"></a>Updated themes to support jQuery UI 1.11+ -We updated our themes to support the jQuery UI 1.11+ own controls. However, because there are some breaking changes in the CSS structure in jQuery UI, you may see some minor issues in the look and feel of native jQuery UI controls when using {environment:ProductName} themes. +We updated our themes to support the jQuery UI 1.11+ own controls. However, because there are some breaking changes in the CSS structure in jQuery UI, you may see some minor issues in the look and feel of native jQuery UI controls when using \{environment:ProductName\} themes. \ No newline at end of file diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/16-whats-new-in-2014-volume1.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/16-whats-new-in-2014-volume1.mdx index 3439b9f58f..a64056f52c 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/16-whats-new-in-2014-volume1.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/16-whats-new-in-2014-volume1.mdx @@ -2,13 +2,16 @@ title: "What's New in 2014 Volume 1" slug: whats-new-in-2014-volume1 --- + +# What's New in 2014 Volume 1 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # What's New in 2014 Volume 1 ## Topic Overview -This topic presents the controls and the new and enhanced features for the {environment:ProductFamilyName}™ 2014 Volume 1 release. +This topic presents the controls and the new and enhanced features for the \{environment:ProductFamilyName\}™ 2014 Volume 1 release. ## What’s New Summary @@ -113,7 +116,7 @@ Each template includes documentation and more templates will appear in the Infra ![](images/Whats_New_Project_Dialog.png) -Note: In previous versions of {environment:ProductName}, the starter templates were installed with the product installer. They are now accessible through the Infragistics Template Gallery. +Note: In previous versions of \{environment:ProductName\}, the starter templates were installed with the product installer. They are now accessible through the Infragistics Template Gallery. ### <a id="new-theme"></a>New theme (CTP) @@ -124,7 +127,7 @@ iOS 7 design. #### Related samples -- [iOS 7 theme]({environment:SamplesUrl}/themes/ios) +- [iOS 7 theme](\{environment:SamplesUrl\}/themes/ios) ## Charts Common Features @@ -193,7 +196,7 @@ A new property – <ApiLink type="iggridsorting" label="persist" /> – has been #### Related Samples -- [Feature Persistence]({environment:SamplesUrl}/grid/feature-persistence) +- [Feature Persistence](\{environment:SamplesUrl\}/grid/feature-persistence) ### <a id="improved-delete-row-mobile"></a>Improved delete row on touch devices @@ -211,7 +214,7 @@ In Row Edit mode, the Delete Row button is available along with the Cancel and D #### Related Samples -- [Basic Editing]({environment:SamplesUrl}/grid/basic-editing) +- [Basic Editing](\{environment:SamplesUrl\}/grid/basic-editing) ## igHierarchicalGrid @@ -242,7 +245,7 @@ by default. #### Related Samples -- [Feature Persistence]({environment:SamplesUrl}/grid/feature-persistence) +- [Feature Persistence](\{environment:SamplesUrl\}/grid/feature-persistence) ### <a id="ighierarchicalgrid-improved-delete-row-mobile"></a>Improved delete row on touch devices @@ -287,7 +290,7 @@ The `igOlapXmlaDataSource` has now built-in support for displaying KPIs defined #### Related samples -- [Binding to Xmla Data Source]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source) +- [Binding to Xmla Data Source](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source) ### <a id="remote-adomnet-data-provider"></a>Remote ADOMD.NET data provider support @@ -300,7 +303,7 @@ where ADOMD.NET is used for communication with the SSAS server. #### Related samples -- [Remote ADOMD.NET Provider]({environment:SamplesUrl}/pivot-grid/remote-adomd-provider) +- [Remote ADOMD.NET Provider](\{environment:SamplesUrl\}/pivot-grid/remote-adomd-provider) ## <a id="igpopover-newcontrol"></a>igPopover @@ -316,7 +319,7 @@ The `igPopover` control, now RTM, adds tooltip-like functionality to DOM element #### Related samples -- [Basic Usage]({environment:SamplesUrl}/popover/basic-popover) +- [Basic Usage](\{environment:SamplesUrl\}/popover/basic-popover) ## <a id="igradialmenu-new-control"></a>igRadialMenu @@ -332,7 +335,7 @@ The `igRadialMenu` control is a context menu presenting its items in a circular #### Related samples -- [Button Items]({environment:SamplesUrl}/radial-menu/button-items) +- [Button Items](\{environment:SamplesUrl\}/radial-menu/button-items) ## <a id="igsplitter-new-control"></a>igSplitButton @@ -344,7 +347,7 @@ The `igSplitButton` control is a drop-down button with which the user can select #### Related samples -- [Split button basics]({environment:SamplesUrl}/split-button/change-shapes) +- [Split button basics](\{environment:SamplesUrl\}/split-button/change-shapes) ## <a id="igtoolbar"></a>igToolbar @@ -356,7 +359,7 @@ The `igToolbar` control allows you to create custom toolbars like those in the ` #### Related samples -- [Standalone Toolbar]({environment:SamplesUrl}/html-editor/standalone-toolbar) +- [Standalone Toolbar](\{environment:SamplesUrl\}/html-editor/standalone-toolbar) ## <a id="igupload-support-web-gardens"></a>igUpload diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/17-whats-new-in-2013-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/17-whats-new-in-2013-volume2.mdx index 33d8d5ff8b..2073452437 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/17-whats-new-in-2013-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/17-whats-new-in-2013-volume2.mdx @@ -8,12 +8,12 @@ slug: whats-new-in-2013-volume2 ## Topic Overview ### Purpose -This topic provides an overview of the new features of {environment:ProductName}™ 2013 Volume 2 release. +This topic provides an overview of the new features of \{environment:ProductName\}™ 2013 Volume 2 release. ## New Features ### New features summary chart -The following table summarizes the new features for the {environment:ProductName} 2013 Volume 2 release. Additional details are available after the summary table. +The following table summarizes the new features for the \{environment:ProductName\} 2013 Volume 2 release. Additional details are available after the summary table. <table class="table table-bordered"> <thead> @@ -25,9 +25,9 @@ The following table summarizes the new features for the {environment:Produc </thead> <tbody> <tr> - <td>{environment:ProductName}</td> + <td>\{environment:ProductName\}</td> <td>Custom downloads</td> - <td>A new tool for creating custom downloads is available. Select the controls you want to use and the tool creates a download package containing a customized, combined, and minified JavaScript file and theme files. Find out more on [the download page]({environment:SamplesUrl}/download).</td> + <td>A new tool for creating custom downloads is available. Select the controls you want to use and the tool creates a download package containing a customized, combined, and minified JavaScript file and theme files. Find out more on [the download page](\{environment:SamplesUrl\}/download).</td> </tr> <tr> @@ -200,7 +200,7 @@ The `igBulletGraph` control is a data visualization control for visualizing data #### Related Sample -- [Basic Configuration]({environment:SamplesUrl}/bullet-graph/basic-configuration) +- [Basic Configuration](\{environment:SamplesUrl\}/bullet-graph/basic-configuration) ## <a id="igdatachart"></a>igDataChart @@ -216,7 +216,7 @@ You can now add a title and/or subtitle to the top section of the chart. When a #### Related Sample -- [Title and Subtitle]({environment:SamplesUrl}/data-chart/chart-title) +- [Title and Subtitle](\{environment:SamplesUrl\}/data-chart/chart-title) ### <a id="axis-title-subtitle"></a>Axis title and subtitle @@ -230,7 +230,7 @@ You can now add a title and/or subtitle to the x- and y-axes of the control. #### Related Sample -- [Axis Title and Subtitle]({environment:SamplesUrl}/data-chart/axis-title) +- [Axis Title and Subtitle](\{environment:SamplesUrl\}/data-chart/axis-title) ### <a id="series-highting"></a>Series highlighting @@ -266,7 +266,7 @@ This feature allows the series to animate during the initialization of the `igDa #### Related Samples -- [Transition Animations]({environment:SamplesUrl}/data-chart/transition-animation) +- [Transition Animations](\{environment:SamplesUrl\}/data-chart/transition-animation) - [Transition Animations (Financial)](../../02_Controls/igDataChart/04_Configuring/08_igChart_Transitions_In_Animations.mdx#transition-example) ### <a id="hover-interactions"></a>Hover interactions @@ -311,7 +311,7 @@ You can now use gradient colors in the chart. #### Related Sample -- [Color Gradients]({environment:SamplesUrl}/data-chart/chart-fill-gradients) +- [Color Gradients](\{environment:SamplesUrl\}/data-chart/chart-fill-gradients) ### <a id="default-tooltips"></a>Default tooltips @@ -377,7 +377,7 @@ Visualizing the occurrence of multiple variables (adding multiple series) is pos #### Related Sample -- [Doughnut Chart]({environment:SamplesUrl}/doughnut-chart/overview) +- [Doughnut Chart](\{environment:SamplesUrl\}/doughnut-chart/overview) ## <a id="iggrid"></a>igGrid @@ -393,7 +393,7 @@ Previously CTP, the Column Fixing feature has now been released to the market an #### Related Sample -- [Column Fixing]({environment:SamplesUrl}/grid/column-fixing) +- [Column Fixing](\{environment:SamplesUrl\}/grid/column-fixing) ### <a id="jsrender-integration"></a>jsRender integration @@ -405,7 +405,7 @@ The `igGrid` control now supports the jsRender templating engine. #### Related Sample -- [**jsRender integration**]({environment:SamplesUrl}/grid/jsrender-integration) +- [**jsRender integration**](\{environment:SamplesUrl\}/grid/jsrender-integration) ### <a id="vertical-column-rendering"></a>RWD Mode Vertical Column Rendering @@ -419,7 +419,7 @@ Vertical Column Rendering is a new feature that renders the grid in two columns #### Related Sample -- [**Responsive Vertical Rendering**]({environment:SamplesUrl}/grid/responsive-vertical-rendering) +- [**Responsive Vertical Rendering**](\{environment:SamplesUrl\}/grid/responsive-vertical-rendering) ### <a id="feature-chooser-new-design"></a>New design of the Feature Chooser @@ -434,7 +434,7 @@ for touch-enabled devices. #### Related Sample -- [Feature Chooser]({environment:SamplesUrl}/grid/feature-chooser) +- [Feature Chooser](\{environment:SamplesUrl\}/grid/feature-chooser) ### <a id="load-on-demand"></a>Load-on-Demand (CTP) @@ -447,7 +447,7 @@ With the `igGrid` Load-on-Demand feature, currently in CTP, the data is not load #### Related Sample -- [Load-on-Demand]({environment:SamplesEmbedUrl}/grid/append-rows-on-demand) +- [Load-on-Demand](\{environment:SamplesEmbedUrl\}/grid/append-rows-on-demand) ## <a id="iglayoutmanager"></a>igLayoutManager @@ -463,8 +463,8 @@ The `igLayoutManager` is a layout control for managing the overall HTML page lay #### Related Samples -- [Responsive Column Layout]({environment:SamplesUrl}/layout-manager/column-layout-markup) -- [Responsive Flow Layout]({environment:SamplesUrl}/layout-manager/flow-layout) +- [Responsive Column Layout](\{environment:SamplesUrl\}/layout-manager/column-layout-markup) +- [Responsive Flow Layout](\{environment:SamplesUrl\}/layout-manager/flow-layout) ## <a id="iglineargauge"></a>igLinearGauge @@ -482,7 +482,7 @@ against a scale and one or more comparative ranges. #### Related Sample -- [Basic Configuration]({environment:SamplesUrl}/linear-gauge/basic-configuration) +- [Basic Configuration](\{environment:SamplesUrl\}/linear-gauge/basic-configuration) ## <a id="igmap"></a>igMap @@ -502,7 +502,7 @@ Because of the sheer number of data points, the series displays the scatter data #### Related Sample -- [High Density Scatter Series]({environment:SamplesUrl}/map/geo-high-density-scatter-series) +- [High Density Scatter Series](\{environment:SamplesUrl\}/map/geo-high-density-scatter-series) ## <a id="igpiechart"></a>igPieChart @@ -514,7 +514,7 @@ You can now add two types of curves to the lines in the label callouts in the `i #### Related Sample -- [Layout Configuration]({environment:SamplesUrl}/pie-chart/layout-configuration) +- [Layout Configuration](\{environment:SamplesUrl\}/pie-chart/layout-configuration) ## <a id="igpopover"></a>igPopover @@ -533,7 +533,7 @@ The `igPopover` control, currently in CTP, adds tooltip-like functionality to th #### Related Samples -- [Basic Popover]({environment:SamplesUrl}/popover/basic-popover) +- [Basic Popover](\{environment:SamplesUrl\}/popover/basic-popover) ## <a id="qrcode"></a>igQRCodeBarcode @@ -549,7 +549,7 @@ The `igQRCodeBarcode` control generates QR (Quick Response) barcode images for u #### Related Samples -- [QR Barcode Basic Configuration]({environment:SamplesUrl}/barcode/basic-configuration) +- [QR Barcode Basic Configuration](\{environment:SamplesUrl\}/barcode/basic-configuration) ## <a id="igradialgauge"></a>igRadialGauge @@ -565,7 +565,7 @@ The `igQRCodeBarcode` control generates QR (Quick Response) barcode images for u #### Related Samples -- [igRadialGauge]({environment:SamplesUrl}/radial-gauge/overview) +- [igRadialGauge](\{environment:SamplesUrl\}/radial-gauge/overview) ## <a id="igtilemanager"></a>igTileManager @@ -584,10 +584,10 @@ The `igTileManager` is a layout control for rendering and managing data into til #### Related Samples -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/tile-manager/aspnet-mvc-helper) -- [Binding to JSON Data]({environment:SamplesUrl}/tile-manager/bind-json) -- [Item Configurations]({environment:SamplesUrl}/tile-manager/item-configurations) -- [Leading Tile Configuration]({environment:SamplesUrl}/tile-manager/leading-tile) +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/tile-manager/aspnet-mvc-helper) +- [Binding to JSON Data](\{environment:SamplesUrl\}/tile-manager/bind-json) +- [Item Configurations](\{environment:SamplesUrl\}/tile-manager/item-configurations) +- [Leading Tile Configuration](\{environment:SamplesUrl\}/tile-manager/leading-tile) ## <a id="igzoom"></a>igZoombar @@ -603,7 +603,7 @@ The `igZoombar` control provides zooming functionality to range-enabled controls #### Related Samples -- [Zoombar Financial Chart]({environment:SamplesUrl}/zoombar/financial-chart) +- [Zoombar Financial Chart](\{environment:SamplesUrl\}/zoombar/financial-chart) diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/18-whats-new-in-2013-volume1.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/18-whats-new-in-2013-volume1.mdx index 3682f5ba20..00347b822d 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/18-whats-new-in-2013-volume1.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/18-whats-new-in-2013-volume1.mdx @@ -8,13 +8,13 @@ slug: whats-new-in-2013-volume1 ## Topic Overview ### Purpose -This topic provides an overview of the new features of {environment:ProductName}® 2013 Volume 1 release. +This topic provides an overview of the new features of \{environment:ProductName\}® 2013 Volume 1 release. ## New Features ### New Features summary chart -The following table summarizes the new features for the {environment:ProductName}® 2013 Volume 1 release. Additional details are available after the summary table. +The following table summarizes the new features for the \{environment:ProductName\}® 2013 Volume 1 release. Additional details are available after the summary table. <table class="table table-bordered"> <thead> @@ -40,7 +40,7 @@ The following table summarizes the new features for the {environment:Produc <tr> <td>igEditors™</td> <td>[Knockout Support](#igeditors-knockout-support)</td> - <td>The support for the Knockout library in {environment:ProductName} editor controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure {environment:ProductName} editors.</td> + <td>The support for the Knockout library in \{environment:ProductName\} editor controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure \{environment:ProductName\} editors.</td> </tr> <tr> @@ -72,7 +72,7 @@ The following table summarizes the new features for the {environment:Produc <tr> <td>[Knockout Support is RTM](#knockout-support)</td> - <td>The support for the Knockout library in {environment:ProductName} `igGrid` controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure {environment:ProductName} grids.</td> + <td>The support for the Knockout library in \{environment:ProductName\} `igGrid` controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure \{environment:ProductName\} grids.</td> </tr> <tr> @@ -88,7 +88,7 @@ The following table summarizes the new features for the {environment:Produc <tr> <td>[Knockout Support is RTM](#hierarchicalgrid-knockout-support)</td> - <td>The support for the Knockout library in {environment:ProductName} `igHierarchicalGrid`™ controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure {environment:ProductName} grids.</td> + <td>The support for the Knockout library in \{environment:ProductName\} `igHierarchicalGrid`™ controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure \{environment:ProductName\} grids.</td> </tr> <tr> @@ -142,7 +142,7 @@ The following table summarizes the new features for the {environment:Produc <tr> <td>igTree™</td> <td>[Knockout Support](#igtree-knockout-support)</td> - <td>The support for the Knockout library in {environment:ProductName} editor controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure {environment:ProductName} editors.</td> + <td>The support for the Knockout library in \{environment:ProductName\} editor controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure \{environment:ProductName\} editors.</td> </tr> <tr> @@ -162,15 +162,15 @@ The following table summarizes the new features for the {environment:Produc </tr> <tr> - <td>{environment:ProductNameMVC}</td> + <td>\{environment:ProductNameMVC\}</td> <td>[Support for Adding Events](#support-adding-events)</td> - <td>You can now add client events to the {environment:ProductNameMVC} controls’ by using the `AddClientEvent` helper method. Provide an event name and function name to the helper and it renders the required JavaScript on the client to handle the event.</td> + <td>You can now add client events to the \{environment:ProductNameMVC\} controls’ by using the `AddClientEvent` helper method. Provide an event name and function name to the helper and it renders the required JavaScript on the client to handle the event.</td> </tr> <tr> <td>TypeScript Definition File</td> <td>[New Feature (CTP)](#typescript-new-feature)</td> - <td>TypeScript is a language for adding a typed layer to JavaScript aiding in the development of JavaScript applications. {environment:ProductName} now includes a TypeScript definition file, `igniteui.d.ts`, providing type definitions for all controls.</td> + <td>TypeScript is a language for adding a typed layer to JavaScript aiding in the development of JavaScript applications. \{environment:ProductName\} now includes a TypeScript definition file, `igniteui.d.ts`, providing type definitions for all controls.</td> </tr> <tr> @@ -242,17 +242,17 @@ The `igDataChart` control now supports over 40 chart types. The following new ch #### Related Samples -- [Category Series]({environment:SamplesUrl}/data-chart/category-series) -- [Polar Series]({environment:SamplesUrl}/data-chart/polar-series) -- [Radial Series]({environment:SamplesUrl}/data-chart/radial-series) -- [Scatter Series]({environment:SamplesUrl}/data-chart/scatter-series) -- [Stacked Series]({environment:SamplesUrl}/data-chart/stacked-series) +- [Category Series](\{environment:SamplesUrl\}/data-chart/category-series) +- [Polar Series](\{environment:SamplesUrl\}/data-chart/polar-series) +- [Radial Series](\{environment:SamplesUrl\}/data-chart/radial-series) +- [Scatter Series](\{environment:SamplesUrl\}/data-chart/scatter-series) +- [Stacked Series](\{environment:SamplesUrl\}/data-chart/stacked-series) ## <a id="igeditors-knockout-support"></a>igEditors ### Knockout Support -The support for the Knockout library in {environment:ProductName} editor controls is +The support for the Knockout library in \{environment:ProductName\} editor controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure Ignite UI editors. @@ -317,7 +317,7 @@ To this end, the RWD Mode feature supports a set of pre-defined grid templates w ### <a id="knockout-support"></a>Knockout Support is RTM -The support for the Knockout library in {environment:ProductName} `igGrid` controls is +The support for the Knockout library in \{environment:ProductName\} `igGrid` controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure Ignite UI grids. @@ -336,7 +336,7 @@ The `igGrid`™ Column Fixing feature allows you to pin the columns on the left #### Related Samples -[**Column Fixing (igGrid)**]({environment:SamplesUrl}/grid/column-fixing) +[**Column Fixing (igGrid)**](\{environment:SamplesUrl\}/grid/column-fixing) ## igHierarchicalGrid @@ -369,11 +369,11 @@ left or the right of the grid so that they are always visible. #### Related Samples -[**Column Fixing (igGrid)**]({environment:SamplesUrl}/grid/column-fixing) +[**Column Fixing (igGrid)**](\{environment:SamplesUrl\}/grid/column-fixing) ### <a id="hierarchicalgrid-knockout-support"></a>Knockout Support is RTM -The support for the Knockout library in {environment:ProductName} `igHierarchicalGrid` controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure {environment:ProductName} grids. +The support for the Knockout library in \{environment:ProductName\} `igHierarchicalGrid` controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure \{environment:ProductName\} grids. The Knockout support is implemented as a Knockout extension which is invoked initially when Knockout bindings are applied to a page and @@ -383,7 +383,7 @@ your business case in the data-bind attribute. #### Related Samples -[**Hierarchical Grid Knockoutjs Integration**]({environment:SamplesUrl}/hierarchical-grid/bind-hgrid-with-ko) +[**Hierarchical Grid Knockoutjs Integration**](\{environment:SamplesUrl\}/hierarchical-grid/bind-hgrid-with-ko) ## igListView @@ -395,7 +395,7 @@ The `igListView` adds collapsible grouping to the default grouping functionality #### Related Samples -[Custom Groups]({environment:SamplesUrl}/mobile-list-view/custom-groups) +[Custom Groups](\{environment:SamplesUrl\}/mobile-list-view/custom-groups) ## <a id="igolapflatdatasource-new-component"></a>igOlapFlatDataSource @@ -481,7 +481,7 @@ The `igSplitter` is a container control for managing layouts in HTML5 Web applic ## <a id="igtree-knockout-support"></a>igTree ### Knockout Support -The support for the Knockout library in {environment:ProductName} editor controls is +The support for the Knockout library in \{environment:ProductName\} editor controls is intended to provide easy means for developers to use the Knockout library and its declarative syntax to instantiate and configure Ignite UI editors. @@ -532,10 +532,10 @@ The functionality is available only in the browsers which support multiple attri [Configuring igUpload](../../02_Controls/igUpload/01_Working with igUpload/00_igUpload_Configuring_igUpload.mdx) -## {environment:ProductNameMVC} +## \{environment:ProductNameMVC\} ### <a id="support-adding-events"></a>Support for Adding Events -You can now add events to {environment:ProductName} controls by adding them to the ASP.NET MVC helper. Use the `AddClientEvent` method to supply the event name and a handler function name. The helper will render to the appropriate instantiation JavaScript on the client to fire the event. +You can now add events to \{environment:ProductName\} controls by adding them to the ASP.NET MVC helper. Use the `AddClientEvent` method to supply the event name and a handler function name. The helper will render to the appropriate instantiation JavaScript on the client to fire the event. **In ASPX:** @@ -556,16 +556,16 @@ Note: `igUpload`, `igGrid`/`igHierarchicalGrid` and their features will get this ### New Feature (CTP) TypeScript is a language for adding a typed layer to JavaScript aiding -in the development of JavaScript applications. {environment:ProductName} now includes a +in the development of JavaScript applications. \{environment:ProductName\} now includes a TypeScript definition file, `igniteui.d.ts`, providing type definitions for all controls. -You can find the definition file in the {environment:ProductName} installation directory under `{Installation Directory}typingsigniteui.t.ds.` Refer to the following articles for additional information. +You can find the definition file in the \{environment:ProductName\} installation directory under `{Installation Directory}typingsigniteui.t.ds.` Refer to the following articles for additional information. ### Related Articles - [Download TypeScript](http://www.typescriptlang.org/#Download) -- [Introducing TypeScript Support for {environment:ProductName}](http://www.infragistics.com/community/blogs/angel_todorov/archive/2012/10/27/introducing-typescript-support-for-ignite-ui.aspx) +- [Introducing TypeScript Support for \{environment:ProductName\}](http://www.infragistics.com/community/blogs/angel_todorov/archive/2012/10/27/introducing-typescript-support-for-ignite-ui.aspx) - [TypeScript Tutorial](http://www.typescriptlang.org/Tutorial/) - [TypeScript: Add Productivity and Manageability to your JavaScript Apps – Part 2](http://msdn.microsoft.com/en-us/magazine/jj983351.aspx) @@ -579,8 +579,8 @@ Released as CTP in this version, the `igDoughnutChart` displays data similar to #### Related Samples -- [Bind to JSON]({environment:SamplesUrl}/doughnut-chart/bind-json) -- [Bind to Collection]({environment:SamplesUrl}/doughnut-chart/bind-to-collection) +- [Bind to JSON](\{environment:SamplesUrl\}/doughnut-chart/bind-json) +- [Bind to Collection](\{environment:SamplesUrl\}/doughnut-chart/bind-to-collection) ## <a id="iglayoutmanager-new-control"></a>igLayoutManager @@ -592,11 +592,11 @@ The `igLayoutManager` is a layout control for managing general layout in HTML We #### Related Samples -- [Border Layout from HTML Markup]({environment:SamplesUrl}/layout-manager/border-layout-markup) -- [Responsive Column Layout]({environment:SamplesUrl}/layout-manager/column-layout-markup) -- [Responsive Flow Layout]({environment:SamplesUrl}/layout-manager/flow-layout) -- [Responsive Vertical Layout]({environment:SamplesUrl}/layout-manager/vertical-layout) -- [Grid Layout with Column Spans and Row Spans]({environment:SamplesUrl}/layout-manager/grid-layout) +- [Border Layout from HTML Markup](\{environment:SamplesUrl\}/layout-manager/border-layout-markup) +- [Responsive Column Layout](\{environment:SamplesUrl\}/layout-manager/column-layout-markup) +- [Responsive Flow Layout](\{environment:SamplesUrl\}/layout-manager/flow-layout) +- [Responsive Vertical Layout](\{environment:SamplesUrl\}/layout-manager/vertical-layout) +- [Grid Layout with Column Spans and Row Spans](\{environment:SamplesUrl\}/layout-manager/grid-layout) ## <a id="igtilemanager-newcontrol"></a>igTileManager @@ -608,9 +608,9 @@ The `igTileManager` is a layout control for rendering and managing data into til #### Related Samples -- [Binding to JSON]({environment:SamplesUrl}/tile-manager/bind-json) -- [ASP.NET MVC Basic Usage]({environment:SamplesUrl}/tile-manager/aspnet-mvc-helper) -- [Item Configurations]({environment:SamplesUrl}/tile-manager/item-configurations) +- [Binding to JSON](\{environment:SamplesUrl\}/tile-manager/bind-json) +- [ASP.NET MVC Basic Usage](\{environment:SamplesUrl\}/tile-manager/aspnet-mvc-helper) +- [Item Configurations](\{environment:SamplesUrl\}/tile-manager/item-configurations) ## <a id="igradialgauge-new-control"></a>igRadialGauge @@ -622,8 +622,8 @@ The `igRadialGauge`, released as CTP, is a gauge control to show numerical value #### Related Samples -- [MVC Initialization]({environment:SamplesUrl}/radial-gauge/mvc-initialization) -- [Gauge Animation]({environment:SamplesUrl}/radial-gauge/motion-framework) +- [MVC Initialization](\{environment:SamplesUrl\}/radial-gauge/mvc-initialization) +- [Gauge Animation](\{environment:SamplesUrl\}/radial-gauge/motion-framework) ##Related Content @@ -634,7 +634,7 @@ The following topics provide additional information related to this topic. - [Configuring Knockout Support (igCombo)](//controls/igcombo/configuring/knockoutjs-support.mdx): This topic explains how to configure the `igCombo`™ control to bind it to View-Model objects managed by the Knockout library. -- [Configuring Knockout Support (igEditors)](../../02_Controls/igEditors/Config/02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure {environment:ProductName}® editor controls to bind to View-Model objects using the Knockout library. +- [Configuring Knockout Support (igEditors)](../../02_Controls/igEditors/Config/02_Configuring Knockout Support (Editors).mdx): This topic explains how to configure \{environment:ProductName\}® editor controls to bind to View-Model objects using the Knockout library. - [igFunnelChart Overview](//controls/igfunnelchart/overview.mdx): This topic provides conceptual information about the `igFunnelChart`™ control including its main features, minimum requirements, and user functionality. diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/19-whats-new-in-2012-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/19-whats-new-in-2012-volume2.mdx index 3c9d3f8089..ab9a96003d 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/19-whats-new-in-2012-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/19-whats-new-in-2012-volume2.mdx @@ -8,7 +8,7 @@ slug: whats-new-in-2012-volume2 ## New Features ### Features overview -The following table summarizes the new features for the {environment:ProductName}™ 2012 Volume 2 release. Additional details are available after the summary table. +The following table summarizes the new features for the \{environment:ProductName\}™ 2012 Volume 2 release. Additional details are available after the summary table. - [igHtmlEditor control](#ightmleditor-control): The new `igHtmlEditor`™ is a jQuery WYSIWYG control and provides HTML editing capabilities in the web browser. @@ -58,7 +58,7 @@ The following table summarizes the new features for the {environment:Produc - [Mobile NavBar](#mobile-navbar): The NavBar ASP.NET MVC helper defines a menu of items that reference external pages or internal page blocks. -- [Mobile Page, PageContent, PageFooter, PageHeader](#mobile-page): The {environment:ProductNameMVC} allow you to create jQuery Mobile pages using Razor or ASPX syntax. +- [Mobile Page, PageContent, PageFooter, PageHeader](#mobile-page): The \{environment:ProductNameMVC\} allow you to create jQuery Mobile pages using Razor or ASPX syntax. - [Mobile Popup](#mobile-popup): Popup is a widget that allows you to display HTML content in a popup window. @@ -167,7 +167,7 @@ In the screenshot below you can see the column moving feature woring in immediat ### Related Samples: -[Column moving (igGrid)]({environment:SamplesUrl}/grid/column-moving) +[Column moving (igGrid)](\{environment:SamplesUrl\}/grid/column-moving) ## <a id="datatable-dataset-binding"></a>DataTable and DataSet binding for igGrid and igHierarchicalGrid @@ -195,9 +195,9 @@ When `MergeUnboundColumns` =true and you haven’t set unbound values through `S ### Related Samples: -[Unbound Columns(igGrid)]({environment:SamplesUrl}/grid/unbound-column) +[Unbound Columns(igGrid)](\{environment:SamplesUrl\}/grid/unbound-column) -[Unbound Columns(igHierarchicalGrid)]({environment:SamplesUrl}/hierarchical-grid/unbound-column) +[Unbound Columns(igHierarchicalGrid)](\{environment:SamplesUrl\}/hierarchical-grid/unbound-column) ## <a id="row-edit-template"></a>Row Edit Template diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/20-jquery-whats-new-12-1-landing-page.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/20-jquery-whats-new-12-1-landing-page.mdx index f23e7e7acd..57ab90110a 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/20-jquery-whats-new-12-1-landing-page.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/20-jquery-whats-new-12-1-landing-page.mdx @@ -7,7 +7,7 @@ slug: jquery-whats-new-12-1-landing-page ## New Features -The following table summarizes the new features of {environment:ProductName}™ 2012 Volume 1 release. Additional details are available after the summary table. +The following table summarizes the new features of \{environment:ProductName\}™ 2012 Volume 1 release. Additional details are available after the summary table. - [Hierarchical grid GroupBy](#hierarchical-grid-grouping): The grouping functionality available for flat grids is now fully supported for hierarchical grids. @@ -29,25 +29,25 @@ The following table summarizes the new features of {environment:ProductName - [Charts Motion Framework](#charts-motion-framework): The charting controls support the new Motion Framework which allows chart contents to be animated in different ways. -- [Templating engine for jQuery controls](#templating-engine): The new `igTemplating`™ engine has been added to the {environment:ProductName} bundle. The `igTemplating` engine exposes powerful capabilities to create templates for dynamic text rendering inside jQuery controls. +- [Templating engine for jQuery controls](#templating-engine): The new `igTemplating`™ engine has been added to the \{environment:ProductName\} bundle. The `igTemplating` engine exposes powerful capabilities to create templates for dynamic text rendering inside jQuery controls. - [Mobile list view control](#mobile-list): The new `igListView`™ control provides list display and interaction functionality for jQuery Mobile platform. - [Mobile rating control](#mobile-rating): The new `igRating`™ control for mobile devices has been implemented separately from the existing `igRating` control to address unique requirements of mobile and touch device environments. -- [iOS theme for mobile controls](#mobile-ios-theme): The new iOS theme for iPhone applications has been added to the {environment:ProductName} library to provide better looks for mobile device applications. +- [iOS theme for mobile controls](#mobile-ios-theme): The new iOS theme for iPhone applications has been added to the \{environment:ProductName\} library to provide better looks for mobile device applications. -- [Touch support](#touch-support): All controls in the {environment:ProductName} library had been designed and tested to support touch interface for mobile devices. +- [Touch support](#touch-support): All controls in the \{environment:ProductName\} library had been designed and tested to support touch interface for mobile devices. - [Combo box load on demand](#combo-load-on-demand): Combo box load on demand is a new feature which improves `igCombo`™ performance by loading large sets of remote data on batches and not all at once. - [Support for MVC validation](#mvc-validation): Support for MVC validation using data annotations has been incorporated into combo and editor controls. -- [New jQuery themes & JavaScript resources structure](#themes-resources-structure): All JavaScript and CSS resources in the {environment:ProductName} library have been organized in a new folder structure and some of them have been renamed so that it is easier for developers using the library to figure out the purpose and location of each item. Note that this is a breaking change. +- [New jQuery themes & JavaScript resources structure](#themes-resources-structure): All JavaScript and CSS resources in the \{environment:ProductName\} library have been organized in a new folder structure and some of them have been renamed so that it is easier for developers using the library to figure out the purpose and location of each item. Note that this is a breaking change. - [CSS/JS resources loader](#resources-loader): The new `igLoader` control has been added to allow easier JavaScript and CSS resources loading into web pages and in relation to the new resources structure. -- [Metro theme](#metro-theme): The new Metro theme has been added to allow better integration of {environment:ProductName} controls into the new Metro UI for upcoming versions of Microsoft® Windows®. +- [Metro theme](#metro-theme): The new Metro theme has been added to allow better integration of \{environment:ProductName\} controls into the new Metro UI for upcoming versions of Microsoft® Windows®. ## <a id="hierarchical-grid-grouping"></a> Hierarchical grid GroupBy @@ -103,7 +103,7 @@ The grid editing functionality has been improved to report only net transactions ## <a id="grid-virtualization"></a> Grid Virtualization -The virtualization technology used for better performance when displaying large data sets has been improved to support hierarchical grids and GroupBy mode for hierarchical grids. Now there are two virtualization modes: fixed and continuous. Fixed mode is the existing virtualization embedded in {environment:ProductName} controls. Continuous mode is a new development that supports hierarchical grid and the group by feature to handle situations with variable child row count. +The virtualization technology used for better performance when displaying large data sets has been improved to support hierarchical grids and GroupBy mode for hierarchical grids. Now there are two virtualization modes: fixed and continuous. Fixed mode is the existing virtualization embedded in \{environment:ProductName\} controls. Continuous mode is a new development that supports hierarchical grid and the group by feature to handle situations with variable child row count. ### Related Topics: @@ -144,7 +144,7 @@ On the screenshot below you can see a column chart with three data series. ## <a id="charts-motion-framework"></a> Charts Motion Framework -The Motion Framework for charts allows developers using the {environment:ProductName} chart controls to animate the contents of a chart to increase visual appeal and imply trends or other meaning behind the data. The basic principle behind the framework is that whenever data behind the chart is updated the corresponding API method of the `igDataChart` control is called to initiate chart animation. +The Motion Framework for charts allows developers using the \{environment:ProductName\} chart controls to animate the contents of a chart to increase visual appeal and imply trends or other meaning behind the data. The basic principle behind the framework is that whenever data behind the chart is updated the corresponding API method of the `igDataChart` control is called to initiate chart animation. ### Related Topics: @@ -152,7 +152,7 @@ The Motion Framework for charts allows developers using the {environment:Pr ## <a id="templating-engine"></a> Templating engine for jQuery controls -The new `igTemplating` engine exposes to developers powerful capabilities to create templates for dynamic content rendering inside {environment:ProductName} controls. This engine is used throughout the {environment:ProductName} library instead of the jQuery templating plugin wherever the text in UI elements can be customized to display contents dynamically. On the screenshot below a template is applied on the first two columns of a data grid. +The new `igTemplating` engine exposes to developers powerful capabilities to create templates for dynamic content rendering inside \{environment:ProductName\} controls. This engine is used throughout the \{environment:ProductName\} library instead of the jQuery templating plugin wherever the text in UI elements can be customized to display contents dynamically. On the screenshot below a template is applied on the first two columns of a data grid. ![](images/Whats_New_in_2012_Volume_1_7.png) @@ -182,7 +182,7 @@ The new `igRating` control for mobile devices has been implemented to support mo ## <a id="mobile-ios-theme"></a> iOS theme for mobile controls -The new iOS theme for the mobile {environment:ProductName} controls has been implemented to target mobile devices. Its purpose is to provide more consistent look and better integration into iPhone and iPad mobile and touch capable applications. +The new iOS theme for the mobile \{environment:ProductName\} controls has been implemented to target mobile devices. Its purpose is to provide more consistent look and better integration into iPhone and iPad mobile and touch capable applications. ![](images/Whats_New_in_2012_Volume_1_10.png) @@ -194,7 +194,7 @@ All the Infragistics jQuery controls support touch interaction. New features and ### Related Topics: -- [Touch Support for {environment:ProductName} Controls](//general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx) +- [Touch Support for \{environment:ProductName\} Controls](//general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx) ## <a id="combo-load-on-demand"></a> Combo box load on demand @@ -208,7 +208,7 @@ If Load-on-Demand is enabled, the user should first be able to see a scrollbar i ## <a id="mvc-validation"></a> Support for MVC validation -MVC style validation with data annotations is incorporated into combo and editor controls. That feature allows seamless integration of {environment:ProductName} validation capabilities with existing applications using data annotations. +MVC style validation with data annotations is incorporated into combo and editor controls. That feature allows seamless integration of \{environment:ProductName\} validation capabilities with existing applications using data annotations. ![](images/Whats_New_in_2012_Volume_1_12.png) @@ -218,7 +218,7 @@ MVC style validation with data annotations is incorporated into combo and editor ## <a id="themes-resources-structure"></a> New jQuery themes & JavaScript resources structure -All JavaScript and CSS resources in the {environment:ProductName} library have been organized in a new folder structure and some of them have been renamed so that it is easier for developers using the library to figure out the purpose and location of each item. The new structure allows much faster script and resource loading by allowing applications to load only essentially required resources. Combined and minified version of the resources is still available. +All JavaScript and CSS resources in the \{environment:ProductName\} library have been organized in a new folder structure and some of them have been renamed so that it is easier for developers using the library to figure out the purpose and location of each item. The new structure allows much faster script and resource loading by allowing applications to load only essentially required resources. Combined and minified version of the resources is still available. Note:This is a breaking change. @@ -226,28 +226,28 @@ Note:This is a breaking change. ### Related Topics: -- [JavaScript Files in {environment:ProductName}](//general-and-getting-started/deployment-guide-javascript-files.mdx) -- [Upgrading Projects to the Latest {environment:ProductName} Version](//general-and-getting-started/manually-updating-previous-versions.mdx) +- [JavaScript Files in \{environment:ProductName\}](//general-and-getting-started/deployment-guide-javascript-files.mdx) +- [Upgrading Projects to the Latest \{environment:ProductName\} Version](//general-and-getting-started/manually-updating-previous-versions.mdx) ## <a id="resources-loader"></a> CSS/JS resources loader -The new `igLoader` control has been added to allow easier JavaScript and CSS resources loading into web pages and in relation to the new resources structure. The control automates loading necessary resources and requires the application to specify the location of the {environment:ProductName} JavaScript and CSS files. For pure HTML/jQuery pages it is required to specify which controls and which features will be instantiated on the page, for example. “`igGrid`.*” for all features of the flat grid, or “`igDataChart.Category`” for plotting category charts only. The MVC counterpart of the loader does not require applications to specify needed resources as it automatically detects which scripts and CSS files must be loaded. +The new `igLoader` control has been added to allow easier JavaScript and CSS resources loading into web pages and in relation to the new resources structure. The control automates loading necessary resources and requires the application to specify the location of the \{environment:ProductName\} JavaScript and CSS files. For pure HTML/jQuery pages it is required to specify which controls and which features will be instantiated on the page, for example. “`igGrid`.*” for all features of the flat grid, or “`igDataChart.Category`” for plotting category charts only. The MVC counterpart of the loader does not require applications to specify needed resources as it automatically detects which scripts and CSS files must be loaded. The `igLoader` control is the easiest and recommended way to upgrade from previous versions and prevents the need to specify multiple JS and CSS files in the head part of web pages. ### Related Topics: -- [Upgrading Projects to the Latest {environment:ProductName} Version](//general-and-getting-started/manually-updating-previous-versions.mdx) +- [Upgrading Projects to the Latest \{environment:ProductName\} Version](//general-and-getting-started/manually-updating-previous-versions.mdx) ## <a id="metro-theme"></a> Metro theme -The new Metro theme is a result of research efforts to give native Metro UI look and feel to {environment:ProductName} controls for upcoming versions of Microsoft® Windows®. It aims not only styling and colors but also behavior and touch friendly user interface. On the picture below you can see a flat grid with the Metro theme applied. +The new Metro theme is a result of research efforts to give native Metro UI look and feel to \{environment:ProductName\} controls for upcoming versions of Microsoft® Windows®. It aims not only styling and colors but also behavior and touch friendly user interface. On the picture below you can see a flat grid with the Metro theme applied. ![](images/Whats_New_in_2012_Volume_1_14.png) ### Related Topics: -- [Styling and Theming in {environment:ProductName}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) +- [Styling and Theming in \{environment:ProductName\}](//general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx) diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/21-whats-new-in-2011-volume2.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/21-whats-new-in-2011-volume2.mdx index 2b1374fbe3..ba3b70570f 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/21-whats-new-in-2011-volume2.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/21-whats-new-in-2011-volume2.mdx @@ -6,7 +6,7 @@ slug: whats-new-in-2011-volume2 # What's New in 2011 Volume 2 ## Topic Overview -This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2011 Volume 2. +This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2011 Volume 2. ### In this topic This document contains the following sections: @@ -37,7 +37,7 @@ The `igHierarchicalGrid` control is a new grid control used to render hierarchic [Initializing the igHierarchicalGrid](//controls/ighierarchicalgrid/initializing.mdx) ### <a id="igtree"></a>igTree™ -The {environment:ProductName} 2011 Volume 2 release now features a tree control. The `igTree` control comes equipped with a number of valuable features. The control supports load-on-demand to enable an optimized performance profile. Multiple selection scenarios are supported including bi-state and tri-state selection. The Selection feature is driven by a configurable set of selection options including checkboxes, keyboard input and individual selection. Node images are customizable and you have the option of configuring image through CSS, directly through bindings or by providing explicit URL paths to an image. The control may be created and managed through a pure JavaScript context or via the ASP.NET MVC helper. +The \{environment:ProductName\} 2011 Volume 2 release now features a tree control. The `igTree` control comes equipped with a number of valuable features. The control supports load-on-demand to enable an optimized performance profile. Multiple selection scenarios are supported including bi-state and tri-state selection. The Selection feature is driven by a configurable set of selection options including checkboxes, keyboard input and individual selection. Node images are customizable and you have the option of configuring image through CSS, directly through bindings or by providing explicit URL paths to an image. The control may be created and managed through a pure JavaScript context or via the ASP.NET MVC helper. ![](images/JQuery_Whats_New_11.2_Pic2.png) @@ -45,7 +45,7 @@ The {environment:ProductName} 2011 Volume 2 release now features a tre [Getting Started with igTree](//controls/igtree/getting-started.mdx) ###<a id="igcombobox"></a> igCombo™ -The {environment:ProductName} 2011 Volume 2 release now features a combo control. The `igCombo` control comes equipped with a number of valuable features. User interface virtualization support includes the ability of the control to only create HTML elements for data items that are within the viewable area of the control. As additional data is required beyond what is visible, the control reuses existing HTML elements and keeps the scrollbar position in sync with the relative data position. The auto-complete feature allows users to begin typing in the combo box and matching selections begin to appear within the entry box to allow for easy selection. The auto-suggest feature allows users to begin typing in the entry box and the control will return a list of possible matches based on the entered text for selection. The selection features allow users to select single or multiple items via checkboxes, keyboard input or standard click-selection. +The \{environment:ProductName\} 2011 Volume 2 release now features a combo control. The `igCombo` control comes equipped with a number of valuable features. User interface virtualization support includes the ability of the control to only create HTML elements for data items that are within the viewable area of the control. As additional data is required beyond what is visible, the control reuses existing HTML elements and keeps the scrollbar position in sync with the relative data position. The auto-complete feature allows users to begin typing in the combo box and matching selections begin to appear within the entry box to allow for easy selection. The auto-suggest feature allows users to begin typing in the entry box and the control will return a list of possible matches based on the entered text for selection. The selection features allow users to select single or multiple items via checkboxes, keyboard input or standard click-selection. ![](images/JQuery_Whats_New_11.2_Pic3.png) @@ -67,7 +67,7 @@ The `igGrid` Group By feature allows you to group a series of columns. The grid [Enabling igGrid Outlook GroupBy](//controls/iggrid/features/columns/grouping/enabling-groupby.mdx) ### <a id="column-hiding"></a>igGrid Column Hiding -The {environment:ProductName} 2011 Volume 2 release now includes `igGrid` control column hiding. With this feature, you can hide columns from users before and after the grid is rendered. Further, columns can be hidden either programmatically or using UI elements in the column header. The image below depicts an `igGrid` control with a hidden column. The red arrow is pointing to the hidden column indicator: +The \{environment:ProductName\} 2011 Volume 2 release now includes `igGrid` control column hiding. With this feature, you can hide columns from users before and after the grid is rendered. Further, columns can be hidden either programmatically or using UI elements in the column header. The image below depicts an `igGrid` control with a hidden column. The red arrow is pointing to the hidden column indicator: ![](images/JQuery_Whats_New_11.2_Pic5.png) @@ -75,7 +75,7 @@ The {environment:ProductName} 2011 Volume 2 release now includes `igGr [Enabling Column Hiding](//controls/iggrid/features/columns/hiding/column-hiding-enabling-column-hiding.mdx) ### <a id="column-resizing"></a>igGrid Column Resizing -The {environment:ProductName} 2011 Volume 2 release now includes `igGrid` column resizing. The column resizing feature enables users to change the width of the columns in the grid. The effect of the resizing action can be applied to the grid either after the resize action has finished or simultaneously as it happens. The column resizing functionality has several features that are available for configuration in code including the levels at which resizing is allows– for the entire grid and for individual columns. The image below depicts a grid where the Color column is being resized by the user. +The \{environment:ProductName\} 2011 Volume 2 release now includes `igGrid` column resizing. The column resizing feature enables users to change the width of the columns in the grid. The effect of the resizing action can be applied to the grid either after the resize action has finished or simultaneously as it happens. The column resizing functionality has several features that are available for configuration in code including the levels at which resizing is allows– for the entire grid and for individual columns. The image below depicts a grid where the Color column is being resized by the user. ![](images/JQuery_Whats_New_11.2_Pic6.png) @@ -83,7 +83,7 @@ The {environment:ProductName} 2011 Volume 2 release now includes `igGr [igGrid Column Resizing](//controls/iggrid/features/columns/column-resizing.mdx) ### <a id="row-selectors"></a>igGrid Row Selectors -The {environment:ProductName} 2011 Volume 2 release now includes `igGrid` row selectors. The row selectors feature exposes options to enable checkboxes, row numbering and combine with the multiple selection feature of `igGrid` control (see the image below): +The \{environment:ProductName\} 2011 Volume 2 release now includes `igGrid` row selectors. The row selectors feature exposes options to enable checkboxes, row numbering and combine with the multiple selection feature of `igGrid` control (see the image below): ![](images/JQuery_Whats_New_11.2_Pic7.png) @@ -91,7 +91,7 @@ The {environment:ProductName} 2011 Volume 2 release now includes `igGr [Enabling Row Selectors](../../02_Controls/igGrid/03_Features/02_Row Selectors/00_igGrid_Enabling_Row_Selectors.mdx) ### <a id="tooltips"></a>igGrid Tooltips -The {environment:ProductName} 2011 Volume 2 release now includes `igGrid` tooltips. This feature enables tooltips to appear over grid cells. The purpose of the tooltips is to make the whole cell content visible and enable users to select and copy the text that is inside the tooltip container. +The \{environment:ProductName\} 2011 Volume 2 release now includes `igGrid` tooltips. This feature enables tooltips to appear over grid cells. The purpose of the tooltips is to make the whole cell content visible and enable users to select and copy the text that is inside the tooltip container. ![](images/JQuery_Whats_New_11.2_Pic8.png) @@ -99,7 +99,7 @@ The {environment:ProductName} 2011 Volume 2 release now includes `igGr [Enabling igGrid Tooltips](//controls/iggrid/features/tooltips/enabling-tooltips.mdx) ### <a id="column-summaries"></a>igGrid Column Summaries -The {environment:ProductName} 2011 Volume 2 release now includes `igGrid` column summaries. The column summaries feature exposes the option to calculate summaries based on column data. The grid includes a number of default summary functions, as well as giving you the ability to define custom functions to calculate the summaries. Further, options exist which allow you to choose whether summaries are calculated remotely or local. The following image depicts a grid with summaries enabled. +The \{environment:ProductName\} 2011 Volume 2 release now includes `igGrid` column summaries. The column summaries feature exposes the option to calculate summaries based on column data. The grid includes a number of default summary functions, as well as giving you the ability to define custom functions to calculate the summaries. Further, options exist which allow you to choose whether summaries are calculated remotely or local. The following image depicts a grid with summaries enabled. ![](images/JQuery_Whats_New_11.2_Pic9.png) @@ -107,7 +107,7 @@ The {environment:ProductName} 2011 Volume 2 release now includes `igGr [Enabling Column Summaries](../../02_Controls/igGrid/03_Features/00_Columns/05_Summaries/00_igGrid_Enabling _Column_Summaries.mdx) ### <a id="metadata"></a>igGrid Model Metadata enhancement -The {environment:ProductName} 2011 Volume 2 release now includes the ability of the `igGrid` MVC helper to recognize the `DisplayName` attribute. Use of the `DisplayName` attribute allows the MVC helper to automatically use this attribute as `headerText` for a specified column. Keep in mind that if `headerText` is set explicitly in the grid, the value from the `DisplayName` is overwritten. The following example shows simple model and `igGrid` which automatically binds the `headerText` to the `DisplayName` attribute value. +The \{environment:ProductName\} 2011 Volume 2 release now includes the ability of the `igGrid` MVC helper to recognize the `DisplayName` attribute. Use of the `DisplayName` attribute allows the MVC helper to automatically use this attribute as `headerText` for a specified column. Keep in mind that if `headerText` is set explicitly in the grid, the value from the `DisplayName` is overwritten. The following example shows simple model and `igGrid` which automatically binds the `headerText` to the `DisplayName` attribute value. diff --git a/docs/jquery/src/content/en/topics/whats-new/revision-history/jquery-whats-new-revision-history.mdx b/docs/jquery/src/content/en/topics/whats-new/revision-history/jquery-whats-new-revision-history.mdx index 9aa1435b2c..fd277bea46 100644 --- a/docs/jquery/src/content/en/topics/whats-new/revision-history/jquery-whats-new-revision-history.mdx +++ b/docs/jquery/src/content/en/topics/whats-new/revision-history/jquery-whats-new-revision-history.mdx @@ -7,55 +7,55 @@ slug: jquery-whats-new-revision-history ### Introduction -The topics referred below provide information about what new controls and features are introduced in earlier versions of the {environment:ProductName}™ library of controls. +The topics referred below provide information about what new controls and features are introduced in earlier versions of the \{environment:ProductName\}™ library of controls. ### Topics Detailed information regarding what new controls and features are introduced is covered in the following topics: -- [What's New in 2023 Volume 2](/whats-new-in-2023-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2023 Volume 2. +- [What's New in 2023 Volume 2](/whats-new-in-2023-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2023 Volume 2. -- [What's New in 2022 Volume 2](/whats-new-in-2022-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2022 Volume 2. +- [What's New in 2022 Volume 2](/whats-new-in-2022-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2022 Volume 2. -- [What's New in 2022 Volume 1](/whats-new-in-2022-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2022 Volume 1. +- [What's New in 2022 Volume 1](/whats-new-in-2022-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2022 Volume 1. -- [What's New in 2021 Volume 2](/whats-new-in-2021-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2021 Volume 2. +- [What's New in 2021 Volume 2](/whats-new-in-2021-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2021 Volume 2. -- [What's New in 2021 Volume 1](/whats-new-in-2021-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2021 Volume 1. +- [What's New in 2021 Volume 1](/whats-new-in-2021-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2021 Volume 1. -- [What's New in 2020 Volume 2](/whats-new-in-2020-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2020 Volume 2. +- [What's New in 2020 Volume 2](/whats-new-in-2020-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2020 Volume 2. -- [What's New in 2019 Volume 2](/whats-new-in-2019-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2019 Volume 2. +- [What's New in 2019 Volume 2](/whats-new-in-2019-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2019 Volume 2. -- [What's New in 2018 Volume 2](/whats-new-in-2018-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2018 Volume 2. +- [What's New in 2018 Volume 2](/whats-new-in-2018-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2018 Volume 2. -- [What's New in 2018 Volume 1](/whats-new-in-2018-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2018 Volume 1. +- [What's New in 2018 Volume 1](/whats-new-in-2018-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2018 Volume 1. -- [What's New in 2017 Volume 2](/whats-new-in-2017-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2017 Volume 2. +- [What's New in 2017 Volume 2](/whats-new-in-2017-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2017 Volume 2. -- [What's New in 2017 Volume 1](/whats-new-in-2017-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2017 Volume 1. +- [What's New in 2017 Volume 1](/whats-new-in-2017-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2017 Volume 1. -- [What's New in 2016 Volume 2](/whats-new-in-2016-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2016 Volume 2. +- [What's New in 2016 Volume 2](/whats-new-in-2016-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2016 Volume 2. -- [What's New in 2016 Volume 1](/whats-new-in-2016-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2016 Volume 1. +- [What's New in 2016 Volume 1](/whats-new-in-2016-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2016 Volume 1. -- [What's New in 2015 Volume 2](/whats-new-in-2015-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2015 Volume 2. +- [What's New in 2015 Volume 2](/whats-new-in-2015-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2015 Volume 2. -- [What's New in 2015 Volume 1](/whats-new-in-2015-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2015 Volume 1. +- [What's New in 2015 Volume 1](/whats-new-in-2015-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2015 Volume 1. -- [What's New in 2014 Volume 2](/whats-new-in-2014-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2014 Volume 2. +- [What's New in 2014 Volume 2](/whats-new-in-2014-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2014 Volume 2. -- [What's New in 2014 Volume 1](/whats-new-in-2014-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2014 Volume 1. +- [What's New in 2014 Volume 1](/whats-new-in-2014-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2014 Volume 1. -- [What’s New in 2013 Volume 2](/whats-new-in-2013-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2013 Volume 2. +- [What’s New in 2013 Volume 2](/whats-new-in-2013-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2013 Volume 2. -- [What’s New in 2013 Volume 1](/whats-new-in-2013-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2013 Volume 1. +- [What’s New in 2013 Volume 1](/whats-new-in-2013-volume1.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2013 Volume 1. -- [What’s New in 2012 Volume 2](/whats-new-in-2012-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2012 Volume 2. +- [What’s New in 2012 Volume 2](/whats-new-in-2012-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2012 Volume 2. -- [What’s New in 2012 Volume 1](/jquery-whats-new-12-1-landing-page.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2012 Volume 1. +- [What’s New in 2012 Volume 1](/jquery-whats-new-12-1-landing-page.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2012 Volume 1. -- [What's New in 2011 Volume 2](/whats-new-in-2011-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the {environment:ProductName}™ 2011 Volume 2. +- [What's New in 2011 Volume 2](/whats-new-in-2011-volume2.mdx): This topic provides an overview of the new functionalities and components introduced with the \{environment:ProductName\}™ 2011 Volume 2. diff --git a/docs/jquery/src/content/ja/topics/angularjs-directives/angularjs-directives.mdx b/docs/jquery/src/content/ja/topics/angularjs-directives/angularjs-directives.mdx index 762fa4d8b4..ce4be09e99 100644 --- a/docs/jquery/src/content/ja/topics/angularjs-directives/angularjs-directives.mdx +++ b/docs/jquery/src/content/ja/topics/angularjs-directives/angularjs-directives.mdx @@ -4,14 +4,15 @@ slug: angularjs-directives --- # AngularJS ディレクティブ + ## このグループのトピックについて ### 概要 -AngularJS アプリケーションで {environment:ProductName}® コントロールを使用する場合に、AngularJS 用の {environment:ProductName}® ディレクティブによりデータ バインディングとビューの宣言型プログラミングを利用できます。最新のソースとサンプルは、[{environment:ProductName} の GitHub リポジトリ](https://github.com/IgniteUI/igniteui-angularjs)から入手できます。 +AngularJS アプリケーションで \{environment:ProductName\}® コントロールを使用する場合に、AngularJS 用の \{environment:ProductName\}® ディレクティブによりデータ バインディングとビューの宣言型プログラミングを利用できます。最新のソースとサンプルは、[\{environment:ProductName\} の GitHub リポジトリ](https://github.com/IgniteUI/igniteui-angularjs)から入手できます。 ### トピック -- [AngularJS での {environment:ProductName} の使用](/using-ignite-ui-with-angularjs) - このトピックでは、AngularJS の {environment:ProductName} ディレクティブの使用方法の概要を説明します。 -- [AngularJS を使用した条件付きテンプレート化および高度なテンプレート化](/conditional-and-advanced-templating-with-angularjs) - このトピックでは、条件付きテンプレートの使用方法と、AngularJS の {environment:ProductName} ディレクティブを使用して作成されたコントロールをカイタマイズするための高度なテンプレート化の方法について説明します。 -- [AngularJS サンプル](/angularjs-samples) - このトピックは、AngularJS の {environment:ProductName} ディレクティブを使用するサンプルを含みます。 \ No newline at end of file +- [AngularJS での \{environment:ProductName\} の使用](/using-ignite-ui-with-angularjs) - このトピックでは、AngularJS の \{environment:ProductName\} ディレクティブの使用方法の概要を説明します。 +- [AngularJS を使用した条件付きテンプレート化および高度なテンプレート化](/conditional-and-advanced-templating-with-angularjs) - このトピックでは、条件付きテンプレートの使用方法と、AngularJS の \{environment:ProductName\} ディレクティブを使用して作成されたコントロールをカイタマイズするための高度なテンプレート化の方法について説明します。 +- [AngularJS サンプル](/angularjs-samples) - このトピックは、AngularJS の \{environment:ProductName\} ディレクティブを使用するサンプルを含みます。 \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/angularjs-directives/angularjs-samples.mdx b/docs/jquery/src/content/ja/topics/angularjs-directives/angularjs-samples.mdx index 4df3b411b9..c402eab3ac 100644 --- a/docs/jquery/src/content/ja/topics/angularjs-directives/angularjs-samples.mdx +++ b/docs/jquery/src/content/ja/topics/angularjs-directives/angularjs-samples.mdx @@ -6,7 +6,7 @@ slug: angularjs-samples # AngularJS サンプル ## トピックの概要 -このトピックは、AngularJS の {environment:ProductFamilyName} ディレクティブのサンプルについて説明します。 +このトピックは、AngularJS の \{environment:ProductFamilyName\} ディレクティブのサンプルについて説明します。 ### このトピックの内容 @@ -40,8 +40,8 @@ slug: angularjs-samples ### <a id="requirements"></a>要件 このサンプルを実行するために以下が必要です。 -- 必要となる {environment:ProductName} の JavaScript と CSS ファイル -- {environment:ProductFamilyName} AngularJS ディレクティブ +- 必要となる \{environment:ProductName\} の JavaScript と CSS ファイル +- \{environment:ProductFamilyName\} AngularJS ディレクティブ ### <a id="grid_sample"></a>グリッド サンプル このサンプルは、`igGrid` を AngularJS で使用する方法を示します。 @@ -50,7 +50,7 @@ slug: angularjs-samples 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/grid/angular]({environment:SamplesEmbedUrl}/grid/angular) + [\{environment:SamplesEmbedUrl\}/grid/angular](\{environment:SamplesEmbedUrl\}/grid/angular) </div> #### <a id="grid_sample_details"></a>詳細 @@ -63,7 +63,7 @@ slug: angularjs-samples 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/editors/angular]({environment:SamplesEmbedUrl}/editors/angular) + [\{environment:SamplesEmbedUrl\}/editors/angular](\{environment:SamplesEmbedUrl\}/editors/angular) </div> #### <a id="editors_sample_details"></a>詳細 @@ -76,7 +76,7 @@ slug: angularjs-samples 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/tile-manager/angular]({environment:SamplesEmbedUrl}/tile-manager/angular) + [\{environment:SamplesEmbedUrl\}/tile-manager/angular](\{environment:SamplesEmbedUrl\}/tile-manager/angular) </div> #### <a id="tile_manager_sample_details"></a>詳細 @@ -89,7 +89,7 @@ slug: angularjs-samples 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/dialog-window/angular]({environment:SamplesEmbedUrl}/dialog-window/angular) + [\{environment:SamplesEmbedUrl\}/dialog-window/angular](\{environment:SamplesEmbedUrl\}/dialog-window/angular) </div> #### <a id="dialog_window_sample_details"></a>詳細 @@ -102,7 +102,7 @@ slug: angularjs-samples 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/tree-control/angular]({environment:SamplesEmbedUrl}/tree-control/angular) + [\{environment:SamplesEmbedUrl\}/tree-control/angular](\{environment:SamplesEmbedUrl\}/tree-control/angular) </div> #### <a id="tree_sample_details"></a>詳細 @@ -115,7 +115,7 @@ slug: angularjs-samples 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/map/angular]({environment:SamplesEmbedUrl}/map/angular) + [\{environment:SamplesEmbedUrl\}/map/angular](\{environment:SamplesEmbedUrl\}/map/angular) </div> #### <a id="map_sample_details"></a>詳細 @@ -128,7 +128,7 @@ slug: angularjs-samples 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/layout-manager/angular]({environment:SamplesEmbedUrl}/layout-manager/angular) + [\{environment:SamplesEmbedUrl\}/layout-manager/angular](\{environment:SamplesEmbedUrl\}/layout-manager/angular) </div> #### <a id="lm_details"></a>詳細 @@ -141,7 +141,7 @@ slug: angularjs-samples 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/data-chart/angular]({environment:SamplesEmbedUrl}/data-chart/angular) + [\{environment:SamplesEmbedUrl\}/data-chart/angular](\{environment:SamplesEmbedUrl\}/data-chart/angular) </div> #### <a id="dchart_details"></a>詳細 @@ -150,5 +150,5 @@ slug: angularjs-samples ### <a id="related_content"></a>関連コンテンツ このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [AngularJS で {environment:ProductFamilyName} の使用](/using-ignite-ui-with-angularjs) - このトピックでは、AngularJS の {environment:ProductFamilyName} ディレクティブの使用方法の概要を説明します。 -- [AngularJS を使用した条件付きテンプレート化および高度なテンプレート化](/conditional-and-advanced-templating-with-angularjs) - このトピックでは、条件付きテンプレートの使用方法と、AngularJS の {environment:ProductFamilyName} ディレクティブを使用して作成されたコントロールをカスタマイズするための高度なテンプレート化の方法について説明します。 +- [AngularJS で \{environment:ProductFamilyName\} の使用](/using-ignite-ui-with-angularjs) - このトピックでは、AngularJS の \{environment:ProductFamilyName\} ディレクティブの使用方法の概要を説明します。 +- [AngularJS を使用した条件付きテンプレート化および高度なテンプレート化](/conditional-and-advanced-templating-with-angularjs) - このトピックでは、条件付きテンプレートの使用方法と、AngularJS の \{environment:ProductFamilyName\} ディレクティブを使用して作成されたコントロールをカスタマイズするための高度なテンプレート化の方法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/angularjs-directives/conditional-and-advanced-templating-with-angularjs.mdx b/docs/jquery/src/content/ja/topics/angularjs-directives/conditional-and-advanced-templating-with-angularjs.mdx index 7438eb119e..13c0c40c37 100644 --- a/docs/jquery/src/content/ja/topics/angularjs-directives/conditional-and-advanced-templating-with-angularjs.mdx +++ b/docs/jquery/src/content/ja/topics/angularjs-directives/conditional-and-advanced-templating-with-angularjs.mdx @@ -3,20 +3,22 @@ title: "AngularJS を使用した条件付きテンプレート化および高 slug: conditional-and-advanced-templating-with-angularjs --- +# AngularJS を使用した条件付きテンプレート化および高度なテンプレート化 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #AngularJS を使用した条件付きテンプレート化および高度なテンプレート化 ##トピックの概要 -このトピックでは、条件付きテンプレートの使用方法と、AngularJS の {environment:ProductName} ディレクティブを使用して作成されたコントロールをカイタマイズするための高度なテンプレート化の方法について説明します。 +このトピックでは、条件付きテンプレートの使用方法と、AngularJS の \{environment:ProductName\} ディレクティブを使用して作成されたコントロールをカイタマイズするための高度なテンプレート化の方法について説明します。 ### 前提条件 以下の表は、このトピックを理解するための前提条件として必要な概念、トピック、および記事の一覧です。 - トピック - - [AngularJS での {environment:ProductName} の使用](/using-ignite-ui-with-angularjs) + - [AngularJS での \{environment:ProductName\} の使用](/using-ignite-ui-with-angularjs) - [Infragistics テンプレート エンジン](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) - 概念 @@ -42,7 +44,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="introduction"></a>概要 -{environment:ProductName} コントロールは、テンプレート化の処理にデフォルトで [Infragistics テンプレート エンジン](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) を使用するため、特に宣言によってAngular アプリケーション内に {environment:ProductName} コントロールを作成する際に考慮が必要ないくつかの特徴があります。テンプレート エンジンは、`${property}` 表記を使用した一般的な置換と、二重の波括弧を使用した **条件付き演算と反復演算** (例: `{{condition / loop}}` ) の両方をサポートします。しかし後者は、バインディングと同じ構文を使用するため Angular の [式](https://docs.angularjs.org/guide/expression) の評価と直接競合ため、そのようなテンプレートを認識し、解析しようとします。これは、構文とコンテキストとの違いによって例外が発生する場合もあり、ほとんど予想される効果がありません。エラーにならない場合でも、コントロールのレンダリング処理実行時の評価で使用するテンプレートのマークアップを変更する可能性があります。このトピックでは、宣言に複合テンプレートを使用する別な方法と、異なるエンジン間でテンプレート処理全体をカスタマイズする方法を紹介します。 +\{environment:ProductName\} コントロールは、テンプレート化の処理にデフォルトで [Infragistics テンプレート エンジン](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) を使用するため、特に宣言によってAngular アプリケーション内に \{environment:ProductName\} コントロールを作成する際に考慮が必要ないくつかの特徴があります。テンプレート エンジンは、`${property}` 表記を使用した一般的な置換と、二重の波括弧を使用した **条件付き演算と反復演算** (例: `{{condition / loop}}` ) の両方をサポートします。しかし後者は、バインディングと同じ構文を使用するため Angular の [式](https://docs.angularjs.org/guide/expression) の評価と直接競合ため、そのようなテンプレートを認識し、解析しようとします。これは、構文とコンテキストとの違いによって例外が発生する場合もあり、ほとんど予想される効果がありません。エラーにならない場合でも、コントロールのレンダリング処理実行時の評価で使用するテンプレートのマークアップを変更する可能性があります。このトピックでは、宣言に複合テンプレートを使用する別な方法と、異なるエンジン間でテンプレート処理全体をカスタマイズする方法を紹介します。 ### <a id="context-and-scope"></a>コンテキストとスコープ @@ -106,11 +108,11 @@ ig-combo> ### <a id="external-templates"></a>外部テンプレート -競合に対処する最も簡単な方法は、`ng-app` ディレクティブの外側にテンプレートを定義することですが、その場合テンプレートを {environment:ProductName} ディレクティブ オプションの一部とすることができません。それでも、外部テンプレートの使用から適切な効果を得ることができます。たとえば、コードを読みやすくする、またはコントロール間でテンプレートを共有できるようになります。どちらの場合も必要なのは、コントロールの初期化に使用するテンプレートをディレクティブが認識できることと、スコープ メソッドを使用できることです。 +競合に対処する最も簡単な方法は、`ng-app` ディレクティブの外側にテンプレートを定義することですが、その場合テンプレートを \{environment:ProductName\} ディレクティブ オプションの一部とすることができません。それでも、外部テンプレートの使用から適切な効果を得ることができます。たとえば、コードを読みやすくする、またはコントロール間でテンプレートを共有できるようになります。どちらの場合も必要なのは、コントロールの初期化に使用するテンプレートをディレクティブが認識できることと、スコープ メソッドを使用できることです。 ### <a id="scope-method"></a>スコープ メソッドの使用 -Angular のスコープ内に定義された関数は、オプションの評価を通してテンプレート値の提供に使用できます。初期化のための複合タスクの実行もドキュメント内に定義されたテンプレートへのアクセスも提供することができます。コントロールによっては、テンプレート自体の提供、またはテンプレート (`igDataChart` など) を確認できるID の提供のいずれかを選択できる場合もありますが、{environment:ProductName} ディレクティブは、後の処理のために `getHtml()` 関数をスコープに登録します。 +Angular のスコープ内に定義された関数は、オプションの評価を通してテンプレート値の提供に使用できます。初期化のための複合タスクの実行もドキュメント内に定義されたテンプレートへのアクセスも提供することができます。コントロールによっては、テンプレート自体の提供、またはテンプレート (`igDataChart` など) を確認できるID の提供のいずれかを選択できる場合もありますが、\{environment:ProductName\} ディレクティブは、後の処理のために `getHtml()` 関数をスコープに登録します。 **JavaScript の場合:** ```js @@ -178,13 +180,13 @@ script> </ig-grid> ``` -この機能を使用するには、ページ上で jsRender スクリプトを参照する必要があります。これは、**その他のコントロールに影響がない**という点に注意してください。その他のコントロールのテンプレートはデフォルトで {environment:ProductName} によって処理され、デフォルトの構文に従います。jsRender は二重の波括弧を多く使用するため、Angular との競合を避けるために前述した同じ手法を適用します。さらに、ディレクティブ内のネストされたオプションであっても、追加のマークアップや書式設定のない単一のプロパティ (`template="{{>UnitPrice}}"` など) の代入として評価する式と認識されます。 +この機能を使用するには、ページ上で jsRender スクリプトを参照する必要があります。これは、**その他のコントロールに影響がない**という点に注意してください。その他のコントロールのテンプレートはデフォルトで \{environment:ProductName\} によって処理され、デフォルトの構文に従います。jsRender は二重の波括弧を多く使用するため、Angular との競合を避けるために前述した同じ手法を適用します。さらに、ディレクティブ内のネストされたオプションであっても、追加のマークアップや書式設定のない単一のプロパティ (`template="{{>UnitPrice}}"` など) の代入として評価する式と認識されます。 -**関連サンプル:**[jsRender の結合]({environment:NewSamplesUrl}/grid/jsrender-integration) +**関連サンプル:**[jsRender の結合](\{environment:NewSamplesUrl\}/grid/jsrender-integration) ### <a id="overriding-templating"></a>テンプレート関数のオーバーライド -その他のカスタマイズ オプションが使用できない高度なシナリオでは、メインのテンプレート関数をオーバーライドすることもできます。この機能は **{environment:ProductName} 14.1 以降のバージョン**でのみ可能です。`tmpl` は Infragistics テンプレート エンジンのメイン関数です。`$.ig` 名前空間オブジェクトの下でグローバルに定義されています。この関数は関連するすべての {environment:ProductName} コントロールによって呼び出され、テンプレートとデータ オブジェクトの両方を受け取ります。 +その他のカスタマイズ オプションが使用できない高度なシナリオでは、メインのテンプレート関数をオーバーライドすることもできます。この機能は **\{environment:ProductName\} 14.1 以降のバージョン**でのみ可能です。`tmpl` は Infragistics テンプレート エンジンのメイン関数です。`$.ig` 名前空間オブジェクトの下でグローバルに定義されています。この関数は関連するすべての \{environment:ProductName\} コントロールによって呼び出され、テンプレートとデータ オブジェクトの両方を受け取ります。 **JavaScript の場合:** ```js @@ -200,7 +202,7 @@ $.ig.tmpl = function (template, data) { Angular の構文を使用する場合、html で式を評価する方法として、コンパイルおよびサービスの補完の 2 つの方法があります。テンプレート関数の文字列出力要件によって、実質的に [`$compile`](https://docs.angularjs.org/api/ng/service//$compile) サービスをカスタム テンプレートのオプションから除外します (コンパイルされたテンプレートやリンクされたテンプレートをアクティブ化する時間がないため)。また、[`$interpolate`](https://docs.angularjs.org/api/ng/service//$interpolate) サービスはマークアップ内の式を即座に評価し、値を直接置換します。そのようなテンプレート ソリューションを作成するには、グローバル関数からアクセスできる `$scope` リファレンスが必要です。また、渡されたデータ項目を Angular アプリケーションのスコープ内で一致させ評価できるようにする必要がありますが、描画するごとにスコープ メソッドからロジックを実行することはできます。 ->**注:** テンプレート関数のオーバーライドは、アプリケーション内のすべてのアクティブな {environment:ProductName} コントロールに適用されるため、新しい関数が {environment:ProductName} コントロール以外のコントロールのテンプレートも処理できなければならないことに注意してください。テンプレート エンジンの変更は、すべてのコントロールのテンプレートを変更し、新しい構文に一致させる必要があることを意味します。 +>**注:** テンプレート関数のオーバーライドは、アプリケーション内のすべてのアクティブな \{environment:ProductName\} コントロールに適用されるため、新しい関数が \{environment:ProductName\} コントロール以外のコントロールのテンプレートも処理できなければならないことに注意してください。テンプレート エンジンの変更は、すべてのコントロールのテンプレートを変更し、新しい構文に一致させる必要があることを意味します。 ## <a id="related-content"></a>関連コンテンツ @@ -208,7 +210,7 @@ Angular の構文を使用する場合、html で式を評価する方法とし このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [異なるテンプレート エンジンの {environment:ProductName} での使用](http://www.infragistics.com/community/blogs/marina_stoyanova/archive/2014/05/30/using-different-template-engines-with-ignite-ui-controls.aspx) +- [異なるテンプレート エンジンの \{environment:ProductName\} での使用](http://www.infragistics.com/community/blogs/marina_stoyanova/archive/2014/05/30/using-different-template-engines-with-ignite-ui-controls.aspx) - [jsRender の結合](/iggrid-jsrender-integration) ### <a id="samples"></a>サンプル diff --git a/docs/jquery/src/content/ja/topics/angularjs-directives/using-ignite-ui-with-angularjs.mdx b/docs/jquery/src/content/ja/topics/angularjs-directives/using-ignite-ui-with-angularjs.mdx index e9cfa02670..6ddd287048 100644 --- a/docs/jquery/src/content/ja/topics/angularjs-directives/using-ignite-ui-with-angularjs.mdx +++ b/docs/jquery/src/content/ja/topics/angularjs-directives/using-ignite-ui-with-angularjs.mdx @@ -1,22 +1,24 @@ --- -title: "AngularJS での {environment:ProductName} の使用" +title: "AngularJS での {environment:ProductName} の使用" slug: using-ignite-ui-with-angularjs --- +# AngularJS での \{environment:ProductName\} の使用 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; -#AngularJS での {environment:ProductName} の使用 +#AngularJS での \{environment:ProductName\} の使用 ##トピックの概要 -このトピックでは、AngularJS 用に {environment:ProductName} ディレクティブを使用する方法の概要を説明します。 +このトピックでは、AngularJS 用に \{environment:ProductName\} ディレクティブを使用する方法の概要を説明します。 ### 前提条件 以下の表は、このトピックを理解するための前提条件として必要な概念、トピック、および記事の一覧です。 - トピック - - [{environment:ProductName} の概要](/igniteui-for-jquery-overview) + - [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) - 概念 - [AngularJS の概念的な概要](https://docs.angularjs.org/guide/concepts) @@ -33,7 +35,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [スコープ オプション](#scope-options) - [イベント](#events) - [オプション評価](#options-evaluation) -- [**{environment:ProductName} を使用した Angular アプリケーションの作成**](#creating-angular-app) +- [**\{environment:ProductName\} を使用した Angular アプリケーションの作成**](#creating-angular-app) - [要件](#requirements) - [手順](#steps) - [**データ バインディング**](#data-binding) @@ -49,15 +51,15 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="introduction"></a>概要 -AngularJS アプリケーションで {environment:ProductName}® コントロールを使用する場合に、[AngularJS 用の {environment:ProductName}® ディレクティブ](https://github.com/IgniteUI/igniteui-angularjs)によりデータ バインディングと宣言型プログラミングを利用できます。 +AngularJS アプリケーションで \{environment:ProductName\}® コントロールを使用する場合に、[AngularJS 用の \{environment:ProductName\}® ディレクティブ](https://github.com/IgniteUI/igniteui-angularjs)によりデータ バインディングと宣言型プログラミングを利用できます。 -各ディレクティブは、`igniteui-angular.js` ファイル内の *'igniteui-directives'* と呼ばれる個別のモジュールとして利用できます。それらは HTML マーカーで AngularJS を拡張し、AngularJS により提供されるコンテキスト (スコープ) 内で、{environment:ProductName} コントロールを初期化しバインディングします。 +各ディレクティブは、`igniteui-angular.js` ファイル内の *'igniteui-directives'* と呼ばれる個別のモジュールとして利用できます。それらは HTML マーカーで AngularJS を拡張し、AngularJS により提供されるコンテキスト (スコープ) 内で、\{environment:ProductName\} コントロールを初期化しバインディングします。 ->**注:** ディレクティブは、ロードされた {environment:ProductName} ウィジェットに基づき動的に登録されます。したがって、正しいスクリプトのみがページにロードされるように、できれば未使用のウィジェットをロードしないように注意してください。 +>**注:** ディレクティブは、ロードされた \{environment:ProductName\} ウィジェットに基づき動的に登録されます。したがって、正しいスクリプトのみがページにロードされるように、できれば未使用のウィジェットをロードしないように注意してください。 ## <a id="directives"></a>ディレクティブ -Angular は、1 つのビヘイビアに対するディレクティブの記述や異なる宣言的なアプローチを正規化する非常に柔軟な構文を提供するため、複数の方法でコントロールとそのオプションを初期化することができます。Angular アプリケーションで {environment:ProductName} の初期化を可能にする複数のオプションがあります。カスタム タグ要素の `<control-name>`、`<div data-control-name>` のような属性、またはクラス名 `<div class=”control-name”>` を使用できます。これらの各アプローチは、コントロール ディレクティブと一致し、同じ結果を得ることができます。つまり、以下の各定義のすべてが `igRating` コントロールを初期化します。 +Angular は、1 つのビヘイビアに対するディレクティブの記述や異なる宣言的なアプローチを正規化する非常に柔軟な構文を提供するため、複数の方法でコントロールとそのオプションを初期化することができます。Angular アプリケーションで \{environment:ProductName\} の初期化を可能にする複数のオプションがあります。カスタム タグ要素の `<control-name>`、`<div data-control-name>` のような属性、またはクラス名 `<div class=”control-name”>` を使用できます。これらの各アプローチは、コントロール ディレクティブと一致し、同じ結果を得ることができます。つまり、以下の各定義のすべてが `igRating` コントロールを初期化します。 **HTML の場合:** @@ -67,12 +69,12 @@ Angular は、1 つのビヘイビアに対するディレクティブの記述 <div class="ig-rating"></div> ``` -読みやすくするために、クラス上でタグや属性を使用することをお勧めします。Angular は他の区切り文字を正規化しますが、{environment:ProductName} の Angular ディレクティブではコントロール名をダッシュで区切り、小文字で記述することもお勧めします。 +読みやすくするために、クラス上でタグや属性を使用することをお勧めします。Angular は他の区切り文字を正規化しますが、\{environment:ProductName\} の Angular ディレクティブではコントロール名をダッシュで区切り、小文字で記述することもお勧めします。 ## <a id="options"></a>オプション -ディレクティブ用に提供されるすべてのオプションは、作成用の {environment:ProductName} ウィジェットでの使用を意図しています。したがって適用可能なすべてのオプションは、[{environment:ProductName} API リファレンス](https://jp.igniteui.com/help/api/2025.1/) で確認することができます。オプションの定義には、ビューでの宣言またはスコープ内でのオブジェクトという 2 つの 相互排他的な方法があります。 +ディレクティブ用に提供されるすべてのオプションは、作成用の \{environment:ProductName\} ウィジェットでの使用を意図しています。したがって適用可能なすべてのオプションは、[\{environment:ProductName\} API リファレンス](https://jp.igniteui.com/help/api/2025.1/) で確認することができます。オプションの定義には、ビューでの宣言またはスコープ内でのオブジェクトという 2 つの 相互排他的な方法があります。 ### <a id="declarative-options"></a>宣言によるオプション @@ -133,11 +135,11 @@ app.controller('treeController', }; }]); ``` -これらはユーザーにとって親しみやすいオプションで、AngularJS でビューからの正規化が必要ないだけでなく、[{environment:ProductName} API](https://jp.igniteui.com/help/api/2025.1/ui.igtree) をコントローラーで簡単に使用できるようにします。 +これらはユーザーにとって親しみやすいオプションで、AngularJS でビューからの正規化が必要ないだけでなく、[\{environment:ProductName\} API](https://jp.igniteui.com/help/api/2025.1/ui.igtree) をコントローラーで簡単に使用できるようにします。 ### <a id="events"></a>イベント -[{environment:ProductName} イベントを処理](/using-events-in-igniteui-for-jquery)する標準的な方法は他にもありますが、ディレクティブは `event-` の接頭辞を持つ属性として、宣言的に定義されたハンドラをバインドすることもできます。イベントの名前は、オプションで **小文字およびダッシュで区切り、小文字で記述する**命名規則に従います。たとえば、以下のコードリストは `igVideoPlayer` の <ApiLink type="igvideoplayer" member="ended" section="events" label="ended" /> イベントを宣言する方法を示しています。 +[\{environment:ProductName\} イベントを処理](/using-events-in-igniteui-for-jquery)する標準的な方法は他にもありますが、ディレクティブは `event-` の接頭辞を持つ属性として、宣言的に定義されたハンドラをバインドすることもできます。イベントの名前は、オプションで **小文字およびダッシュで区切り、小文字で記述する**命名規則に従います。たとえば、以下のコードリストは `igVideoPlayer` の <ApiLink type="igvideoplayer" member="ended" section="events" label="ended" /> イベントを宣言する方法を示しています。 **HTML の場合:** ```html @@ -152,7 +154,7 @@ function ($scope) { } }]); ``` ->**注:** {environment:ProductName} にはユーザーとの対話に関連した多くのイベントがありますが、コントロールを API により操作する場合は起動しないように注意してください。ディレクティブはデータのバインドにAPI メソッドを使用します。たとえば、`igCombo` コントロールの <ApiLink type="igcombo" member="activeItemChanged" section="events" label="activeItemChanged" /> イベントは、バインドされた `ngModel` が変更されると起動されません。 +>**注:** \{environment:ProductName\} にはユーザーとの対話に関連した多くのイベントがありますが、コントロールを API により操作する場合は起動しないように注意してください。ディレクティブはデータのバインドにAPI メソッドを使用します。たとえば、`igCombo` コントロールの <ApiLink type="igcombo" member="activeItemChanged" section="events" label="activeItemChanged" /> イベントは、バインドされた `ngModel` が変更されると起動されません。 ### <a id="options-evaluation"></a>オプション評価 @@ -174,26 +176,26 @@ function ($scope) { ![](../images/images/Using_Ignite_UI_with_AngularJS_1.png) -## <a id="creating-angular-app"></a>{environment:ProductName} を使用した Angular アプリケーションの作成 +## <a id="creating-angular-app"></a>\{environment:ProductName\} を使用した Angular アプリケーションの作成 ### <a id="requirements"></a>要件 -必要なリソースを考慮する場合は、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources) のドキュメントで説明するように、同じ要件とオプションが適用され、その後に {environment:ProductName} Angular ディレクティブ モジュールをロードします。アプリケーションにはいくつかのスタイルと共に、以下も含める必要があります。 +必要なリソースを考慮する場合は、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources) のドキュメントで説明するように、同じ要件とオプションが適用され、その後に \{environment:ProductName\} Angular ディレクティブ モジュールをロードします。アプリケーションにはいくつかのスタイルと共に、以下も含める必要があります。 - [jQuery](http://www.jquery.com/)1.7 以降 - [jQuery UI](http://jqueryui.com/) 1.8 以降 - [AngularJS](http://www.angularjs.org/)1.0 以降 -- [{environment:ProductName}](http://www.igniteui.com/)13.1 以降 +- [\{environment:ProductName\}](http://www.igniteui.com/)13.1 以降 ### <a id="steps"></a>手順 -1. [{environment:ProductName} のテーマと構造](/deployment-guide-styling-and-theming) ファイルを含めて開始します。 +1. [\{environment:ProductName\} のテーマと構造](/deployment-guide-styling-and-theming) ファイルを含めて開始します。 **HTML の場合:** ```html - <link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> - <link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/structure/infragistics.css" rel="stylesheet" /> + <link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> + <link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/structure/infragistics.css" rel="stylesheet" /> ``` 2. JavaScript ライブラリを追加します ([modernizr](http://modernizr.com/) はオプションです)。 @@ -206,13 +208,13 @@ function ($scope) { <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> ``` -3. {environment:ProductName} とディレクティブ モジュールを含めます。必要に応じてカスタム ダウンロードを使用しますが、[いずれかの方法で {environment:ProductName} を含めることもできます](/deployment-guide-javascript-resources)。 +3. \{environment:ProductName\} とディレクティブ モジュールを含めます。必要に応じてカスタム ダウンロードを使用しますが、[いずれかの方法で \{environment:ProductName\} を含めることもできます](/deployment-guide-javascript-resources)。 **HTML の場合:** ```html - <script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.core.js"></script> - <script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.lob.js"></script> + <script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.core.js"></script> + <script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.lob.js"></script> <script src="igniteui-angular.min.js"></script> ``` @@ -247,7 +249,7 @@ function ($scope) { ## <a id="data-binding"></a>データ バインディング -{environment:ProductName} ディレクティブの主な利点の 1 つは、初期化の統合だけでなくデータ バインディングのサポートがあります。ディレクティブは自動的に AngularJS のウォッチャーを初期化時に提供される各ソースに割り当てます。そのため、スコープから`dataSource` オプションまたは `data-source` 属性を必要なプロパティに設定するだけで、データ バインディングを有効にできます。 +\{environment:ProductName\} ディレクティブの主な利点の 1 つは、初期化の統合だけでなくデータ バインディングのサポートがあります。ディレクティブは自動的に AngularJS のウォッチャーを初期化時に提供される各ソースに割り当てます。そのため、スコープから`dataSource` オプションまたは `data-source` 属性を必要なプロパティに設定するだけで、データ バインディングを有効にできます。 **HTML の場合:** ```html @@ -286,7 +288,7 @@ function ($scope) { ## <a id="templates"></a>テンプレート -多数の {environment:ProductName} のコントロールでは、[Infragistics テンプレート エンジン](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) によって処理されるテンプレートをデフォルトでサポートしています。{environment:ProductName}® Templating Engine は、HTML 要素のセットにコンテンツ テンプレートを適用するための JavaScript ライブラリです。これは条件付きのロジックとネストされたテンプレートをサポートします。エンジンは、提供されたデータ内の対応するプロパティ値の置き換えに、`${property}` 表記を使用します。たとえば、以下のように、列の値をスタイルとフォーマット用に追加のマークアップでラッピングします。 +多数の \{environment:ProductName\} のコントロールでは、[Infragistics テンプレート エンジン](../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) によって処理されるテンプレートをデフォルトでサポートしています。\{environment:ProductName\}® Templating Engine は、HTML 要素のセットにコンテンツ テンプレートを適用するための JavaScript ライブラリです。これは条件付きのロジックとネストされたテンプレートをサポートします。エンジンは、提供されたデータ内の対応するプロパティ値の置き換えに、`${property}` 表記を使用します。たとえば、以下のように、列の値をスタイルとフォーマット用に追加のマークアップでラッピングします。 **HTML の場合:** ```html @@ -363,6 +365,6 @@ HTML のコンテンツをコントロールに提供するには （またオ このトピックについては、以下のサンプルも参照してください。 -- [AngularJS のサンプル用の {environment:ProductName} ディレクティブ](http://igniteui.github.io/igniteui-angularjs/) -- [{environment:ProductName} コントロールの全サンプル]({environment:SamplesUrl}) +- [AngularJS のサンプル用の \{environment:ProductName\} ディレクティブ](http://igniteui.github.io/igniteui-angularjs/) +- [\{environment:ProductName\} コントロールの全サンプル](\{environment:SamplesUrl\}) diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/aspnet-mvc-landingpage.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/aspnet-mvc-landingpage.mdx index e5ba768184..c767abb0d7 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/aspnet-mvc-landingpage.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/aspnet-mvc-landingpage.mdx @@ -1,10 +1,9 @@ --- -title: "{environment:ProductNameMVC}" +title: "{environment:ProductNameMVC}" slug: asp.net-mvc-landingpage --- -# {environment:ProductNameMVC} - +# \{environment:ProductNameMVC\} - [Infragistics Excel エンジン](/win-infragistics-excel-engine) diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/api-overview.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/api-overview.mdx index f27856175e..c4b2ee34e0 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/api-overview.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/api-overview.mdx @@ -4,6 +4,7 @@ slug: documentengine-api-overview --- # API の概要 + このセクションではコード ライブラリに関連する各名前空間を示します。また、このコード ライブラリでプログラミングをする時に使用するいくつかのキー クラスも示します。このページの名前空間とクラスは当社の API マニュアルに直接リンクします。 > **注:** 特に言及しないかぎり、Infragistics.Documents アセンブリ内のすべてのプロパティの単位は Points です。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/getting-started-with-infragistics-document-engine.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/getting-started-with-infragistics-document-engine.mdx index 474ced16d4..d15e220cc5 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/getting-started-with-infragistics-document-engine.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/getting-started-with-infragistics-document-engine.mdx @@ -6,7 +6,6 @@ slug: documentengine-getting-started-with-infragistics-document-engine # Infragistics Document Engine を使用した作業の開始 - Infragistics Document Engine™ はいくつかのインターフェイスを持った複数の名前空間をそれぞれに含んでいる大きいアセンブリです。Documents アセンブリを初めて使用する場合には、その機能を完全に理解しようとして、アセンブリの大きさに若干困惑するかもしれません。このため、Infragistics Document Engine を理解し、固有のシンプルなレポートを作成するために最短のルートを進むことができるように、クイック スタートのトピックを追加しました。 レポートの記述は線形のプロセスであるため、以下のロードマップを使用すると、Document Engine の Document Object Model を理解しやすくなります。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/welcome-to-infragistics-document-engine.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/welcome-to-infragistics-document-engine.mdx index b05fc54bcd..e4a88abbd7 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/welcome-to-infragistics-document-engine.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/welcome-to-infragistics-document-engine.mdx @@ -5,7 +5,6 @@ slug: documentengine-welcome-to-infragistics-document-engine # Infragistics Document Engine にようこそ - Infragistics Document Engine™ は完全な必要なものを完備したコード ライブラリで、Portable Document Format（PDF）と XML Paper Specification（XPS）の両フォーマットで優れたレポートを生成することができます。Infragistics Document Engine の Document Object Model (DOM) は、すばやく起動、実行することが可能で、カスタマイズも簡単です。DOM を使用すると、効果的にレポートを作成、セクションを追加、テキストを追加、レポートをパブリッシュ、すべてを簡単な 4 行のコードで済ませることができます。 ## [レポート要素](/documentengine-report-elements) diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/win-infragistics-document-engine.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/win-infragistics-document-engine.mdx index 1b6e65239a..6226c32661 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/win-infragistics-document-engine.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/win-infragistics-document-engine.mdx @@ -6,7 +6,6 @@ slug: win-infragistics-document-engine # Infragistics Document Engine - Infragistics Document Engine は、Portable Document Format（PDF）と XML Paper Specification（XPS）の両ファイル フォーマットで優れたビジネス レポートを提供する機能です。完全な Document Object Model（DOM）を使用して、想像可能なレポートのシナリオを処理します。Infragistics Document Engine には、レポートの情報、参照およびセキュリティに対するサポートを含みます。色や個性をレポートに追加するには、膨大なグラフィックス オブジェクトもあります。 以下のリンクをクリックして、Infragistics Document Engine コントロールについての情報にアクセスします。 @@ -15,4 +14,4 @@ Infragistics Document Engine は、Portable Document Format（PDF）と XML Pape - [Infragistics Document Engine を使用した作業の開始](/documentengine-getting-started-with-infragistics-document-engine): Infragistics Document Engine を基本的に理解すると、このトピックはコード ライブラリの使用を開始する際に役に立ちます。このトピックは、フル レポートを作成するために作成する必要があるオブジェクトの簡単なガイドです。 - [レポートの記述](/documentengine-writing-reports): このセクションは、Infragistics Document Engine のヘルプ重要な部分です。各レポートおよびグラフィックス要素の詳細を示します。このトピックは概念的なガイドの形になっています。ほとんどの要素は膨大で多くの機能を含んでいるからです。 - [Infragistics Document Engine の配備](/documentengine-deploying-infragistics-document-engine): アプリケーションが Infragistics Document Engine を使用する場合、アプリケーションの一部として再配布する必要がある Infragistics .NET アセンブリのリストのトピックを参照してください。 -- [API の概要](/documentengine-api-overview): このトピックは、Infragistics Excel Engine でプログラミング中に作業する名前空間とクラスをリストします。このトピックの名前空間とクラスの一覧は、{environment:ProductName} ヘルプの API 参照ガイドへリンクします。 +- [API の概要](/documentengine-api-overview): このトピックは、Infragistics Excel Engine でプログラミング中に作業する名前空間とクラスをリストします。このトピックの名前空間とクラスの一覧は、\{environment:ProductName\} ヘルプの API 参照ガイドへリンクします。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/known-issues.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/known-issues.mdx index 665ef901e2..88304c4cb6 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/known-issues.mdx @@ -19,15 +19,15 @@ slug: documentengine-known-issues ## Infragistics Document Engine 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName}™ のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\}™ のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../../../images/images/positive.png) ## 既知の問題点と制限の詳細 -Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 +Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 ### 回避方法 -アプリケーションで Infragistics ASP.NET のドキュメント アセンブリと {environment:ProductName} のドキュメント アセンブリのいずれか一方を参照します。これらのアセンブリ内のドキュメント ライブラリは同じで、どちらを使用してもかまいません。 +アプリケーションで Infragistics ASP.NET のドキュメント アセンブリと \{environment:ProductName\} のドキュメント アセンブリのいずれか一方を参照します。これらのアセンブリ内のドキュメント ライブラリは同じで、どちらを使用してもかまいません。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/advanced-layout-elements.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/advanced-layout-elements.mdx index ebb3e0c196..5bf51db140 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/advanced-layout-elements.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/advanced-layout-elements.mdx @@ -4,6 +4,7 @@ slug: documentengine-advanced-layout-elements --- # 高度なレイアウト要素 + 高度なレイアウト要素は、完全なレポートを作成するために必ずしも必要としない要素です。これらの要素は、レポートのレイアウトに関連した特定のタスクを実行する支援を行います。 高度なレイアウト 要素の詳細は以下のリンクをクリックしてください。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/rotator.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/rotator.mdx index 50e0b8f5b7..bb70ec4e0e 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/rotator.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/rotator.mdx @@ -5,7 +5,6 @@ slug: documentengine-rotator # 回転器 - Rotator 要素は、コンテンツを時計回りに 90 度または反時計回りに 90 度のいずれかに回転します。コンテンツは、デフォルトで反時計回りに回転されますが、Backward プロパティを True に設定することによって、コンテンツを時計回りに回転することができます。コンテンツを 90 度回転することだけが必要な場合には、Rotator 要素を使用してください。コンテンツを 45 度またはその他の任意の角度回転する必要がある場合には、Site 要素を使用する必要があります。Site 要素の詳細は、「サイト」を参照してください。 右側の画像では、Rotator 要素内に 2 つの Text 要素があります。最初の Rotator 要素は、Backward プロパティを True に設定することによって、テキストを時計回りに 90 度回転します。テキストが左揃えだったために、Stretcher 要素も必要でした。2 番目の Rotator 要素は最初の要素と正反対です。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/site.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/site.mdx index a32abe34cb..bbf1477fb0 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/site.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/site.mdx @@ -4,6 +4,7 @@ slug: documentengine-site --- # サイト + Site 要素は、ページにレイアウト要素を配置する際に最高のカスタマイズ機能を提供します。Site 要素を使用すると、x 座標と y 座標を使用して要素を配置したり、任意の角度に回転することができます。 Site 要素はその他のレイアウト 要素と差別化する固有のプロパティを持ちません。代わりにコンテンツ 要素を追加する各メソッドは、2 つのオーバーロードを含んでいます。これらのオーバーロードによって、どこを選択したとしても、個別に各レイアウト 要素を配置することができます。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/stretcher.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/stretcher.mdx index 22d71ee975..d8b2e14e89 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/stretcher.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/advanced/stretcher.mdx @@ -4,6 +4,7 @@ slug: documentengine-stretcher --- # ストレッチャ + `Stretcher` 要素は、ページの終わりまでコンテンツを引き伸ばすことのみを目的とした非表示のレイアウト要素です。通常レイアウト要素は、その要素がカプセル化するコンテンツを収めるためにサイズを変更します。レイアウト要素に背景色または画像を含む場合、これは好ましくない効果となる場合があります。レイアウト要素から `AddStretcher` メソッドを呼び出すと、コンテンツがページの終わりまでなくても、その要素がページの終わりまで引き伸ばされます。以下の 2 つの画像は、背景色を `LightSteelBlue` に設定された要素が Stretcher 要素がある場合とない場合でどのように見えるのかを示しています。 Stretcher 要素なしの場合|Stretcher 要素ありの場合 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/report/report-element.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/report/report-element.mdx index 4a7e2a8828..59c4e722d7 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/report/report-element.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/report/report-element.mdx @@ -6,7 +6,6 @@ slug: documentengine-report-element # Report 要素 - Report 要素は、レポート全体を定義する最上位オブジェクトです。すべてのコンテンツは、Section 要素を介してレポートに追加する必要があります。ほとんどのレイアウト 要素は追加のネストされたレイアウト 要素を作成するためのメソッドを使用します。これは、Report 要素でも同じですが、Report 要素に追加できる唯一のレイアウト 要素 タイプは Section 要素です。この概念をオブジェクト モデル図のように視覚化するとより分かりやすくなります。たとえば、レポートのレイアウトが以下のツリーと同じ位シンプルな場合があります。 - レポート diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/section/section.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/section/section.mdx index d56140b05e..8ae6ba381d 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/section/section.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/section/section.mdx @@ -4,6 +4,7 @@ slug: documentengine-section --- # セクション + Section 要素は、Report 要素に追加できる唯一の要素です。Section 要素によって、ページ番号ならびに特にステーショナリやデコレーションを使用してドキュメントのルック アンド フィールを操作できます。 Section 要素についての詳細は、以下のリンクを参照してください。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/segment.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/segment.mdx index e8d317cbc7..7304fdcc61 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/segment.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/layout/segment.mdx @@ -6,7 +6,6 @@ slug: documentengine-segment # セグメント - Segment 要素は、この要素が作成できるコンテンツのいくつかの完全なセグメント (またはページ) に由来して適切に命名されています。Section 要素と同じように、Segment 要素は個々のページごとに異なるヘッダー/フッターを持つことができます (ページ数がヘッダー/フッターの数を超えない場合に限ります。詳細は以下の「セグメント ヘッダーおよびフッター」のセクションを参照してください)。しかし、Section 要素と異なり、Segment のサイズを設定できません。Segment は含んでいる Section 要素のサイズに依存しています。Segment 要素と Section 要素は両方とも個々のページ上でコンテンツを引き伸ばすための [AddStretcher](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Segment.ISegment~AddStretcher.html) メソッドがあります。ただし、Segment 要素には、全ページですべてのコンテンツを引き伸ばすための [Stretch](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Segment.ISegment~Stretch.html) プロパティもあります。 Segment 要素は Section、Band、Group の各要素に機能が非常に似ています。これらの 4 つの要素間の主な違いは、以下の表を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/navigation/table-of-contents.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/navigation/table-of-contents.mdx index c91400831f..a0371bd34e 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/navigation/table-of-contents.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/navigation/table-of-contents.mdx @@ -4,6 +4,7 @@ slug: documentengine-table-of-contents --- # 目次 + 目次（TOC）の作成はほとんどの人が考えているよりもはるかにシンプルです。Infragistics Document Engine™ でレポートをすでに書いている場合には、目次の作成の工程の半分はすでに完了していると言えるかもしれません。TOC 要素は、レポートの構造に基づいて目次を作成します。したがって、TOC 要素を活用するためには、レポートを適切に作成することが重要となります。 Text 要素は、[Heading](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Text.IText~Heading.html) プロパティを公開します。このプロパティは [TextHeading](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.TextHeading.html) 列挙体に設定することができます。この列挙体の値は、H1、H2、H3 というようになります。Text 要素の見出しを設定するときに、目次の生成方法を TOC 要素に通知します。[ITOC](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.TOC.ITOC.html) インターフェイスには、[AddLevel](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.TOC.ITOC~AddLevel.html) メソッドが含まれており、このメソッドを異なる見出しとともに使用することができます。目次に追加する最初のレベルは、見出しの最初のレベルつまり H1 に対応します。目次にもうひとつのレベルを追加すると H2 に対応し、最後の見出し H9 まで続きます。したがって、見出しのラベルを適切に設定すれば、目次を生成するためにさほどの追加作業を行う必要はありません。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/pattern-content.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/pattern-content.mdx index 79db7eea09..de4c99f97f 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/pattern-content.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/pattern-content.mdx @@ -4,6 +4,7 @@ slug: documentengine-pattern-content --- # パターン コンテンツ + パターン コンテンツにはパターンを使用することによってすべてスタイル可能な要素が含まれています。これらのパターンは、パターン オブジェクトを作成して、次に関連付けられた要素に適用することによって、スタイルをグリッド、表、ツリーに適用します。これらの要素はほとんどの場合、要素を埋めるデータのソースに依存します。 使用可能なパターン コンテンツについては、以下のリストをクリックしてください。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/text.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/text.mdx index b153271518..640b8a6d42 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/text.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/text.mdx @@ -4,6 +4,7 @@ slug: documentengine-text --- # テキスト + Text 要素は高度にカスタマイズした段落コンテンツをレポートに追加します。Text 要素には、どのような場合であってもコンテンツを目立たせるいくつかのテキスト固有のプロパティを含みます。これらのプロパティのいくつかは、[「レポート グラフィックス」](/documentengine-report-graphics)のセクションで見つけることができますが、以下のようなテキスト固有のプロパティがいくつかあります。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/trees.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/trees.mdx index 1596fdf1f1..a6b9f10b2d 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/trees.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/pattern/trees.mdx @@ -4,6 +4,7 @@ slug: documentengine-trees --- # ツリー + Tree 要素は、親ノード、特にルート ノードが子ノードと階層の下位にあるすべてのノードをどのように所有するかを示すことによって、階層関係を表示するために役に立ちます。Tree 要素のオブジェクト モデルは、ツリーのルート ノードを識別するために [Root](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Tree.ITree~Root.html) プロパティを設定したメインのツリー オブジェクトで構成されています。ルート ノード（タイプ [INode](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Tree.INode.html) の）への参照を取得したら、INode インターフェイスから [AddNode](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Tree.INode~AddNode.html) メソッドを呼び出して、追加ノードをツリーに追加することができます。希望の数だけノードを追加できますが、ルート ノードはひとつしかありません。 すべての[パターン コンテンツ](/documentengine-pattern-content)と同じように、パターンを以下のツリー 要素に追加することによって、スタイル変更を実装できます。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-content.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-content.mdx index 1bdaf8d706..413d928d82 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-content.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-content.mdx @@ -4,6 +4,7 @@ slug: documentengine-quick-content --- # クイック コンテンツ + 必要なのが最低限の場合があります。クイック コンテンツによって、メソッドの呼び出しによってレポートの素材を素早く追加できます。たとえば、`AddQuickText` メソッドを呼び出して、引数としてテキストを渡します。シンプルなテキストをレイアウト 要素に追加するために必要なのはそれだけです。 軽量のクイック コンテンツ 要素の詳細は、以下のリンクをクリックしてください。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-table.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-table.mdx index 81b0b4ac6c..c59b5fee0b 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-table.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-table.mdx @@ -6,7 +6,6 @@ slug: documentengine-quick-table # クイック表 - 表には当然のことながらいくつかの要素が含まれるため、Quick Table 要素は軽量の [Quick Content](/documentengine-quick-content) 要素の中で最も重い要素となっています。以下の要素を Quick Table 要素に追加できます。 - 列 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-text.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-text.mdx index 04c8616527..29686a0f75 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-text.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/elements/quick/quick-text.mdx @@ -6,7 +6,6 @@ slug: documentengine-quick-text # クイック テキスト - Quick Text 要素は、要素のカスタマイズが全く必要ない点で、[Quick Content](/documentengine-quick-content) 要素の中で最もシンプルな要素です。Quick Text 要素は、テキストをレポートに素早く追加するために文字列を AddQuickText メソッドに渡すだけでいいように設計されています。もちろん、要素への参照を取得して、[Alignment](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.QuickText.IQuickText~Alignment.html)、[Brush](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.QuickText.IQuickText~Brush.html)、および [Font](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.QuickText.IQuickText~Font.html) などのいくつかの標準的なプロパティを修正することも可能です。しかし、十分な機能を備えた Text 要素が必要な場合、詳細は[Text](/documentengine-text)を参照してください。Quick Text 要素の基本的な使用事例は、配置や外観を無視してデフォルトのテキスト（Arial、12pt）を追加する場合です。 ![](../../../../../images/images/DocumentEngine_Quick_Text_01.png) diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/graphics/shapes.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/graphics/shapes.mdx index aad45306bf..217cce5032 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/graphics/shapes.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/document-engine/writing/graphics/shapes.mdx @@ -4,6 +4,7 @@ slug: documentengine-shapes --- # 図形 + Site 要素は、オブジェクトを回転するだけでなく、バインディングしている矩形の任意の場所にオブジェクトを配置できる魅力的な要素です。Site 要素が非常に役に立つ要素となっているもうひとつの特徴は [Shapes](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Shapes.IShapes.html) ファクトリです。その名前が示すように、Shapes ファクトリによって膨大な種類の形状を作り出してそれらを Site 要素に追加することができます。 その形状固有のメソッドを呼び出すことによって、Shapes オブジェクトのそれぞれの形状に簡単にアクセスできます (たとえば、矩形を追加するためには、[AddRetangle](Infragistics.Web.Documents.Reports~Infragistics.Documents.Reports.Report.Shapes.IShapes~AddRectangle.html) メソッドを呼び出します)。このメソッドは、新たに作成された形状への参照を返すので、その参照を新しい形状オブジェクトに設定することができます。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/api-overview.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/api-overview.mdx index 63584667fc..05071fc265 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/api-overview.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/api-overview.mdx @@ -4,6 +4,7 @@ slug: excelengine-api-overview --- # API の概要 + このセクションではコード ライブラリに関連する各名前空間を示します。また、このコード ライブラリでプログラミングをする時に使用するいくつかのキー クラスも示します。このページの名前空間とクラスは当社の API マニュアルに直接リンクします。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/add-document-properties-to-a-workbook.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/add-document-properties-to-a-workbook.mdx index c003ca592c..6bdeced76e 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/add-document-properties-to-a-workbook.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/add-document-properties-to-a-workbook.mdx @@ -6,7 +6,6 @@ slug: excelengine-add-document-properties-to-a-workbook # ドキュメント プロパティをワークブックに追加 - ワークブックの内容に関する情報を提供する各種のプロパティが、それぞれのワークブック ファイルに関連付けられています。それらのプロパティには、以下のような情報が含まれています。 - 作成者 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/adding-shapes-to-a-worksheet.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/adding-shapes-to-a-worksheet.mdx index c6b135e939..ffe721b9c2 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/adding-shapes-to-a-worksheet.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/adding-shapes-to-a-worksheet.mdx @@ -6,7 +6,6 @@ slug: excelengine-adding-shapes-to-a-worksheet # 形状をワークシートに追加 - ## 始める前に Infragistics.Documents.Excel アセンブリの優れた点の 1 つとして、画像および形状をワークシートに追加する機能があります。Microsoft® Excel® と同様に、画像をワークシート上の必要な位置に配置し、同じワークシート上の他の形状とグループ化することもできます。形状を使用は、形状を作成し、ワークシート上でのその形状の位置を決定するアンカーを設定し、それをワークシートに追加するという簡単なプロセスです。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/merge-cells.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/merge-cells.mdx index 86740290cb..892cf94b3e 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/merge-cells.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/merge-cells.mdx @@ -4,6 +4,7 @@ slug: excelengine-merge-cells --- # セルの結合 + セルの値またはフォーマットの設定以外に、2 つ以上のセルをひとつのセルとして表示するためにセルをマージすることができます。セルをマージする場合、長方形の領域内にセルがなければなりません。マージされた領域の一部である場合、領域内の各セルは同じ値とセル フォーマットを持つことになります。さらに、これらのセルはすべて、[`AssociatedMergedCellsRegion`](Infragistics.Web.Documents.Excel~Infragistics.Documents.Excel.WorksheetMergedCellsRegion.html) プロパティからアクセス可能な、同じ [`WorksheetMergedCellsRegion`](Infragistics.Web.Documents.Excel~Infragistics.Documents.Excel.WorksheetCell~AssociatedMergedCellsRegion.html) オブジェクトと関連付けられます。`WorksheetMergedCellsRegion` オブジェクトもセルと同じ値とセル フォーマットを持ちます。領域または領域内の任意のセルの値（またはセル フォーマット）を設定すると、すべてのセルおよび領域の値を変更します。セルをマージしない場合、マージされた領域がワークシートから削除されたために、以前マージされたセルすべてはマージされる以前に指定された共有のセル フォーマットを保持します。ただし、領域の左上のセルのみが共有値を保持します。 以下のコードは、いくつかのセルをマージして、マージされたセル領域の値とフォーマットを設定する方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/moving-a-worksheet-within-an-excel-workbook.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/moving-a-worksheet-within-an-excel-workbook.mdx index 68c250e651..9c5c9aa6cc 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/moving-a-worksheet-within-an-excel-workbook.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/using/moving-a-worksheet-within-an-excel-workbook.mdx @@ -4,6 +4,7 @@ slug: excelengine-moving-a-worksheet-within-an-excel-workbook --- # Excel ワークブック内でのワークシートの移動 + 特定のケースで、所有する Excel® ワークブックのワークシート コレクションの特定のインデックス位置にワークシートを移動しなければならない場合があります。 Excel Workbook に 3 つのワークシートがある場合、[`Worksheet`](Infragistics.Web.Documents.Excel~Infragistics.Documents.Excel.Worksheet.html) クラスの [`MoveToIndex`](Infragistics.Web.Documents.Excel~Infragistics.Documents.Excel.Worksheet~MoveToIndex.html) メソッドを使用して worksheet3 を先頭の位置に配置できます。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/win-infragistics-excel-engine.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/win-infragistics-excel-engine.mdx index 6941c08d6b..9d4a007267 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/win-infragistics-excel-engine.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/excel-engine/win-infragistics-excel-engine.mdx @@ -15,7 +15,7 @@ Infragistics Excel Engine は、Worksheet を含み Microsoft® Excel® Workbook - [Infragistics Excel Engine の配備](/excelengine-deploying-the-infragistics-excel-engine): アプリケーションが Infragistics Excel Engine を使用する場合、アプリケーションの一部として再配布する必要がある Infragistics .NET アセンブリのリストのトピックを参照してください。 -- [API の概要](/excelengine-api-overview): このトピックは、Infragistics Excel Engine でプログラミング中に作業する名前空間とクラスをリストします。このトピックの名前空間とクラスの一覧は、{environment:ProductName} ヘルプの API 参照ガイドへリンクします。 +- [API の概要](/excelengine-api-overview): このトピックは、Infragistics Excel Engine でプログラミング中に作業する名前空間とクラスをリストします。このトピックの名前空間とクラスの一覧は、\{environment:ProductName\} ヘルプの API 参照ガイドへリンクします。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx index 994e002c4f..7fe7d242ab 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/igniteui-for-mvc-known-issues.mdx @@ -1,15 +1,14 @@ --- -title: "ラッパーの既知の問題と制限 ({environment:ProductNameMVC})" +title: "ラッパーの既知の問題と制限 ({environment:ProductNameMVC})" slug: aspnet-mvc-wrappers-known-issues --- -# ラッパーの既知の問題と制限 ({environment:ProductNameMVC}) - +# ラッパーの既知の問題と制限 (\{environment:ProductNameMVC\}) ## 既知の問題点と制限の概要 -以下の表は、{environment:ProductNameMVC} の既知の問題と制限の概要を示します。以下の表は、一部の問題の詳細な説明とその回避策を示します。 +以下の表は、\{environment:ProductNameMVC\} の既知の問題と制限の概要を示します。以下の表は、一部の問題の詳細な説明とその回避策を示します。 凡例: | @@ -18,7 +17,7 @@ slug: aspnet-mvc-wrappers-known-issues ![](../images/images/negative.png) | 既知の回避策はありません ![](../images/images/plannedFix.png) | 既知の回避策はありません。修正予定です。 -### {environment:ProductNameMVC} +### \{environment:ProductNameMVC\} 問題|説明|状態 @@ -61,9 +60,9 @@ $.ig.loader(function () { ### <a id="loader-layout-view"></a> MVC Razor レイアウト ビューで MVC Loader が正常に機能しない -{environment:ProductNameMVC} Loader を MVC Razor のレイアウト ビューに表示した場合、実際のビューにあるコントロールよりも前にローカルを初期化することはできません。 +\{environment:ProductNameMVC\} Loader を MVC Razor のレイアウト ビューに表示した場合、実際のビューにあるコントロールよりも前にローカルを初期化することはできません。 -ローダーが ASP.NET MVC レイザー アプリケーションのレイアウト ページに含まれている場合、{environment:ProductNameMVC} は適切なローダー コードを生成しません。ASP.NET MVC へルパーは通常の jQuery `$(function() { })` (document.ready) 構文を使用します。ASP.NET MVC Razor アプリケーションでのみ発生します。マスター ページのある MVC ASPX ビューでは、この問題は発生しません。 +ローダーが ASP.NET MVC レイザー アプリケーションのレイアウト ページに含まれている場合、\{environment:ProductNameMVC\} は適切なローダー コードを生成しません。ASP.NET MVC へルパーは通常の jQuery `$(function() { })` (document.ready) 構文を使用します。ASP.NET MVC Razor アプリケーションでのみ発生します。マスター ページのある MVC ASPX ビューでは、この問題は発生しません。 これは、特定のビューが描画されてからレイアウト ビューが処理/実行されるため、ビューのレンダリングの前にローダーを初期化することができないためです。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx index b7b8224b92..b96437b377 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/igniteui-for-mvc-mobile-known-issues.mdx @@ -1,15 +1,14 @@ --- -title: "Mobile ラッパーの既知の問題と制限 ({environment:ProductNameMVC})" +title: "Mobile ラッパーの既知の問題と制限 ({environment:ProductNameMVC})" slug: aspnet-mvc-mobile-wrappers-known-issues --- -# Mobile ラッパーの既知の問題と制限 ({environment:ProductNameMVC}) - +# Mobile ラッパーの既知の問題と制限 (\{environment:ProductNameMVC\}) ## 既知の問題点と制限の概要 -以下の表は、{environment:ProductNameMVC} モバイル ラッパーの既知の問題と制限の概要を示します。 +以下の表は、\{environment:ProductNameMVC\} モバイル ラッパーの既知の問題と制限の概要を示します。 凡例: | --------|--------- @@ -18,7 +17,7 @@ slug: aspnet-mvc-mobile-wrappers-known-issues ![](../images/images/plannedFix.png) | 既知の回避策はありません。修正予定です。 -### {environment:ProductName} ASP.NET MVC Mobile ラッパー (モバイル) +### \{environment:ProductName\} ASP.NET MVC Mobile ラッパー (モバイル) 問題|説明|状態 ------|-------------|-------- diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx index 072eb7bca8..e48eef274b 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/mvcscaffolding/mvc-scaffolding.mdx @@ -1,14 +1,14 @@ --- -title: "{environment:ProductNameMVC} Scaffolder の Visual Studio 拡張機能" +title: "{environment:ProductNameMVC} Scaffolder の Visual Studio 拡張機能" slug: mvc-scaffolding --- -# {environment:ProductNameMVC} Scaffolder の Visual Studio 拡張機能 +# \{environment:ProductNameMVC\} Scaffolder の Visual Studio 拡張機能 ### 概要 -2015.2 リリースでは、拡張機能 **{environment:ProductNameMVC}** Scaffolder が導入されました。 +2015.2 リリースでは、拡張機能 **\{environment:ProductNameMVC\}** Scaffolder が導入されました。 開発者はこの機能により、MVC ラッパーを使用したウィジェットの宣言や関連するコントローラのアクション メソッドを簡単に生成することができます。 また、手動によるセットアップ、参照、コーディングに必要な時間を大幅に短縮することができます。 @@ -29,7 +29,7 @@ slug: mvc-scaffolding 3. 「追加」メニュー項目をクリックし、「新しい Scaffolder 項目」オプションをクリックします。 この一連の手順を、以下のスクリーンショットに示します。 ![](../../images/images/Step1.png) -4. 次に、スキャフォールディング項目の選択を促されます。「{environment:ProductName} ビュー」または「ビューを持つ {environment:ProductName} コントローラー」のどちらかを選択します。 +4. 次に、スキャフォールディング項目の選択を促されます。「\{environment:ProductName\} ビュー」または「ビューを持つ \{environment:ProductName\} コントローラー」のどちらかを選択します。 これらの選択オプションを、以下のスクリーンショットに示します。 ![](../../images/images/Step2.png) この 2 つのオプションの違いは、ビューのみの追加とコントローラーを伴うビューの生成です。 @@ -39,4 +39,4 @@ slug: mvc-scaffolding これは、以下のスクリーンショットに示されています。 ![](../../images/images/Step3.png) 6. 追加するコンポーネントの設定終了後、[追加] ボタンをクリックします。これにより、ウィジェットのラッパー定義を含むビューが、有効にしたすべての設定とともに自動的に追加されます。 -{environment:ProductName} のウィジェット ラッパーを含む標準のビューで通常行う場合と同様に、ビューのカスタマイズの追加、プロパティやメソッドの追加または削除をすることができます。 +\{environment:ProductName\} のウィジェット ラッパーを含む標準のビューで通常行う場合と同様に、ビューのカスタマイズの追加、プロパティやメソッドの追加または削除をすることができます。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx index c353c329be..af8cccc4d5 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/using-ignite-ui-tag-helpers.mdx @@ -1,13 +1,13 @@ --- -title: "{environment:ProductNameASPNETCore} タグ ヘルパーの使用" +title: "{environment:ProductNameASPNETCore} タグ ヘルパーの使用" slug: tag-helpers --- -# {environment:ProductNameASPNETCore} タグ ヘルパーの使用 +# \{environment:ProductNameASPNETCore\} タグ ヘルパーの使用 ## トピックの概要 -このトピックは、新しい ASP.NET Core 1.0 で追加されるタグ ヘルパー構文を使用して {environment:ProductNameASPNETCore}™ コンポーネントを構成する方法を紹介します。 +このトピックは、新しい ASP.NET Core 1.0 で追加されるタグ ヘルパー構文を使用して \{environment:ProductNameASPNETCore\}™ コンポーネントを構成する方法を紹介します。 ### このトピックの内容 @@ -19,7 +19,7 @@ slug: tag-helpers ## <a id="addtaghelper"></a> ビューのスコープにタグ ヘルパーを追加 -すべての {environment:ProductName} タグ ヘルパーを現在のビュー スコープに追加するには、@addTagHelper 命令が使用されます: +すべての \{environment:ProductName\} タグ ヘルパーを現在のビュー スコープに追加するには、@addTagHelper 命令が使用されます: ```csharp @using Infragistics.Web.Mvc @@ -143,5 +143,5 @@ igGrid で更新機能を構成し、エディターを追加します: ``` ## <a id="related"></a> 関連コンテンツ -- [{environment:ProductNameASPNETCore} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) +- [\{environment:ProductNameASPNETCore\} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html) - [コントロールを MVC プロジェクトに追加](../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx) diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx index 6540b3f884..f997beca34 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/using-igniteui-controls-in-aspnet-core-project.mdx @@ -1,13 +1,13 @@ --- -title: "{environment:ProductNameASPNETCore} の使用" +title: "{environment:ProductNameASPNETCore} の使用" slug: mvc-aspnet-core3 --- -# {environment:ProductNameASPNETCore} の使用 +# \{environment:ProductNameASPNETCore\} の使用 ## トピックの概要 -このトピックでは、.NET 7 用にビルドされた ASP.NET Core Web アプリケーションで {environment:ProductNameASPNETCore}™ コンポーネントを使用した作業の開始方法を説明します。 +このトピックでは、.NET 7 用にビルドされた ASP.NET Core Web アプリケーションで \{environment:ProductNameASPNETCore\}™ コンポーネントを使用した作業の開始方法を説明します。 ### このトピックの内容 @@ -23,7 +23,7 @@ slug: mvc-aspnet-core3 ASP.NET では、ほとんどのモジュールが NuGet パッケージとしてラップされています。これによってアプリケーションに必要な特定のモジュールのみを使用することができるため、共通アセンブリに依存する必要がなくなります。特定のモジュールのすべての依存関係は、追加設定なしに復元できます。 -そのため、ASP.NET Core 上に構築されている新しい MVC ラッパーも NuGet パッケージとして提供されます。製品をインストール時に必要なパッケージをインストールするためのローカル フィードを作成する NuGet パッケージ モジュールを必ず含めてください。詳細については、[{environment:ProductName} NuGet パッケージの使用](/Using-Ignite-UI-NuGet-Packages)を参照してください。 +そのため、ASP.NET Core 上に構築されている新しい MVC ラッパーも NuGet パッケージとして提供されます。製品をインストール時に必要なパッケージをインストールするためのローカル フィードを作成する NuGet パッケージ モジュールを必ず含めてください。詳細については、[\{environment:ProductName\} NuGet パッケージの使用](/Using-Ignite-UI-NuGet-Packages)を参照してください。 コントロールの宣言は、以前の MVC バージョンと同じ構文です。詳細および例については、[コントロールを MVC プロジェクトに追加](../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx)を参照してください。 @@ -35,7 +35,7 @@ Infragistics がホストする NuGet サーバーを使用して、Infragistics 以前の ASP.NET では、複数ファイルアップロード、大きなファイルのアプロード、アップロード状況のレポートなどより信頼性の高い機能を処理するために HttpModule および (または) HttpHandler を実装する必要がありました。 ASP.NET Core では、新しいミドルウェア定義関連に構築された新しい要求パイプラインを提供します。 -{environment:ProductNameASPNETCore} ファイル アップロードは、新しいミドルウェア定義モデルを使用し、パイプラインに直接プラグインできます。 +\{environment:ProductNameASPNETCore\} ファイル アップロードは、新しいミドルウェア定義モデルを使用し、パイプラインに直接プラグインできます。 2 つのミドルウェア モジュール - アップロード処理とクライアントからコマンドを受け取るモジュールとクライアントへステータス フィードバックを返すモジュールです。 パイプラインに追加するには、MVC モジュールの前に Startup.cs クラスの Configure メソッドに含める必要があります。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-understanding-infragistics-word-library.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-understanding-infragistics-word-library.mdx index 78385f64ec..ba22de55ba 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-understanding-infragistics-word-library.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/understanding-infragistics-word-library/word-understanding-infragistics-word-library.mdx @@ -4,6 +4,7 @@ slug: word-understanding-infragistics-word-library --- # Infragistics Word ライブラリの理解 + このセクションのトピックを読むと、アプリケーションで Word ライブラリを使用することの利点を理解できます。 以下のリンクをクリックして、Word ライブラリについての情報にアクセスします。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-headers-footers-and-page-numbers.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-headers-footers-and-page-numbers.mdx index 87d37ac36f..53cd1b3a08 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-headers-footers-and-page-numbers.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/using-infragistics-word-library/word-headers-footers-and-page-numbers.mdx @@ -4,6 +4,7 @@ slug: word-headers-footers-and-page-numbers --- # ヘッダー、フッター、ページ番号 + Infragistics® Word ライブラリを使用すると、ドキュメント タイトルのように簡単なヘッダーとフッター、および画像、複数段落、表、ハイパーリンクへのページ番号を作成できます。 以下のスクリーンショットは、`Header` にテキストと画像を付けて作成された Word 文書を表示します。 diff --git a/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/word-infragistics-word-library.mdx b/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/word-infragistics-word-library.mdx index 1172702dd8..7917ca031d 100644 --- a/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/word-infragistics-word-library.mdx +++ b/docs/jquery/src/content/ja/topics/asp-net-mvc/word-library/word-infragistics-word-library.mdx @@ -4,6 +4,7 @@ slug: word-infragistics-word-library --- # Infragistics Word ライブラリ + このセクションには、コンポーネントについての概要からアプリケーションで使用する理由、コンポーネントを使用して共通タスクを実行する手順などの Word ライブラリについての有益な情報が含まれています。 以下のリンクをクリックして、Word ライブラリについての情報にアクセスします。 @@ -15,7 +16,7 @@ slug: word-infragistics-word-library このセクションには、Word ライブラリで固有のタスクを実行する方法のデモを行うサンプル コード例を示す役立つトピックがあります。 ## [Word API の概要](/word-api-overview) -このトピックは、Word ライブラリを使用して開発する際の名前空間とクラスについて説明します。このトピックの名前空間とクラスの一覧は、{environment:ProductName} ヘルプの API 参照ガイドへリンクします。 +このトピックは、Word ライブラリを使用して開発する際の名前空間とクラスについて説明します。このトピックの名前空間とクラスの一覧は、\{environment:ProductName\} ヘルプの API 参照ガイドへリンクします。 diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/accessibility-compliance.mdx index 0df49b3cd1..dfd2dc2218 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/accessibility-compliance.mdx @@ -6,7 +6,6 @@ slug: igbulletgraph-accessibility-compliance # アクセシビリティ準拠 (igBulletGraph) - ## トピックの概要 #### 目的 @@ -26,7 +25,7 @@ slug: igbulletgraph-accessibility-compliance #### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、igBulletGraph コントロールが各規則を遵守する方法も詳細に説明しています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、igBulletGraph コントロールが各規則を遵守する方法も詳細に説明しています。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -48,7 +47,7 @@ slug: igbulletgraph-accessibility-compliance 以下のトピックでは、このトピックに関連する追加情報を提供しています。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、{environment:ProductName} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、\{environment:ProductName\} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/adding/adding-to-an-html-page.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/adding/adding-to-an-html-page.mdx index e4af6d5282..70533e794e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/adding/adding-to-an-html-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/adding/adding-to-an-html-page.mdx @@ -3,6 +3,8 @@ title: "igBulletGraph の HTML ページへの追加" slug: igbulletgraph-adding-to-an-html-page --- +# igBulletGraph の HTML ページへの追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igBulletGraph の HTML ページへの追加 @@ -340,4 +342,4 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [基本構成]({environment:SamplesUrl}/bullet-graph/basic-configuration): このサンプルでは、`igBulletGraph` コントロールのシンプルな構成を紹介します。 +- [基本構成](\{environment:SamplesUrl\}/bullet-graph/basic-configuration): このサンプルでは、`igBulletGraph` コントロールのシンプルな構成を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/adding/adding-using-the-mvc-helper.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/adding/adding-using-the-mvc-helper.mdx index 443374c096..9c05c0c971 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/adding/adding-using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/adding/adding-using-the-mvc-helper.mdx @@ -3,6 +3,8 @@ title: "ASP.NET MVC アプリケーションへの igBulletGraph の追加" slug: igbulletgraph-adding-using-the-mvc-helper --- +# ASP.NET MVC アプリケーションへの igBulletGraph の追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ASP.NET MVC アプリケーションへの igBulletGraph の追加 @@ -26,7 +28,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - ASP.NET MVC HTML ヘルパー - トピック - - [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで {environment:ProductName}™ コンポーネントを使用した作業の開始方法を説明します。 + - [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで \{environment:ProductName\}™ コンポーネントを使用した作業の開始方法を説明します。 - [*igBulletGraph* の概要](/igbulletgraph-overview): このトピックは、主要機能、最小要件およびユーザー機能性など、`igBulletGraph` コントロールの概念的な情報を提供します。 @@ -151,7 +153,7 @@ ASP.NET MVC ヘルパーを ASP.NET ページの本文に追加します。 **2. 基本的な描画オプションを構成する *igBulletGraph* コントロールのインスタンスを作成します**。 -`igBulletGraph` のインスタンスの作成すべての {environment:ProductNameMVC} コントロールと同様に、Render メソッドを呼び出して HTML と JavaScript をビューに描画します。 +`igBulletGraph` のインスタンスの作成すべての \{environment:ProductNameMVC\} コントロールと同様に、Render メソッドを呼び出して HTML と JavaScript をビューに描画します。 **ASPX の場合:** @@ -291,7 +293,7 @@ igBulletGraph の `Value()` メソッドを設定して、パフォーマンス 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [MVC の初期化]({environment:SamplesUrl}/bullet-graph/mvc-initialization): このサンプルでは、ブレット グラフの ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [MVC の初期化](\{environment:SamplesUrl\}/bullet-graph/mvc-initialization): このサンプルでは、ブレット グラフの ASP.NET MVC ヘルパーを使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/api-links.mdx index ade83c5711..7adb8fcc74 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igBulletGraph)" slug: igbulletgraph-api-links --- +# jQuery および MVC API リファレンス リンク (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igBulletGraph) diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/configuring-the-orientation-and-direction.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/configuring-the-orientation-and-direction.mdx index 565f12458b..20a59d952e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/configuring-the-orientation-and-direction.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/configuring-the-orientation-and-direction.mdx @@ -3,6 +3,8 @@ title: "向きと方向の構成 (igBulletGraph)" slug: igbulletgraph-configuring-the-orientation-and-direction --- +# 向きと方向の構成 (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 向きと方向の構成 (igBulletGraph) @@ -202,7 +204,7 @@ $('#igBulletGraph').igBulletGraph({ このトピックについては、以下のサンプルも参照してください。 -- [垂直方向]({environment:SamplesUrl}/bullet-graph/vertical-orientation): このサンプルでは、igBulletGraph コントロールの方向を変更し、スケールを反転する方法を紹介します。 +- [垂直方向](\{environment:SamplesUrl\}/bullet-graph/vertical-orientation): このサンプルでは、igBulletGraph コントロールの方向を変更し、スケールを反転する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-comparative-ranges.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-comparative-ranges.mdx index a718f20a2e..1e1aa08295 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-comparative-ranges.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-comparative-ranges.mdx @@ -3,6 +3,8 @@ title: "比較範囲の構成 (igBulletGraph)" slug: igbulletgraph-configuring-comparative-ranges --- +# 比較範囲の構成 (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 比較範囲の構成 (igBulletGraph) @@ -265,7 +267,7 @@ $(function () { このトピックについては、以下のサンプルも参照してください。 -- [範囲設定]({environment:SamplesUrl}/bullet-graph/range-settings): このサンプルでは、`igBulletGraph` コントロールで比較範囲を設定する方法を紹介します。 +- [範囲設定](\{environment:SamplesUrl\}/bullet-graph/range-settings): このサンプルでは、`igBulletGraph` コントロールで比較範囲を設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-background.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-background.mdx index 96ec3287da..936c9c9e97 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-background.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-background.mdx @@ -3,6 +3,8 @@ title: "背景の構成 (igBulletGraph)" slug: igbulletgraph-configuring-the-background --- +# 背景の構成 (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 背景の構成 (igBulletGraph) diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-comparative-marker.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-comparative-marker.mdx index 1de83e4a5e..0b42ac8ab3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-comparative-marker.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-comparative-marker.mdx @@ -3,6 +3,8 @@ title: "比較マーカーの構成 (igBulletGraph)" slug: igbulletgraph-configuring-the-comparative-marker --- +# 比較マーカーの構成 (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 比較マーカーの構成 (igBulletGraph) @@ -246,9 +248,9 @@ $("#bulletGraph").igBulletGraph({ このトピックについては、以下のサンプルも参照してください。 -- [パフォーマンス バーの設定]({environment:SamplesUrl}/bullet-graph/performance-bar-settings): このサンプルでは、`igBulletGraph` コントロールのパフォーマンス (実際値) バー、比較目盛 (ターゲット値) マーカー、およびスケールのディメンションを構成する方法を紹介します。 +- [パフォーマンス バーの設定](\{environment:SamplesUrl\}/bullet-graph/performance-bar-settings): このサンプルでは、`igBulletGraph` コントロールのパフォーマンス (実際値) バー、比較目盛 (ターゲット値) マーカー、およびスケールのディメンションを構成する方法を紹介します。 -- [基本構成]({environment:SamplesUrl}/bullet-graph/basic-configuration): このサンプルでは、`igBulletGraph` コントロールのシンプルな構成を紹介します。 +- [基本構成](\{environment:SamplesUrl\}/bullet-graph/basic-configuration): このサンプルでは、`igBulletGraph` コントロールのシンプルな構成を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-performance-bar.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-performance-bar.mdx index b7a1120d6c..e4c109d40e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-performance-bar.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-performance-bar.mdx @@ -3,6 +3,8 @@ title: "パフォーマンス バーの構成 (igBulletGraph)" slug: igbulletgraph-configuring-the-performance-bar --- +# パフォーマンス バーの構成 (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # パフォーマンス バーの構成 (igBulletGraph) @@ -236,7 +238,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [パフォーマンス バーの設定]({environment:SamplesUrl}/bullet-graph/performance-bar-settings): このサンプルでは、`igBulletGraph` コントロールのパフォーマンス (実際値) バー、比較目盛 (ターゲット値) マーカー、およびスケールのディメンションを構成する方法を紹介します。 +- [パフォーマンス バーの設定](\{environment:SamplesUrl\}/bullet-graph/performance-bar-settings): このサンプルでは、`igBulletGraph` コントロールのパフォーマンス (実際値) バー、比較目盛 (ターゲット値) マーカー、およびスケールのディメンションを構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-tooltips.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-tooltips.mdx index e7fb5b7176..9b1736af07 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-tooltips.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-tooltips.mdx @@ -3,6 +3,8 @@ title: "ツールチップの構成 (igBulletGraph)" slug: igbulletgraph-configuring-the-tooltips --- +# ツールチップの構成 (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ツールチップの構成 (igBulletGraph) @@ -380,7 +382,7 @@ $("#bulletgraph").igBulletGraph({ サンプルで、このタスクは 3 週間で同時に実行されますが、開発に他のタスク以上の時間が費やされました。進行状況バーは、タスク完了の可能性を表す状態範囲 (「高」、「中」、「低」) を表します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/bullet-graph/tooltip-settings]({environment:SamplesEmbedUrl}/bullet-graph/tooltip-settings) + [\{environment:SamplesEmbedUrl\}/bullet-graph/tooltip-settings](\{environment:SamplesEmbedUrl\}/bullet-graph/tooltip-settings) </div> ## <a id="related-content"></a> 関連コンテンツ diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-visual-elements.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-visual-elements.mdx index 82ed438f97..afff0dea96 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-visual-elements.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/configuring-the-visual-elements.mdx @@ -6,7 +6,6 @@ slug: igbulletgraph-configuring-the-visual-elements # 視覚要素の構成 (igBulletGraph) - ## このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/scale/configuring-the-scale.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/scale/configuring-the-scale.mdx index 539f87d7bc..4c7f0cb70f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/scale/configuring-the-scale.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/configuring/elements/scale/configuring-the-scale.mdx @@ -3,6 +3,8 @@ title: "スケールの構成 (igBulletGraph)" slug: igbulletgraph-configuring-the-scale --- +# スケールの構成 (igBulletGraph) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # スケールの構成 (igBulletGraph) @@ -275,7 +277,7 @@ $('#igBulletGraph').igBulletGraph({ ![](../../../../../images/images/igBulletGraph_Configuring_the_Scale_3.png) -スケールの範囲を定義すると、パフォーマンス バー、比較範囲、比較マーカーなどの他の値ベースの視覚要素もスケール上に配置できます。前述の要素は値ベースであるため、スケールの範囲が変化 (最小値または最大値の変化、あるいはその両方の変化) すると、これらの視覚要素は、スケール上の位置が保持されたスケール値に応じて再配置されます。(この結果の実例は、[範囲設定]({environment:SamplesUrl}/bullet-graph/range-settings)のサンプルを参照してください。) +スケールの範囲を定義すると、パフォーマンス バー、比較範囲、比較マーカーなどの他の値ベースの視覚要素もスケール上に配置できます。前述の要素は値ベースであるため、スケールの範囲が変化 (最小値または最大値の変化、あるいはその両方の変化) すると、これらの視覚要素は、スケール上の位置が保持されたスケール値に応じて再配置されます。(この結果の実例は、[範囲設定](\{environment:SamplesUrl\}/bullet-graph/range-settings)のサンプルを参照してください。) ### <a id="range-properties"></a> プロパティ設定 @@ -757,9 +759,9 @@ $('#igBulletGraph').igBulletGraph({ このトピックについては、以下のサンプルも参照してください。 -- [目盛の設定]({environment:SamplesUrl}/bullet-graph/tick-marks-settings): このサンプルでは、`igBulletGraph` コントロールのサポートされる目盛構成を紹介します。 +- [目盛の設定](\{environment:SamplesUrl\}/bullet-graph/tick-marks-settings): このサンプルでは、`igBulletGraph` コントロールのサポートされる目盛構成を紹介します。 -- [スケールのラベル設定]({environment:SamplesUrl}/bullet-graph/scale-labeling-settings): このサンプルでは、`igBulletGraph` コントロールのサポートされるスケール ラベリング構成を紹介します。 +- [スケールのラベル設定](\{environment:SamplesUrl\}/bullet-graph/scale-labeling-settings): このサンプルでは、`igBulletGraph` コントロールのサポートされるスケール ラベリング構成を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/igbulletgraph.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/igbulletgraph.mdx index b8b6ce5b53..3d9f401ffc 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/igbulletgraph.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/igbulletgraph.mdx @@ -9,7 +9,7 @@ slug: igbulletgraph このグループのトピックでは、`igBulletGraph`™ コントロールとその使用について説明します。 -`igBulletGraph` コントロールは、データをブレット グラフ形式で視覚化する {environment:ProductName}™ コントロールです。このコントロールはリニアのデザインで、複数の他のメジャーと比較した主要なメジャーをシンプルで簡潔に表示します。 +`igBulletGraph` コントロールは、データをブレット グラフ形式で視覚化する \{environment:ProductName\}™ コントロールです。このコントロールはリニアのデザインで、複数の他のメジャーと比較した主要なメジャーをシンプルで簡潔に表示します。 ![](../../images/images/igBulletGraph.png) diff --git a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/overview.mdx index 0f722da16f..5436b4c898 100644 --- a/docs/jquery/src/content/ja/topics/controls/igbulletgraph/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igbulletgraph/overview.mdx @@ -3,6 +3,8 @@ title: "igBulletGraph の概要" slug: igbulletgraph-overview --- +# igBulletGraph の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igBulletGraph の概要 @@ -53,7 +55,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #### <a id="summary"></a>igBulletGraph の概要 -`igBulletGraph` コントロールは、データをブレット グラフ形式で視覚化する **{environment:ProductName}**™ コントロールです。このコントロールはリニアのデザインで、複数の他のメジャーと比較した主要なメジャーをシンプルで簡潔に表示します。 +`igBulletGraph` コントロールは、データをブレット グラフ形式で視覚化する **\{environment:ProductName\}**™ コントロールです。このコントロールはリニアのデザインで、複数の他のメジャーと比較した主要なメジャーをシンプルで簡潔に表示します。 ![](../../images/images/igBulletGraph.png) @@ -75,7 +77,7 @@ igBulletGraph コントロールでは、スケールの向きと方向の状態 ### アニメーション化されたトランジション -igBulletGraph コントロールには、その <ApiLink type="igBulletGraph" label="transitionDuration" /> プロパティによるアニメーションの組み込みサポートが提供されています。アニメーション結果は、コントロールの読み込みで再生し、プロパティの値が変更するときにも再生します。デフォルトで、アニメーション化されたトランジションは無効になっています。ミリ秒単位で値を設定できるコントロールの transitionDuration プロパティにより、ビューでコントロールをスワイプする時間枠を定義します。視覚要素は左下から右上に移動するスライド効果によって、すべて滑らかに表示されます。値を 0 に設定するとアニメーション トランジションが無効になります。アニメーション化されたトランジション効果を示すサンプルは、[アニメーション化されたトランジション]({environment:SamplesUrl}/bullet-graph/animated-transitions)のサンプルを参照してください。 +igBulletGraph コントロールには、その <ApiLink type="igBulletGraph" label="transitionDuration" /> プロパティによるアニメーションの組み込みサポートが提供されています。アニメーション結果は、コントロールの読み込みで再生し、プロパティの値が変更するときにも再生します。デフォルトで、アニメーション化されたトランジションは無効になっています。ミリ秒単位で値を設定できるコントロールの transitionDuration プロパティにより、ビューでコントロールをスワイプする時間枠を定義します。視覚要素は左下から右上に移動するスライド効果によって、すべて滑らかに表示されます。値を 0 に設定するとアニメーション トランジションが無効になります。アニメーション化されたトランジション効果を示すサンプルは、[アニメーション化されたトランジション](\{environment:SamplesUrl\}/bullet-graph/animated-transitions)のサンプルを参照してください。 ### ツールチップのサポート @@ -604,7 +606,7 @@ igBulletGraph コントロールは、以下の視覚要素が特徴です(下 ## <a id="requirements"></a>要件 -`igBulletGraph` コントロールは jQuery UI ウィジェットであるため、jQuery ライブラリと jQuery UI ライブラリに依存します。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、*Infragistics.Web.Mvc* アセンブリが必要です。 +`igBulletGraph` コントロールは jQuery UI ウィジェットであるため、jQuery ライブラリと jQuery UI ライブラリに依存します。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、*Infragistics.Web.Mvc* アセンブリが必要です。 ブレット グラフにパフォーマンス値を表示するには、<ApiLink type="igBulletGraph" member="targetValue" section="options" label="targetValue" /> プロパティを設定する必要があります。 @@ -632,9 +634,9 @@ igBulletGraph コントロールは、以下の視覚要素が特徴です(下 このトピックについては、以下のサンプルも参照してください。 -- [基本構成]({environment:SamplesUrl}/bullet-graph/basic-configuration): このサンプルでは、igBulletGraph コントロールのシンプルな構成を紹介します。 +- [基本構成](\{environment:SamplesUrl\}/bullet-graph/basic-configuration): このサンプルでは、igBulletGraph コントロールのシンプルな構成を紹介します。 -- [アニメーション化されたトランジション]({environment:SamplesUrl}/bullet-graph/animated-transitions): このサンプルでは、複数の igBulletGraph コントロールの設定間でのアニメーション化されたトランジションを紹介します。 +- [アニメーション化されたトランジション](\{environment:SamplesUrl\}/bullet-graph/animated-transitions): このサンプルでは、複数の igBulletGraph コントロールの設定間でのアニメーション化されたトランジションを紹介します。 ### <a id="related-resource"></a>リソース diff --git a/docs/jquery/src/content/ja/topics/controls/igcategorychart/annotations-and-interactions/datatooltip.mdx b/docs/jquery/src/content/ja/topics/controls/igcategorychart/annotations-and-interactions/datatooltip.mdx index ba834e96cb..b1d0649449 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcategorychart/annotations-and-interactions/datatooltip.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcategorychart/annotations-and-interactions/datatooltip.mdx @@ -1,6 +1,7 @@ --- title: "チャートのデータ ツールチップ" --- + # チャートのデータ ツールチップ `igCategoryChart` のデータ ツールチップは、シリーズの値とタイトル、およびシリーズの凡例バッジをツールチップに表示します。さらに、シリーズの行と値の列をフィルタリングし、値をスタイル設定し、書式を設定するための `igDataLegend` の多くの構成プロパティを提供します。このツールチップ タイプは、`igCategoryChart` のプロット領域内でマウスを動かすと更新されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/axis-labels.mdx b/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/axis-labels.mdx index 53e0921be1..fbafc6d544 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/axis-labels.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/axis-labels.mdx @@ -3,7 +3,7 @@ title: "軸ラベルの構成" slug: igcategorychart-axis-label --- -# 軸ラベルの構成 +# 軸ラベルの構成 igCategoryChart は、チャートの構成、書式設定、ラベルのスタイル設定など詳細に制御することが可能です。デフォルトでは、ラベルを明示的に設定する必要はありません。カテゴリ チャートは、提供したデータ内で最初の適切な文字列プロパティを使用し、ラベルに使用します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/categorychart-axes.mdx b/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/categorychart-axes.mdx index 2bb4f881d2..a57924cb41 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/categorychart-axes.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/categorychart-axes.mdx @@ -5,7 +5,6 @@ slug: categorychart-axes # 軸 - igCategoryChart コントロールでは、軸は軸のラベル、主線、目盛り、グリッド線、ストリップやタイトルの外観を特定する基本プロパティを提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/categorychart-configuring-axis-titles.mdx b/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/categorychart-configuring-axis-titles.mdx index 46f116ab45..10546ea189 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/categorychart-configuring-axis-titles.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcategorychart/axes/categorychart-configuring-axis-titles.mdx @@ -4,6 +4,7 @@ slug: categorychart-configuring-axis-titles --- # 軸タイトル + igCategoryChart コントロールの軸タイトル機能は、チャートの x および y 軸に情報を追加できます。 ### このトピックの内容 diff --git a/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-accessibility-compliance.mdx index b0f783a75a..8f88843d09 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-accessibility-compliance.mdx @@ -6,7 +6,6 @@ slug: igcategorychart-accessibility-compliance # アクセシビリティの遵守 (igCategoryChart) - ##トピックの概要 @@ -32,7 +31,7 @@ slug: igcategorychart-accessibility-compliance ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igCategoryChart` コントロールが各規則を遵守する方法の詳細も含まれています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igCategoryChart` コントロールが各規則を遵守する方法の詳細も含まれています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 @@ -60,4 +59,4 @@ slug: igcategorychart-accessibility-compliance このトピックに関連する追加情報については、以下のトピックを参照してください。 -- [**アクセシビリティ準拠**](/accessibility-compliance): すべての {environment:ProductName} コントロールのアクセシビリティ準拠のための参照情報を提供します。 +- [**アクセシビリティ準拠**](/accessibility-compliance): すべての \{environment:ProductName\} コントロールのアクセシビリティ準拠のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-api-overivew.mdx b/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-api-overivew.mdx index aa6907c413..da065e4817 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-api-overivew.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-api-overivew.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igCategoryChart) slug: categorychart-api-overview --- +# jQuery および MVC API リファレンス リンク (igCategoryChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igCategoryChart) @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## トピックの概要 ### 目的 -このトピックは、` igCategoryChart`™ の jQuery および {environment:ProductNameMVC} クラスのたえの API マニュアルへのリンクを提供します。 +このトピックは、` igCategoryChart`™ の jQuery および \{environment:ProductNameMVC\} クラスのたえの API マニュアルへのリンクを提供します。 ### 前提条件 @@ -26,7 +28,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 概要 -`igCategoryChart` は、{environment:ProductNameMVC} 付きの jQuery UI ウィジェットとして設計されています。それぞれの API についての詳細は、以下に示された API マニュアルへのリンク先を参照してください。 +`igCategoryChart` は、\{environment:ProductNameMVC\} 付きの jQuery UI ウィジェットとして設計されています。それぞれの API についての詳細は、以下に示された API マニュアルへのリンク先を参照してください。 ### API マニュアル参照の概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-datalegend.mdx b/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-datalegend.mdx index 7feba89e8d..a5f72cae76 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-datalegend.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-datalegend.mdx @@ -1,6 +1,7 @@ --- title: "データ凡例" --- + # データ凡例 `igDataLegend` は `Legend` のように機能するコンポーネントですが、シリーズの値の表示や、シリーズの行と値の列のフィルタリング、値のスタイルと書式を設定するための多くの構成プロパティを提供します。この凡例は、`igCategoryChart` のプロット領域内でマウスを移動すると更新され、ユーザーのマウス ポインターがプロット領域を離れたときに最後にホバーされたポイントを記憶する永続的な状態になります。このコンテンツは、3 種類の行と 4 種類の列のセットを使用して表示されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-overview.mdx index 93602f0df1..4100a3fb6c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-overview.mdx @@ -3,7 +3,7 @@ title: "概要" slug: categorychart-overview --- -# 概要 +# 概要 ### igCategoryChart について diff --git a/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-styling.mdx b/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-styling.mdx index be7b3dd1e5..b8c827901e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-styling.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcategorychart/categorychart-styling.mdx @@ -6,7 +6,6 @@ slug: categorychart-styling # igCategoryChart のスタイル設定 - ## トピックの概要 @@ -23,7 +22,7 @@ slug: categorychart-styling **トピック** -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): {environment:ProductName}™ ライブラリのスタイルとテーマの更新に関する概要とその手順を説明します。 +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): \{environment:ProductName\}™ ライブラリのスタイルとテーマの更新に関する概要とその手順を説明します。 **外部リソース** @@ -64,9 +63,9 @@ slug: categorychart-styling テーマのカスタマイズには、ThemeRoller ツールを使用できます。この jQuery UI ツールにより jQuery UI ウィジェットと互換性のあるカスタム テーマを簡単に作成できるようになります。数々のビルド済みテーマをご自分の Web サイトにダウンロードして使用できます。`igCategoryChart` コントロールは ThemeRoller テーマの使用をサポートしています。 -{environment:ProductName} ライブラリでテーマを使用する方法の詳細については、「[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」トピックをご覧ください。 +\{environment:ProductName\} ライブラリでテーマを使用する方法の詳細については、「[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」トピックをご覧ください。 -注: {environment:ProductName} のベース テーマはチャートには不要で、チャートのみ表示されたページでは省略できます。 +注: \{environment:ProductName\} のベース テーマはチャートには不要で、チャートのみ表示されたページでは省略できます。 @@ -84,7 +83,7 @@ slug: categorychart-styling <tr> <td>IG テーマ</td> <td><p>パス: `{IG CSS root}/themes/Infragistics/`</p> <p>ファイル: `infragistics.theme.css`</p></td> - <td>このテーマは、すべての {environment:ProductName} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「<a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">{environment:ProductName} のスタイル設定とテーマ設定</a>」トピックをご覧ください。</td> + <td>このテーマは、すべての \{environment:ProductName\} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「<a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">\{environment:ProductName\} のスタイル設定とテーマ設定</a>」トピックをご覧ください。</td> </tr> <tr> @@ -185,7 +184,7 @@ slug: categorychart-styling 1. <a id="copy-default-css"></a>デフォルト チャート CSS ファイルをコピーする - **チャート スタイルがデフォルトの CSS ファイル (`infragistics.ui.chart.css`) を {environment:ProductName} インストール フォルダーから Web サイトまたはアプリケーションの themes フォルダーにコピーします。** + **チャート スタイルがデフォルトの CSS ファイル (`infragistics.ui.chart.css`) を \{environment:ProductName\} インストール フォルダーから Web サイトまたはアプリケーションの themes フォルダーにコピーします。** たとえば、アプリケーションで使用する CSS ファイルを保存している Web サイトまたはアプリケーションに `Content/themes` フォルダーがある場合、上記のデフォルト チャート CSS ファイルを `Content/themes/MyChartTheme/ig.ui.chart.custom.css` にコピーします。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/accessibility-compliance.mdx index 3664500515..2736561d03 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/accessibility-compliance.mdx @@ -6,14 +6,13 @@ slug: igcombo-accessibility-compliance # アクセシビリティ準拠 (igCombo) - ##igCombo のアクセシビリティ準拠 ###概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/binding/binding-to-data.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/binding/binding-to-data.mdx index 70d3848c0b..7da2a3ec94 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/binding/binding-to-data.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/binding/binding-to-data.mdx @@ -6,20 +6,19 @@ slug: igcombo-binding-to-data # igCombo をデータにバインド - ##このグループのトピックについて ### 概要 -このグループのトピックでは、{environment:ProductName} コンボ コントロールのデータへのバインド方法について説明します。 +このグループのトピックでは、\{environment:ProductName\} コンボ コントロールのデータへのバインド方法について説明します。 ### トピック - [igCombo データにバインドについての概要](/igcombo-data-binding): このトピックでは、`igCombo` コントロールでの各種データ バインド方式について説明し、データ バインディングに関するその他の詳細情報を示します。 -- [カスケード igCombo コントロールをデータにバインド](/igcombo-cascading): このグループのトピックでは、カスケード {environment:ProductName} コンボ コントロールのデータへのバインド方法について説明します。 +- [カスケード igCombo コントロールをデータにバインド](/igcombo-cascading): このグループのトピックでは、カスケード \{environment:ProductName\} コンボ コントロールのデータへのバインド方法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/binding/cascading.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/binding/cascading.mdx index 713d374991..a3b98b7920 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/binding/cascading.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/binding/cascading.mdx @@ -6,7 +6,6 @@ slug: igcombo-cascading # カスケード igCombo の作成 - ##トピックの概要 @@ -227,7 +226,7 @@ slug: igcombo-cascading このトピックについては、以下のサンプルも参照してください。 -- [コンボのカスケード]({environment:SamplesUrl}/combo/cascading-combos): このサンプルでは、3 つの `igCombo` コントロールのカスケードを示します。 +- [コンボのカスケード](\{environment:SamplesUrl\}/combo/cascading-combos): このサンプルでは、3 つの `igCombo` コントロールのカスケードを示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/binding/data-binding.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/binding/data-binding.mdx index 7d7c50589d..0533a27a5a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/binding/data-binding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/binding/data-binding.mdx @@ -6,7 +6,6 @@ slug: igcombo-data-binding # igCombo データにバインドについての概要 - ## トピックの概要 @@ -80,7 +79,7 @@ slug: igcombo-data-binding ##　<a id="binding-to-data-sources"></a>データ ソースへのバインドに関する概要 -ほとんどの場合、`igCombo` の `dataSource` または `dataSourceUrl` オプションを使用してデータのバインドを行います。このオプションは、サポートされるさまざまなデータ形式を処理できる `igDataSource` へデータを提供します。ただし、SELECT 要素を使用して `igCombo` のインスタンスを作成する場合は例外で、このオプションは使用しません。この場合、`igCombo` はそのベース SELECT 要素のデータおよびオプションを継承します。ASP.NET MVC では、{environment:ProductNameMVC} に `IQueryable<T>` を供給すると、サーバーからのデータを簡単にシリアル化して、View と共にクライアントへ渡せるようになります。そのページがブラウザーに渡されると、`igCombo` の `dataSource` オプションが設定されてクライアント側での操作に使用されます。 +ほとんどの場合、`igCombo` の `dataSource` または `dataSourceUrl` オプションを使用してデータのバインドを行います。このオプションは、サポートされるさまざまなデータ形式を処理できる `igDataSource` へデータを提供します。ただし、SELECT 要素を使用して `igCombo` のインスタンスを作成する場合は例外で、このオプションは使用しません。この場合、`igCombo` はそのベース SELECT 要素のデータおよびオプションを継承します。ASP.NET MVC では、\{environment:ProductNameMVC\} に `IQueryable<T>` を供給すると、サーバーからのデータを簡単にシリアル化して、View と共にクライアントへ渡せるようになります。そのページがブラウザーに渡されると、`igCombo` の `dataSource` オプションが設定されてクライアント側での操作に使用されます。 ###　データ ソースへのバインドに関するクラス図 @@ -273,7 +272,7 @@ slug: igcombo-data-binding コンボを JSON データまたは JavaScript 配列にバインドできます。このサンプルはクライアント側バインディングの基本実例を含みます。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/combo/json-binding]({environment:SamplesEmbedUrl}/combo/json-binding) + [\{environment:SamplesEmbedUrl\}/combo/json-binding](\{environment:SamplesEmbedUrl\}/combo/json-binding) </div> ### <a id="html-binding"></a>HTML のバインド @@ -281,14 +280,14 @@ slug: igcombo-data-binding igCombo は HTML SELECT 要素に直接バインドできます。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/combo/html-binding]({environment:SamplesEmbedUrl}/combo/html-binding) + [\{environment:SamplesEmbedUrl\}/combo/html-binding](\{environment:SamplesEmbedUrl\}/combo/html-binding) </div> ### <a id="xml-binding"></a>XML のバインド igCombo は XML データへのバインドをサポートします。このサンプルは、XML 文字列への基本バインドを表示します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/combo/xml-binding]({environment:SamplesEmbedUrl}/combo/xml-binding) + [\{environment:SamplesEmbedUrl\}/combo/xml-binding](\{environment:SamplesEmbedUrl\}/combo/xml-binding) </div> ##<a id="related-topics"></a>関連トピック diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/angularjs-support.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/angularjs-support.mdx index 98a8373cfe..0072220653 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/angularjs-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/angularjs-support.mdx @@ -21,18 +21,18 @@ slug: igcombo-angularjs-support 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/combo/angular]({environment:SamplesEmbedUrl}/combo/angular) + [\{environment:SamplesEmbedUrl\}/combo/angular](\{environment:SamplesEmbedUrl\}/combo/angular) </div> ### <a id="Requirements"></a>要件 このサンプルを実行するために以下が必要です。 -- 必要となる {environment:ProductName} の JavaScript と CSS ファイル -- {environment:ProductFamilyName} AngularJS ディレクティブ +- 必要となる \{environment:ProductName\} の JavaScript と CSS ファイル +- \{environment:ProductFamilyName\} AngularJS ディレクティブ ### <a id="Details"></a>詳細 サンプルに製品が 20 個あります。AngularJS ng-repeat を使用してデータソース レコード全体をループし、それぞれの製品に入力を作成して ProductName へバインドします。この方法によって入力で何かを編集する場合に変更はデータソースに直ちに反映されます。製品名の上に同様のオプションがある `igCombo` コントロールが 2 つあります。それらは製品でデータソースにバインドされています。また、選択した製品 id を保存するコントローラー (combo.value1) の値にバインドされています。`igCombo` コントロールの左側に同じ値 (combo.value1) にバインドされた入力があります。製品名を保持する入力を編集、`igCombo` から値を選択、選択した製品 id を編集できます。両方向のバインドで `igCombo` コントロールを更新し、対応する値を直ちに入力します。 ### <a id="Related_Content"></a>関連コンテンツ このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [AngularJS で {environment:ProductFamilyName} の使用](../../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx) - このトピックでは、AngularJS の {environment:ProductFamilyName} ディレクティブの使用方法の概要を説明します。 -- [AngularJS を使用した条件付きテンプレート化および高度なテンプレート化](../../../10_AngularJS Directives/01_Conditional_and_Advanced_Templating_with_AngularJS.mdx) - このトピックでは、条件付きテンプレートの使用方法と、AngularJS の {environment:ProductFamilyName} ディレクティブを使用して作成されたコントロールをカスタマイズするための高度なテンプレート化の方法について説明します。 +- [AngularJS で \{environment:ProductFamilyName\} の使用](../../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx) - このトピックでは、AngularJS の \{environment:ProductFamilyName\} ディレクティブの使用方法の概要を説明します。 +- [AngularJS を使用した条件付きテンプレート化および高度なテンプレート化](../../../10_AngularJS Directives/01_Conditional_and_Advanced_Templating_with_AngularJS.mdx) - このトピックでは、条件付きテンプレートの使用方法と、AngularJS の \{environment:ProductFamilyName\} ディレクティブを使用して作成されたコントロールをカスタマイズするための高度なテンプレート化の方法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/asp-net-mvc.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/asp-net-mvc.mdx index 31e83226bf..c291cc61bb 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/asp-net-mvc.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/asp-net-mvc.mdx @@ -10,11 +10,11 @@ slug: configuring-asp-net-mvc ### 目的 -ビューでコンボをインスタンス化するために {environment:ProductNameMVC} Combo が使用されます。また、従業員のコレクションのリモート要求を処理し、リモート フィルタリング パラメーターを処理するために `ComboDataSourceAction` 属性が使用されます。最後に、フォームで モデルのフィールドを更新するために使用されるコンボを確認できます。 +ビューでコンボをインスタンス化するために \{environment:ProductNameMVC\} Combo が使用されます。また、従業員のコレクションのリモート要求を処理し、リモート フィルタリング パラメーターを処理するために `ComboDataSourceAction` 属性が使用されます。最後に、フォームで モデルのフィールドを更新するために使用されるコンボを確認できます。 #### 概念 -- {environment:ProductNameMVC} Combo の使用 +- \{environment:ProductNameMVC\} Combo の使用 ### このトピックの内容 @@ -41,7 +41,7 @@ slug: configuring-asp-net-mvc 手順を完了するには、ASP.NET MVC プロジェクトの他に次が必要になります。 -- 必要な {environment:ProductName} の JavaScript と CSS ファイル +- 必要な \{environment:ProductName\} の JavaScript と CSS ファイル - 参照されている Infragistics.Web.Mvc.dll アセンブリ ### <a id="_Requirements_Overview"></a> 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-auto-suggest.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-auto-suggest.mdx index 7f96df37cd..3d21f50e66 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-auto-suggest.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-auto-suggest.mdx @@ -3,6 +3,8 @@ title: "自動補完の構成 (igCombo)" slug: igcombo-configure-auto-suggest --- +# 自動補完の構成 (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 自動補完の構成 (igCombo) diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-remote-filtering.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-remote-filtering.mdx index 8b5593e517..36455d8797 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-remote-filtering.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-remote-filtering.mdx @@ -3,6 +3,8 @@ title: "リモート フィルタリングの構成 (igCombo)" slug: igcombo-configure-remote-filtering --- +# リモート フィルタリングの構成 (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # リモート フィルタリングの構成 (igCombo) @@ -135,7 +137,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 2. データ ソースの構成 - OData サービスの URL に dataSource オプションを設定します。{environment:ProductName} OData サービスの場合、ブラウザーのクロスドメインの制限を回避するには JSONP を使用します。これは、OData 要求 URI でコールバック パラメーターを渡すことで要求される形式です。 + OData サービスの URL に dataSource オプションを設定します。\{environment:ProductName\} OData サービスの場合、ブラウザーのクロスドメインの制限を回避するには JSONP を使用します。これは、OData 要求 URI でコールバック パラメーターを渡すことで要求される形式です。 **HTML の場合:** @@ -151,7 +153,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 3. 応答データ キーの構成 - データは特定のスキーマ内の OData から返されます。OData v1 サービスにアクセスしている場合、このキーは通常「d」です。{environment:ProductName} サービスは OData v2 で応答キーは「d.results」です。 + データは特定のスキーマ内の OData から返されます。OData v1 サービスにアクセスしている場合、このキーは通常「d」です。\{environment:ProductName\} サービスは OData v2 で応答キーは「d.results」です。 **HTML の場合:** @@ -235,9 +237,9 @@ $("#comboTarget").igCombo({ ###<a id="asp_details"></a>ASP.NET MVC リスト フィルタリング構成の詳細 -{environment:ProductNameMVC} `Combo` は主に、C# または Visual Basic.NET でビヘイビアーを構成しながら、クライアント側で必要な jQuery および HTML を描画する機能を果たします。 +\{environment:ProductNameMVC\} `Combo` は主に、C# または Visual Basic.NET でビヘイビアーを構成しながら、クライアント側で必要な jQuery および HTML を描画する機能を果たします。 -{environment:ProductNameMVC} の他の部分は、サーバーへのリモート操作を簡単に行う機能を果たします。これは `ActionResult` メソッドに `ComboDataSourceAction` 属性を修飾できる `igCombo` コントロールに当てはまり、ヘルパーはサーバー側によるデータ ソースのクエリを簡単に行い、適切なデータをクライアントに返すことができます。 +\{environment:ProductNameMVC\} の他の部分は、サーバーへのリモート操作を簡単に行う機能を果たします。これは `ActionResult` メソッドに `ComboDataSourceAction` 属性を修飾できる `igCombo` コントロールに当てはまり、ヘルパーはサーバー側によるデータ ソースのクエリを簡単に行い、適切なデータをクライアントに返すことができます。 ###<a id="asp_settings"></a>ASP.NET MVC リスト フィルタリング構成のプロパティ設定 @@ -261,7 +263,7 @@ $("#comboTarget").igCombo({ #### 概要 -この例は、{environment:ProductNameMVC} でリモート フィルタリングを有効にする方法を示しています。この構成では、データ フィルタリング操作のアクション メソッドが定義されています。`igCombo` コントロールはサーバーのデータにバインドされており、クライアントでフィルタリング操作が発生すると、フィルターされたデータの要求がアクション メソッドに送信されます。 +この例は、\{environment:ProductNameMVC\} でリモート フィルタリングを有効にする方法を示しています。この構成では、データ フィルタリング操作のアクション メソッドが定義されています。`igCombo` コントロールはサーバーのデータにバインドされており、クライアントでフィルタリング操作が発生すると、フィルターされたデータの要求がアクション メソッドに送信されます。 #### 要件 @@ -269,7 +271,7 @@ $("#comboTarget").igCombo({ - ASP.NET MVC アプリケーション - プロジェクトで参照されている `Infragistics.Web.Mvc.dll` アセンブリ -- {environment:ProductNameMVC} を通してデータにバインドされている `Combo` コントロール +- \{environment:ProductNameMVC\} を通してデータにバインドされている `Combo` コントロール #### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-selection.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-selection.mdx index 06f3f00d06..d744e170b7 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-selection.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configure-selection.mdx @@ -2,6 +2,9 @@ title: "選択の構成 (igCombo)" slug: igcombo-configure-selection --- + +# 選択の構成 (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 選択の構成 (igCombo) diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configuring.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configuring.mdx index d37d506709..0ffd5a898a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/configuring.mdx @@ -6,13 +6,12 @@ slug: igcombo-configuring # igCombo の構成 - ##このグループのトピックについて ### 概要 -このグループのトピックでは、{environment:ProductName} コンボ コントロールの構成方法について説明します。 +このグループのトピックでは、\{environment:ProductName\} コンボ コントロールの構成方法について説明します。 ### トピック diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/grouping.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/grouping.mdx index adfd5940f3..d6447898a5 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/grouping.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/grouping.mdx @@ -3,6 +3,8 @@ title: "グループ化の構成 (igCombo)" slug: igCombo-grouping --- +# グループ化の構成 (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # グループ化の構成 (igCombo) @@ -73,4 +75,4 @@ $(".selector").igCombo({ ### サンプル このトピックについては、以下のサンプルも参照してください。 -- [ヘッダーテンプレートおよびフッターテンプレートを使用するグループ化]({environment:SamplesUrl}/combo/grouping): このサンプルでは、ヘッダーテンプレートおよびフッターテンプレートを使用した効率的なグループ化の方法を紹介します。 +- [ヘッダーテンプレートおよびフッターテンプレートを使用するグループ化](\{environment:SamplesUrl\}/combo/grouping): このサンプルでは、ヘッダーテンプレートおよびフッターテンプレートを使用した効率的なグループ化の方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/knockoutjs-support.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/knockoutjs-support.mdx index c5eee95f74..9c7574fc79 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/knockoutjs-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/knockoutjs-support.mdx @@ -2,6 +2,9 @@ title: "Knockout サポートの構成 (igCombo)" slug: igcombo-knockoutjs-support --- + +# Knockout サポートの構成 (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Knockout サポートの構成 (igCombo) @@ -211,7 +214,7 @@ igCombo にコントロールの有効化/無効化を処理する特別なロ このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [Knockout サポート (エディター)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): このトピックは、[Knockout ライブラリ](http://knockoutjs.com/)により管理されるビューモデル オブジェクトをバインドするために {environment:ProductName} エディター コントロールを構成する方法について説明します。 +- [Knockout サポート (エディター)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): このトピックは、[Knockout ライブラリ](http://knockoutjs.com/)により管理されるビューモデル オブジェクトをバインドするために \{environment:ProductName\} エディター コントロールを構成する方法について説明します。 - [新しいコンボへの移行](/igcombo-migrating-to-the-new-combo#ko_changes): このトピックは、古いコンボから新しいコンボへの移行を支援することを目的としています。ドキュメントには、igCombo の Knockout 統合での変更点が含まれます。 ### <a id="samples"></a> サンプル @@ -221,10 +224,10 @@ igCombo にコントロールの有効化/無効化を処理する特別なロ 以下のサンプルでは、KnockoutJS データ バインディングによって処理されるデータを igCombo にバインドする方法を紹介します。コンボのドロップダウンに配列をバインドし、model プロパティをコンボの選択項目にバインドします。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/combo/bind-combo-with-ko]({environment:SamplesEmbedUrl}/combo/bind-combo-with-ko) + [\{environment:SamplesEmbedUrl\}/combo/bind-combo-with-ko](\{environment:SamplesEmbedUrl\}/combo/bind-combo-with-ko) </div> ->**注:** Knockout 拡張子が {environment:ProductNameMVC} との互換性がありません。 +>**注:** Knockout 拡張子が \{environment:ProductNameMVC\} との互換性がありません。 ### <a id="resources"></a> リソース diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/load-on-demand.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/load-on-demand.mdx index 75d7afbb22..0f850e7a81 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/load-on-demand.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/load-on-demand.mdx @@ -2,6 +2,9 @@ title: "ロード オン デマンドを構成する (igCombo)" slug: igcombo-load-on-demand --- + +# ロード オン デマンドを構成する (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ロード オン デマンドを構成する (igCombo) @@ -184,11 +187,11 @@ $("#combo").igCombo({ このトピックについては、以下のサンプルも参照してください。 -- [ロード オン デマンド]({environment:SamplesUrl}/combo/load-on-demand): このサンプルでは、OData データ ソースを使用して、コンボ ボックスのロード オン デマンド機能とページング機能を使用する方法を紹介します。 +- [ロード オン デマンド](\{environment:SamplesUrl\}/combo/load-on-demand): このサンプルでは、OData データ ソースを使用して、コンボ ボックスのロード オン デマンド機能とページング機能を使用する方法を紹介します。 -- [仮想化]({environment:SamplesUrl}/combo/virtualization): このサンプルでは、UI 仮想化を有効にすると、`igCombo` コントロールはコンボでデータの大量を効率的に描画する方法を紹介します。 +- [仮想化](\{environment:SamplesUrl\}/combo/virtualization): このサンプルでは、UI 仮想化を有効にすると、`igCombo` コントロールはコンボでデータの大量を効率的に描画する方法を紹介します。 -- [フィルタリング]({environment:SamplesUrl}/combo/filtering): このサンプルでは、`igCombo` コントロールのドロップダウン リストは入力値に基づいてフィルターする方法を紹介します。自動補完およびオート コンプリート機能もサポートされます。 +- [フィルタリング](\{environment:SamplesUrl\}/combo/filtering): このサンプルでは、`igCombo` コントロールのドロップダウン リストは入力値に基づいてフィルターする方法を紹介します。自動補完およびオート コンプリート機能もサポートされます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/optimize-performance.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/optimize-performance.mdx index d0b5ba589d..74e38372e6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/optimize-performance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/optimize-performance.mdx @@ -3,6 +3,8 @@ title: "パフォーマンスの最適化 (igCombo)" slug: igcombo-optimize-performance --- +# パフォーマンスの最適化 (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # パフォーマンスの最適化 (igCombo) diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/typescript-support.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/typescript-support.mdx index 74a4f6a508..0553455413 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/typescript-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/configuring/typescript-support.mdx @@ -29,8 +29,8 @@ slug: igcombo-typescript-support ### <a id="Requirements"></a>要件 このサンプルを実行するために以下が必要です。 -- 必要となる {environment:ProductName} の JavaScript と CSS ファイル -- 必須な {environment:ProductName} TypeScript 定義 +- 必要となる \{environment:ProductName\} の JavaScript と CSS ファイル +- 必須な \{environment:ProductName\} TypeScript 定義 ### <a id="Overview"></a>概要 このトピックでは、TypeScript クラスの作成、データソース、および `igCombo` について順を追って説明します。 @@ -138,4 +138,4 @@ $(function () { ### <a id="Related_Content"></a>関連コンテンツ 以下のトピックでは、このトピックに関連する追加情報を提供しています。 -- [TypeScript で {environment:ProductName} を使用](Using-Ignite-UI-with-TypeScript.html) - このトピックでは、{environment:ProductName} の型定義を TypeScript で使用する方法の概要を説明します。 +- [TypeScript で \{environment:ProductName\} を使用](Using-Ignite-UI-with-TypeScript.html) - このトピックでは、\{environment:ProductName\} の型定義を TypeScript で使用する方法の概要を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/getting-started.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/getting-started.mdx index efa1420034..eda8efe6dd 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/getting-started.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/getting-started.mdx @@ -6,7 +6,6 @@ slug: igcombo-getting-started # igCombo の追加 - ##トピックの概要 @@ -20,8 +19,8 @@ slug: igcombo-getting-started まず以下のトピックを読む必要があります。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) ##基本的な igCombo 実装を作成する @@ -71,7 +70,7 @@ slug: igcombo-getting-started <div id="comboTarget"></div> ``` - `igCombo` をインスタンス化します。jQuery では、document ready JavaScript イベントを使用してコンボをインスタンス化できます。ASP.NET MVC では、{environment:ProductNameMVC} を使用して、`IQueryable` データ ソースにバインドします。 + `igCombo` をインスタンス化します。jQuery では、document ready JavaScript イベントを使用してコンボをインスタンス化できます。ASP.NET MVC では、\{environment:ProductNameMVC\} を使用して、`IQueryable` データ ソースにバインドします。 **HTML の場合:** @@ -166,7 +165,7 @@ slug: igcombo-getting-started **d. (ASP.NET MVC) Render() を呼び出します。** - {environment:ProductNameMVC} `Combo` をインスタンス化する場合、他のオプションの構成がすべて終了した後、最後にレンダリング メソッドを呼び出します。これは、クライアントで `igCombo` をインスタンス化するのに必要な HTML および JavaScript を描画するメソッドです。 + \{environment:ProductNameMVC\} `Combo` をインスタンス化する場合、他のオプションの構成がすべて終了した後、最後にレンダリング メソッドを呼び出します。これは、クライアントで `igCombo` をインスタンス化するのに必要な HTML および JavaScript を描画するメソッドです。 **ASPX の場合:** @@ -267,7 +266,7 @@ slug: igcombo-getting-started ###コード例: 基本的な ASP.NET MVC の実装 -以下のコードは、以下のパラメーターを指定した {environment:ProductNameMVC} `Combo` コントロールを作成・構成する方法を示します。 +以下のコードは、以下のパラメーターを指定した \{environment:ProductNameMVC\} `Combo` コントロールを作成・構成する方法を示します。 | プロパティ | 値 | @@ -317,8 +316,8 @@ public class DefaultController : Controller{ 以下は、その他の役立つトピックです。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/igcombo.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/igcombo.mdx index ffd344d2db..d18c945e19 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/igcombo.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/igcombo.mdx @@ -5,7 +5,6 @@ slug: igcombo-igcombo # igCombo - ##概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/jquery-and-asp-net-mvc-helper-api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/jquery-and-asp-net-mvc-helper-api-links.mdx index cb0aaa7884..6f3f190858 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/jquery-and-asp-net-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/jquery-and-asp-net-mvc-helper-api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igCombo)" slug: igcombo-jquery-and-asp-net-mvc-helper-api-links --- +# jQuery および MVC API リファレンス リンク (igCombo) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igCombo) diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/keyboard-navigation.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/keyboard-navigation.mdx index 82bf4e25ff..1d15228853 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/keyboard-navigation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "キーボード ナビゲーション (igCombo)" slug: igCombo-keyboard-navigation --- +# キーボード ナビゲーション (igCombo) + #キーボード ナビゲーション (igCombo) ##トピックの概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/known-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/known-limitations.mdx index a1bbafd46e..c300769e42 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/known-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/known-limitations.mdx @@ -6,7 +6,6 @@ slug: igcombo-known-limitations # 既知の問題と制限 (igCombo) - ##既知の問題点と制限の概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/migrating-to-the-new-combo.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/migrating-to-the-new-combo.mdx index 76a26e157a..0a826fd78a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/migrating-to-the-new-combo.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/migrating-to-the-new-combo.mdx @@ -3,6 +3,8 @@ title: "新しいコンボへの移行" slug: igcombo-migrating-to-the-new-combo --- +# 新しいコンボへの移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 新しいコンボへの移行 @@ -58,7 +60,7 @@ dataBindOnOpen|ドロップダウンが開かれる際にデータ バインデ text|初期化時にコンボ入力にカスタム テキストを設定するために使用されていました。|このオプションはサポートされていません。初期選択を設定するには、オプション [initialSelectedItems](#initialSelectedItems) を使用します。 clearSelectionOnBlur|テキスト入力が選択された項目テキストと一致しなかった場合に、選択された項目をぼかして保持するために使用されていました。主に `allowCustomValues` オプションとともに使用されていました。|このオプションはサポートされていません。 valueKeyType textKeyType|value / text データの背後のデータ型を指定するために使用されていました。|これらのオプションはサポートされていません。データ ソースからの value フィールドと text フィールドの型が使用されます。 -parentCombo cascadingDataSources parentComboKey|カスケード機能をセットアップするために使用されていました。|これらのオプションはサポートされていません。内部カスケード機能はサポートされなくなりました。これは、現在のコンボの選択変更イベントで関係するコンボ データ ソースを変更することで実現できます。[サンプル参照]({environment:SamplesUrl}/combo/cascading-combos) +parentCombo cascadingDataSources parentComboKey|カスケード機能をセットアップするために使用されていました。|これらのオプションはサポートされていません。内部カスケード機能はサポートされなくなりました。これは、現在のコンボの選択変更イベントで関係するコンボ データ ソースを変更することで実現できます。[サンプル参照](\{environment:SamplesUrl\}/combo/cascading-combos) @@ -248,7 +250,7 @@ var viewModel = new ViewModel(model); 以前のバージョンで拡張子がコンボ フィールドをモニターしました。新しい実装では、単一の選択だけでなく、複数の選択された項目をモニターできます。 この方法で、監視可能な入力要素が監視可能配列として定義できないため、igCombo を HTML 入力要素にバインドできません。一方、igEditors およびその拡張子が、HTML 入力要素と動作するようデザインされています。igCombo を HTML 入力要素と結合するには、以前のセクション (Knockout 結合の変更) に説明した実装を使用できます。 -このセクションのコードはカスタム解決を紹介します。ViewModel および View のコードに変更せずに新しい igCombo および Knockout 拡張子を使用できます。このポリフィルは、{environment:ProductName} の最新バージョンにアップグレードしますが、現在のコードを選択通知を処理するために変更できない場合に便利です。 +このセクションのコードはカスタム解決を紹介します。ViewModel および View のコードに変更せずに新しい igCombo および Knockout 拡張子を使用できます。このポリフィルは、\{environment:ProductName\} の最新バージョンにアップグレードしますが、現在のコードを選択通知を処理するために変更できない場合に便利です。 以下のバインド ハンドラーを igCombo の Knockout ハンドラーを読み込んだ後に定義します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/overview.mdx index a96a4e494f..3f317f1388 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/overview.mdx @@ -6,7 +6,6 @@ slug: igcombo-overview # igCombo の概要 - ##トピックの概要 @@ -37,11 +36,11 @@ slug: igcombo-overview 最初に、以下のトピックを読む必要があります。 -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) - [igGrid/igDataSource アーキテクチャの概要](/iggrid-igdatasource-architecture-overview)のデータ ソース コントロール セクション @@ -83,7 +82,7 @@ slug: igcombo-overview #### 関連サンプル -- [igCombo 仮想化]({environment:SamplesUrl}/combo/virtualization) +- [igCombo 仮想化](\{environment:SamplesUrl\}/combo/virtualization) ### オートコンプリート @@ -121,7 +120,7 @@ slug: igcombo-overview #### 関連サンプル -- [igCombo の複数選択]({environment:SamplesUrl}/combo/selection-and-checkboxes) +- [igCombo の複数選択](\{environment:SamplesUrl\}/combo/selection-and-checkboxes) ### ロード オン デマンド @@ -132,7 +131,7 @@ slug: igcombo-overview #### 関連サンプル -- [ロード オン デマンド]({environment:SamplesUrl}/combo/load-on-demand) +- [ロード オン デマンド](\{environment:SamplesUrl\}/combo/load-on-demand) ### キーボード ナビゲーション @@ -143,12 +142,12 @@ slug: igcombo-overview #### 関連サンプル -- [キーボード ナビゲーション]({environment:SamplesUrl}/combo/keyboard-navigation) +- [キーボード ナビゲーション](\{environment:SamplesUrl\}/combo/keyboard-navigation) -### {environment:ProductNameMVC} +### \{environment:ProductNameMVC\} -ASP.NET MVC ヘルパーを使用すると、サポートされるコード言語で {environment:ProductNameMVC} `igCombo` コントロールを構成できるようになります。再利用可能な View または ViewModel を ASP.NET MVC アプリケーションに作成すると、このコンボとのインターフェイスを確保できます。ASP.NET で IQueryable オブジェクトへのバインドもできます。さらに、ヘルパーによりクライアント側で使用する `igCombo` コントロールの JSON データが生成されます。 +ASP.NET MVC ヘルパーを使用すると、サポートされるコード言語で \{environment:ProductNameMVC\} `igCombo` コントロールを構成できるようになります。再利用可能な View または ViewModel を ASP.NET MVC アプリケーションに作成すると、このコンボとのインターフェイスを確保できます。ASP.NET で IQueryable オブジェクトへのバインドもできます。さらに、ヘルパーによりクライアント側で使用する `igCombo` コントロールの JSON データが生成されます。 ### 関連トピック @@ -159,7 +158,7 @@ ASP.NET MVC ヘルパーを使用すると、サポートされるコード言 #### 関連サンプル -- [{environment:ProductNameMVC} Combo]({environment:SamplesUrl}/combo/aspnet-mvc-helper) +- [\{environment:ProductNameMVC\} Combo](\{environment:SamplesUrl\}/combo/aspnet-mvc-helper) ##<a id="minimum-requirements"></a>最低必要条件 @@ -168,7 +167,7 @@ ASP.NET MVC ヘルパーを使用すると、サポートされるコード言 ###概要 -`igCombo` コントロールは jQuery UI ウィジェットの 1 つであるため、jQuery コアと jQuery UI JavaScript ライブラリに依存します。また、`igCombo` コントロールが機能の共有やデータのバインドに使用する {environment:ProductName}™ JavaScript リソースもいくつかあります。JavaScript の参照は、`igCombo` コントロールを純粋な JavaScript コンテキストのみで使用する場合もASP.NET MVC で使用する場合も必要になります。ASP.NET MVC で `igCombo` を使用する場合に、.NET 言語で `igCombo` を構成するには、Infragistics.Web.Mvc アセンブリが必要です。 +`igCombo` コントロールは jQuery UI ウィジェットの 1 つであるため、jQuery コアと jQuery UI JavaScript ライブラリに依存します。また、`igCombo` コントロールが機能の共有やデータのバインドに使用する \{environment:ProductName\}™ JavaScript リソースもいくつかあります。JavaScript の参照は、`igCombo` コントロールを純粋な JavaScript コンテキストのみで使用する場合もASP.NET MVC で使用する場合も必要になります。ASP.NET MVC で `igCombo` を使用する場合に、.NET 言語で `igCombo` を構成するには、Infragistics.Web.Mvc アセンブリが必要です。 ###要件 @@ -218,7 +217,7 @@ ASP.NET MVC ヘルパーを使用すると、サポートされるコード言 ### データ ソースへのバインドに関する概要 -ほとんどの場合、`igCombo` の `dataSource` または `dataSourceUrl` オプションを使用してデータをバインドします。このオプションは、サポートされるさまざまなデータ形式を処理できる `igDataSource` にデータを提供します。ただし、SELECT 要素を使用して `igCombo` のインスタンスを作成する場合は例外で、このオプションは使用しません。この場合、`igCombo` は元の SELECT 要素のデータおよびオプションを継承します。ASP.NET MVC では、{environment:ProductNameMVC} ヘルパーに IQueryable を供給すると、サーバーからのデータを簡単にシリアル化して、View と共にクライアントに渡せるようになります。そのページがブラウザーに渡されると、`igCombo` の `dataSource` オプションが設定され、クライアント側での操作に使用されます。 +ほとんどの場合、`igCombo` の `dataSource` または `dataSourceUrl` オプションを使用してデータをバインドします。このオプションは、サポートされるさまざまなデータ形式を処理できる `igDataSource` にデータを提供します。ただし、SELECT 要素を使用して `igCombo` のインスタンスを作成する場合は例外で、このオプションは使用しません。この場合、`igCombo` は元の SELECT 要素のデータおよびオプションを継承します。ASP.NET MVC では、\{environment:ProductNameMVC\} ヘルパーに IQueryable を供給すると、サーバーからのデータを簡単にシリアル化して、View と共にクライアントに渡せるようになります。そのページがブラウザーに渡されると、`igCombo` の `dataSource` オプションが設定され、クライアント側での操作に使用されます。 ##<a id="template-use-and-selection"></a>テンプレートの使用および選択 @@ -260,11 +259,11 @@ ASP.NET MVC ヘルパーを使用すると、サポートされるコード言 以下は、その他の役立つトピックです。 -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) - [igGrid/igDataSource アーキテクチャの概要](/iggrid-igdatasource-architecture-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/igcombo/using-themes.mdx b/docs/jquery/src/content/ja/topics/controls/igcombo/using-themes.mdx index 9fec938593..475faa49e9 100644 --- a/docs/jquery/src/content/ja/topics/controls/igcombo/using-themes.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igcombo/using-themes.mdx @@ -6,7 +6,6 @@ slug: igcombo-using-themes # igCombo のスタイル設定 - ##テーマの使用 @@ -21,7 +20,7 @@ slug: igcombo-using-themes `igCombo` に合わせて jQuery UI テーマをカスタマイズするために必要な情報は以下の各トピックに収められています。 -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) ##関連トピック diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/accessibility-compliance.mdx index d0135bec73..a11ff4c82a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/accessibility-compliance.mdx @@ -6,7 +6,6 @@ slug: igdatachart-accessibility-compliance # アクセシビリティ準拠 (igDataChart) - ##トピックの概要 @@ -32,7 +31,7 @@ slug: igdatachart-accessibility-compliance ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igDataChart` コントロールが各規則を遵守するための詳しい方法も含んでいます。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igDataChart` コントロールが各規則を遵守するための詳しい方法も含んでいます。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 @@ -62,7 +61,7 @@ slug: igdatachart-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [**アクセシビリティ準拠**](/accessibility-compliance): すべての {environment:ProductName} コントロールのアクセシビリティ準拠のための参照情報を提供します。 +- [**アクセシビリティ準拠**](/accessibility-compliance): すべての \{environment:ProductName\} コントロールのアクセシビリティ準拠のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/adding.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/adding.mdx index 906cefa9b9..fe7cddf2a1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/adding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/adding.mdx @@ -5,7 +5,6 @@ slug: igdatachart-adding # igDataChart の追加 - ## トピックの概要 ### 目的 @@ -23,9 +22,9 @@ slug: igdatachart-adding **トピック** -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview): {environment:ProductName}™ ライブラリにつぃての一般的情報 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): \{environment:ProductName\}™ ライブラリにつぃての一般的情報 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して {environment:ProductName} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して \{environment:ProductName\} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 - [igDataChart 概要](/igdatachart-overview): このトピックは、`igDataChart`™ コントロールについて、その主要機能、最低必須事項、ユーザー機能といった事項の概念的情報を提供します。 @@ -90,13 +89,13 @@ slug: igdatachart-adding Web サイトまたは Web アプリケーションの `Scripts` という名のフォルダーに jQuery、 jQueryUI および Modernizr JavaScript リソースを追加します。 - Web サイトまたは Web アプリケーションの `Content/ig` という名前のフォルダーへの {environment:ProductName} CSS ファイルの追加 (詳細は、[{environment:ProductName} のスタイルとテーマの設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 + Web サイトまたは Web アプリケーションの `Content/ig` という名前のフォルダーへの \{environment:ProductName\} CSS ファイルの追加 (詳細は、[\{environment:ProductName\} のスタイルとテーマの設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 - Web サイトまたは Web アプリケーションの `Scripts/ig` という名前のフォルダーへの {environment:ProductName} JavaScript ファイルの追加 (詳細は、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください)。 + Web サイトまたは Web アプリケーションの `Scripts/ig` という名前のフォルダーへの \{environment:ProductName\} JavaScript ファイルの追加 (詳細は、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください)。 <a id="use-igLoader-in-js"></a>**JavaScript での igLoader の使用** - `igLoader`™ コントロールは、{environment:ProductName} ライブラリのコントロールで必要な JavaScript および CSS リソースをロードするための推奨される方法です。最初に、`igLoader` スクリプトをページに追加します。 + `igLoader`™ コントロールは、\{environment:ProductName\} ライブラリのコントロールで必要な JavaScript および CSS リソースをロードするための推奨される方法です。最初に、`igLoader` スクリプトをページに追加します。 **HTML の場合:** @@ -122,7 +121,7 @@ slug: igdatachart-adding <a id="use-mvc-loader"></a>**MVC Loader の使用** - `Infragistics.Web.Mvc` アセンブリを ASP.NET MVC プロジェクトで参照し、対応する名前空間をビューで参照する必要があります。詳細については、[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)をご覧ください。ただし、明確にするため、名前空間を参照するコードはここに記載します。 + `Infragistics.Web.Mvc` アセンブリを ASP.NET MVC プロジェクトで参照し、対応する名前空間をビューで参照する必要があります。詳細については、[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)をご覧ください。ただし、明確にするため、名前空間を参照するコードはここに記載します。 **ASPX の場合:** @@ -156,7 +155,7 @@ slug: igdatachart-adding **ASP.NET の例** - ASP.NET MVC では、{environment:ProductNameMVC} が必要なマークアップを自動的に追加するためコンテナ要素は不要です。 + ASP.NET MVC では、\{environment:ProductNameMVC\} が必要なマークアップを自動的に追加するためコンテナ要素は不要です。 3. データ ソースを追加します。 <a id="add-data-array"></a> @@ -252,7 +251,7 @@ slug: igdatachart-adding **ASP.NET の例** - 以下のコードは、`Infragistics.Web.Mvc` アセンブリで提供されている {environment:ProductNameMVC} DataChart を使用して `igDataChart` の主な機能をインスタンス化して設定します。データ モデル は、DataChart(Model) 呼び出しでコントロールに関連付けられ、残りの呼び出しは HTML の例と似た振る舞いをします。 + 以下のコードは、`Infragistics.Web.Mvc` アセンブリで提供されている \{environment:ProductNameMVC\} DataChart を使用して `igDataChart` の主な機能をインスタンス化して設定します。データ モデル は、DataChart(Model) 呼び出しでコントロールに関連付けられ、残りの呼び出しは HTML の例と似た振る舞いをします。 **ASPX の場合:** @@ -470,7 +469,7 @@ slug: igdatachart-adding - [igDataChart をデータにバインド](/igdatachart-databinding): 各種データ ソースから chart コントロールにデータをバインドする方法を示します。これには、JavaScript 配列、JSON、WCF サービスがあります。どれだけのボリュームのデータを chart コントロールにデータ バインドできるかを示します。 -- [jQuery および MVC API リファレンス リンク (igDataChart)](/igdatachart-api-links): `igDataChart` の jQuery API リファレンスを参照し、すべての {environment:ProductNameMVC} プロパティとコード スニペットを記載したリファレンス テーブルが入っています。 +- [jQuery および MVC API リファレンス リンク (igDataChart)](/igdatachart-api-links): `igDataChart` の jQuery API リファレンスを参照し、すべての \{environment:ProductNameMVC\} プロパティとコード スニペットを記載したリファレンス テーブルが入っています。 - [igDataChart のスタイル設定](/igdatachart-styling-themes): `igDataChart`™ コントロールを使用してスタイルとテーマを適用する方法を示します。 @@ -481,9 +480,9 @@ slug: igdatachart-adding このトピックについては、以下のサンプルも参照してください。 -- [棒および柱状シリーズ]({environment:SamplesUrl}/data-chart/bar-and-column-series): `igDataChart` コントロールを使用して棒チャートおよび柱状チャートを実装する方法を紹介します。 +- [棒および柱状シリーズ](\{environment:SamplesUrl\}/data-chart/bar-and-column-series): `igDataChart` コントロールを使用して棒チャートおよび柱状チャートを実装する方法を紹介します。 -- [複合チャート]({environment:SamplesUrl}/data-chart/composite-chart): このサンプルでは、別の範囲を持つ 2 つの Y 軸と柱状シリーズと折れ線シリーズの 2 つのデータ シリーズ タイプを含む複合チャートを構成する方法を紹介します。 +- [複合チャート](\{environment:SamplesUrl\}/data-chart/composite-chart): このサンプルでは、別の範囲を持つ 2 つの Y 軸と柱状シリーズと折れ線シリーズの 2 つのデータ シリーズ タイプを含む複合チャートを構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/api-links.mdx index 0da5843f6a..b6f83fe8e6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igDataChart)" slug: igdatachart-api-links --- +# jQuery および MVC API リファレンス リンク (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igDataChart) @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ##トピックの概要 ### 目的 -このトピックは、`igDataChart`™ の jQuery および {environment:ProductNameMVC} クラスのたえの API マニュアルへのリンクを提供します。 +このトピックは、`igDataChart`™ の jQuery および \{environment:ProductNameMVC\} クラスのたえの API マニュアルへのリンクを提供します。 ### 必要な背景 @@ -26,7 +28,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 概要 -`igDataChart` は、{environment:ProductNameMVC} を含む jQuery UI ウィジェットとしてビルドされます。それぞれの API についての詳細は、以下に示された API マニュアルへのリンク先を参照してください。 +`igDataChart` は、\{environment:ProductNameMVC\} を含む jQuery UI ウィジェットとしてビルドされます。それぞれの API についての詳細は、以下に示された API マニュアルへのリンク先を参照してください。 ### API マニュアル参照の概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/animating-charts.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/animating-charts.mdx index ec4e7e5d36..03f006c472 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/animating-charts.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/animating-charts.mdx @@ -5,11 +5,10 @@ slug: igdatachart-animating-charts # チャートのアニメーション化 (チャートの Motion Framework) - ##トピックの概要 ### 概要 -Infragistics® Motion Framework™ は、{environment:ProductName}™ チャート コントロールのデータ変更をアニメーション化するためのフレームワークです。 +Infragistics® Motion Framework™ は、\{environment:ProductName\}™ チャート コントロールのデータ変更をアニメーション化するためのフレームワークです。 ### トピック diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/animating-html.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/animating-html.mdx index 9d90c32fb1..ae76b590cd 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/animating-html.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/animating-html.mdx @@ -6,13 +6,12 @@ slug: igdatachart-animating-html # HTML および JavaScript におけるチャートのアニメーション化 (igDataChart) - ##トピックの概要 ### 目的 -このトピックでは、HTML ビューを作成し、JavaScript を使用して動的に柱状チャートにデータを追加し、{environment:ProductName} ライブラリにあるチャートの Motion Framework を使用してデータの変化をアニメーション化する方法について説明します。 +このトピックでは、HTML ビューを作成し、JavaScript を使用して動的に柱状チャートにデータを追加し、\{environment:ProductName\} ライブラリにあるチャートの Motion Framework を使用してデータの変化をアニメーション化する方法について説明します。 ### 前提条件 @@ -241,7 +240,7 @@ HTML ビューの作成を終えれば、[項目の追加] ボタンをクリッ このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [ASP.NET MVC でのチャートのアニメーション化 (igDataChart)](./02_Animating Charts in ASP.NET MVC.mdx): このトピックでは、MVC ビューを作成し、jQuery を使用して　AJAX POST 要求によって動的に柱状チャートにデータを追加し、{environment:ProductName} ライブラリにあるチャートの Motion Framework を使用してデータの変化をアニメーション化する方法について説明します。 +- [ASP.NET MVC でのチャートのアニメーション化 (igDataChart)](./02_Animating Charts in ASP.NET MVC.mdx): このトピックでは、MVC ビューを作成し、jQuery を使用して　AJAX POST 要求によって動的に柱状チャートにデータを追加し、\{environment:ProductName\} ライブラリにあるチャートの Motion Framework を使用してデータの変化をアニメーション化する方法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/charts-in-aspnet-mvc.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/charts-in-aspnet-mvc.mdx index cdd033f777..11a23a0590 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/charts-in-aspnet-mvc.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/charts-in-aspnet-mvc.mdx @@ -6,7 +6,6 @@ slug: animating-charts-in-asp.net-mvc # ASP.NET MVC でのチャートのアニメーション化 (igDataChart) - ##トピックの概要 @@ -301,7 +300,7 @@ Motion Framework をアクティブ化するには、**一部のメカニズム このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [HTML および JavaScript におけるチャートのアニメーション化](/igdatachart-animating-html) : 次の方法を紹介します。HTML ビューを作成する、JavaScript を使用して柱状チャートにデータを動的に追加する、{environment:ProductName} ライブラリでチャートの Motion Framework を使用してデータ変更をアニメーション化する。 +- [HTML および JavaScript におけるチャートのアニメーション化](/igdatachart-animating-html) : 次の方法を紹介します。HTML ビューを作成する、JavaScript を使用して柱状チャートにデータを動的に追加する、\{environment:ProductName\} ライブラリでチャートの Motion Framework を使用してデータ変更をアニメーション化する。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/motion-framework.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/motion-framework.mdx index f0b2b5d874..57a4b72c5f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/motion-framework.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/animating/motion-framework.mdx @@ -2,6 +2,9 @@ title: "チャートの Infragistics Motion Framework の概要 (igDataChart)" slug: igdatachart-motion-framework --- + +# チャートの Infragistics Motion Framework の概要 (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # チャートの Infragistics Motion Framework の概要 (igDataChart) @@ -37,7 +40,7 @@ Infragistics Motion Framework はまるでデータについてのストーリ Motion Framework の基本原理は、データを継続的にまたは一括でチャート コントロールに提供し、適切な API メソッドを呼び出してデータの変更に対応し、データを十分にカスタマイズできるアニメーション化された視覚表現でレンダリングすることです。 -開発者は、Motion Framework を {environment:ProductName} チャート コントロールと併用することによって、ビジュアルを向上させ、データの背後にある傾向や意味をあますところなく表現することができます。 +開発者は、Motion Framework を \{environment:ProductName\} チャート コントロールと併用することによって、ビジュアルを向上させ、データの背後にある傾向や意味をあますところなく表現することができます。 @@ -67,7 +70,7 @@ Infragistics Motion Network 対応の構成可能なチャート アニメーシ 以下のサンプルでは、igDataChart で Motion Framework™ を使用し、データの推移を効果的に視覚化しています。 <div class="embed-sample"> - [Motion Framework]({environment:SamplesEmbedUrl}/data-chart/motion-framework) + [Motion Framework](\{environment:SamplesEmbedUrl\}/data-chart/motion-framework) </div> ##関連コンテンツ diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/axis-intervals.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/axis-intervals.mdx index d68d964efe..78aeed739c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/axis-intervals.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/axis-intervals.mdx @@ -6,7 +6,6 @@ slug: igdatachart-configuring-axis-intervals # 軸間隔の構成 (igDataChart) - ##トピックの概要 @@ -49,7 +48,7 @@ slug: igdatachart-configuring-axis-intervals 以下の実例は NumericX および NumericY 軸を使用する構成可能な `igDataChart` コントロールを紹介します。Interval、MinorInterval、MajorStroke、および MinorStroke オプションを設定できます。 <div class="embed-sample"> - [NumericXAxis の間隔]({environment:SamplesEmbedUrl}/data-chart/numeric-xaxis-intervals) + [NumericXAxis の間隔](\{environment:SamplesEmbedUrl\}/data-chart/numeric-xaxis-intervals) ![](../../../images/images/jQuery_AxisIntervals_NumericXY_01.png) </div> @@ -146,7 +145,7 @@ $("#container").igDataChart({ このサンプルは、軸の主間隔と副間隔のプロパティを CategoryXAxis に設定して、以下の設定の結果 (MinorInterval、MinorStroke、MinorStrokeThickness、Interval、MajorStroke、および MajorStrokeThickness) として表示した `igDataChart` コントロールを紹介します。 <div class="embed-sample"> - [CategoryXAxis の間隔]({environment:SamplesEmbedUrl}/data-chart/category-xaxis-intervals) + [CategoryXAxis の間隔](\{environment:SamplesEmbedUrl\}/data-chart/category-xaxis-intervals) ![](../../../images/images/jQuery_AxisIntervals_CategoryX_01.png) </div> diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/axis-title.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/axis-title.mdx index bb9a174fdc..b21526c561 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/axis-title.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/axis-title.mdx @@ -6,7 +6,6 @@ slug: igdatachart-axis-title # 軸のタイトルの構成 (igDataChart) - ##トピックの概要 @@ -119,7 +118,7 @@ $("#container").igDataChart({ 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [軸タイトル]({environment:SamplesUrl}/data-chart/axis-title) : `igDataChart` コントロールの軸タイトルの機能を使用して、チャートの軸に関する情報を追加できます。 +- [軸タイトル](\{environment:SamplesUrl\}/data-chart/axis-title) : `igDataChart` コントロールの軸タイトルの機能を使用して、チャートの軸に関する情報を追加できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/chart-titles-and-subtitles.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/chart-titles-and-subtitles.mdx index 5a90e54368..c6271f0683 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/chart-titles-and-subtitles.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/chart-titles-and-subtitles.mdx @@ -6,7 +6,6 @@ slug: igdatachart-chart-titles-and-subtitles # チャートのタイトル / サブタイトルの構成 (igDataChart) - ##トピックの概要 @@ -94,7 +93,7 @@ slug: igdatachart-chart-titles-and-subtitles <div class="embed-sample"> - [チャートのタイトルおよびサブタイトル]({environment:SamplesEmbedUrl}/data-chart/chart-title) + [チャートのタイトルおよびサブタイトル](\{environment:SamplesEmbedUrl\}/data-chart/chart-title) ![](../../../images/images/igDataChart_Chart_Title_02.png) </div> diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-datalegend.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-datalegend.mdx index 83f5ccc784..89f7228cae 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-datalegend.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-datalegend.mdx @@ -1,6 +1,7 @@ --- title: "データ凡例" --- + # データ凡例 `igDataLegend` は `Legend` のように機能するコンポーネントですが、シリーズの値の表示や、シリーズの行と値の列のフィルタリング、値のスタイルと書式を設定するための多くの構成プロパティを提供します。この凡例は、`igDataChart` のプロット領域内でマウスを移動すると更新され、ユーザーのマウス ポインターがプロット領域を離れたときに最後にホバーされたポイントを記憶する永続的な状態になります。このコンテンツは、3 種類の行と 4 種類の列のセットを使用して表示されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-datatooltip.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-datatooltip.mdx index 0e09c86c41..badbc0f3e0 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-datatooltip.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-datatooltip.mdx @@ -1,6 +1,7 @@ --- title: "チャートのデータ ツールチップ" --- + # チャートのデータ ツールチップ `DataToolTipLayer` は、シリーズの値とタイトル、およびシリーズの凡例バッジをツールチップに表示します。さらに、シリーズの行と値の列をフィルタリングし、値をスタイル設定し、書式を設定するための `igDataLegend` の多くの構成プロパティを提供します。このツールチップ タイプは、`igCategoryChart`、`igFinancialChart`、および `igDataChart` コンポーネントのプロット領域内でマウスを動かすと更新されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-navigation-features.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-navigation-features.mdx index f7e5510515..256985278b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-navigation-features.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-navigation-features.mdx @@ -3,6 +3,8 @@ title: "ナビゲーション機能の構成 (igDataChart)" slug: igdatachart-configuring-navigation-features --- +# ナビゲーション機能の構成 (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ナビゲーション機能の構成 (igDataChart) @@ -87,7 +89,7 @@ OPD パネルの表示/非表示|既定では、OPD パネルは表示されま このサンプルでは、jQuery チャートのさまざまなナビゲーション方法を紹介します。コントロールのコンテンツを組み込みキーボード ナビゲーション (矢印キー、Page Up/Down、Home キー)、組み込みマウス ナビゲーション (Shift キー + マウス ドラッグ、マウス スクロール、マウス ダウン + マウス ドラッグ)、概要と詳細ペイン、またはコード ビハインドでコントロールのウィンドウ位置およびスケール プロパティによってパンニングやズームができます。 <div class="embed-sample"> - [チャート ナビゲーション]({environment:SamplesEmbedUrl}/data-chart/chart-navigation) + [チャート ナビゲーション](\{environment:SamplesEmbedUrl\}/data-chart/chart-navigation) </div> diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-timexaxis.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-timexaxis.mdx index 9617643e68..5172972496 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-timexaxis.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring-timexaxis.mdx @@ -213,4 +213,4 @@ TimeXAxis は TimeAxisInterval 型の Intervals コレクションを提供し 以下のサンプルでは、このトピックに関連する追加情報を提供しています。 -- [時間 X 軸]({environment:SamplesUrl}/data-chart/time-x-axis): このサンプルは、`igDataChart` コントロールで時間 X 軸の軸ブレーク機能を紹介します。 \ No newline at end of file +- [時間 X 軸](\{environment:SamplesUrl\}/data-chart/time-x-axis): このサンプルは、`igDataChart` コントロールで時間 X 軸の軸ブレーク機能を紹介します。 \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring.mdx index 09edd127c5..58223b8133 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/configuring.mdx @@ -6,7 +6,6 @@ slug: igdatachart-configuring # igDataChart の構成 - ##このグループのトピックについて @@ -19,7 +18,7 @@ slug: igdatachart-configuring - [チャートのアニメーション化 (チャートの Motion Framework)](/igdatachart-animating-charts) -Infragistics® Motion Framework™ は、{environment:ProductName}™ チャート コントロールのデータ変更をアニメーション化するためのフレームワークです。 +Infragistics® Motion Framework™ は、\{environment:ProductName\}™ チャート コントロールのデータ変更をアニメーション化するためのフレームワークです。 - [ナビゲーション機能の構成 (igDataChart)](/igdatachart-configuring-navigation-features) diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/callout-layer.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/callout-layer.mdx index 63ceb35f21..fadf195b0c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/callout-layer.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/callout-layer.mdx @@ -5,7 +5,6 @@ slug: hoverinteractions-callout-layer # コールアウト レイヤーの構成 (igDataChart) - ## トピックの概要 ### 目的 @@ -108,4 +107,4 @@ $(function () { 以下のサンプルでは、このトピックに関連する追加情報を提供します。 -- [コールアウト レイヤー]({environment:SamplesUrl}/data-chart/callout-layer): このサンプルは、`igDataChart` でコールアウト注釈レイヤーを使用しています。 +- [コールアウト レイヤー](\{environment:SamplesUrl\}/data-chart/callout-layer): このサンプルは、`igDataChart` でコールアウト注釈レイヤーを使用しています。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-highlight-layer.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-highlight-layer.mdx index 60d6fc98e1..0aa94fe39c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-highlight-layer.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-highlight-layer.mdx @@ -72,7 +72,7 @@ useInterpolation|bool|このプロパティは、強調表示バンドがグリ このサンプル オプション ペインでは、カテゴリ ハイライト レイヤーのプロパティを変更できます。強調表示の色、アウトライン、太さなどの変更が可能です。 <div class="embed-sample"> - [カテゴリ ハイライト レイヤー]({environment:SamplesEmbedUrl}/data-chart/category-highlight-layer) + [カテゴリ ハイライト レイヤー](\{environment:SamplesEmbedUrl\}/data-chart/category-highlight-layer) ![](../../../../images/images/jQuery_Category_Highlight_Layer_01.png) </div> @@ -105,7 +105,7 @@ useInterpolation|bool|このプロパティは、強調表示バンドがグリ - [ホバー操作 - 十字線レイヤー](/hoverinteractions-crosshair-layer#example): このサンプルは、ターゲットとする各シリーズの実際の値で交差する、十字線を提供する十字線レイヤーを紹介します。このサンプル オプション ペインでは、十字線の太さの変更など、レイヤー プロパティを編集できます。 -- [ホバー操作 - 複数レイヤー]({environment:SamplesUrl}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 +- [ホバー操作 - 複数レイヤー](\{environment:SamplesUrl\}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-item-highlight-layer.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-item-highlight-layer.mdx index 45db8a5ca1..f96661125b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-item-highlight-layer.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-item-highlight-layer.mdx @@ -69,7 +69,7 @@ useInterpolation|bool|このプロパティは、強調表示バンドがグリ このサンプルは、カテゴリ項目ハイライト レイヤーでカテゴリ軸を使用、その場でバンド図形またはマーカーを描画してシリーズの項目を強調表示します。このサンプル オプション ペインでは、カテゴリ ハイライト レイヤーのプロパティを変更できます。強調表示の色、アウトライン、太さなどの変更が可能です。 <div class="embed-sample"> - [カテゴリ項目ハイライト レイヤー]({environment:SamplesEmbedUrl}/data-chart/category-item-highlight-layer) + [カテゴリ項目ハイライト レイヤー](\{environment:SamplesEmbedUrl\}/data-chart/category-item-highlight-layer) ![](../../../../images/images/jQuery_Item_Highlight_Layer_01.png) </div> @@ -102,7 +102,7 @@ useInterpolation|bool|このプロパティは、強調表示バンドがグリ - [ホバー操作 - 十字線レイヤー](/hoverinteractions-crosshair-layer#example): このサンプルは、ターゲットとする各シリーズの実際の値で交差する、十字線を提供する十字線レイヤーを紹介します。このサンプル オプション ペインでは、十字線の太さの変更など、レイヤー プロパティを編集できます。 -- [ホバー操作 - 複数レイヤー]({environment:SamplesUrl}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 +- [ホバー操作 - 複数レイヤー](\{environment:SamplesUrl\}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-tooltip-layer.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-tooltip-layer.mdx index 0fb657054e..a2bfc0d52a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-tooltip-layer.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/category-tooltip-layer.mdx @@ -71,7 +71,7 @@ toolTipPosition|categoryTooltipLayerPosition|このプロパティは、ツー このサンプル オプション ペインでは、ツールチップの位置の変更など、レイヤーのプロパティを編集できます。 <div class="embed-sample"> - [カテゴリ ツールチップ レイヤー]({environment:SamplesEmbedUrl}/data-chart/category-tooltip-layer) + [カテゴリ ツールチップ レイヤー](\{environment:SamplesEmbedUrl\}/data-chart/category-tooltip-layer) ![](../../../../images/images/jQuery_Category_Tooltip_Layer_01.png) </div> @@ -105,7 +105,7 @@ toolTipPosition|categoryTooltipLayerPosition|このプロパティは、ツー - [ホバー操作 - 十字線レイヤー](/hoverinteractions-crosshair-layer#example): このサンプルは、ターゲットとする各シリーズの実際の値で交差する、十字線を提供する十字線レイヤーを紹介します。このサンプル オプション ペインでは、十字線の太さの変更など、レイヤー プロパティを編集できます。 -- [ホバー操作 - 複数レイヤー]({environment:SamplesUrl}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 +- [ホバー操作 - 複数レイヤー](\{environment:SamplesUrl\}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/common-properties.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/common-properties.mdx index 0a614d4063..f39365c0dc 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/common-properties.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/common-properties.mdx @@ -142,14 +142,14 @@ useLegend | True 以下のサンプルでは、このトピックに関連する追加情報を提供します。 -- [ホバー操作 - カテゴリ ハイライト レイヤー]({environment:SamplesUrl}/data-chart/category-highlight-layer): このサンプルは、カテゴリ軸をターゲットとするカテゴリ ハイライト レイヤー、または `igDataChart` コントロールのすべてのカテゴリ軸を示します。このサンプル オプション ペインでは、カテゴリ ハイライト レイヤーのプロパティを変更できます。強調表示の色、アウトライン、太さなどの変更が可能です。 +- [ホバー操作 - カテゴリ ハイライト レイヤー](\{environment:SamplesUrl\}/data-chart/category-highlight-layer): このサンプルは、カテゴリ軸をターゲットとするカテゴリ ハイライト レイヤー、または `igDataChart` コントロールのすべてのカテゴリ軸を示します。このサンプル オプション ペインでは、カテゴリ ハイライト レイヤーのプロパティを変更できます。強調表示の色、アウトライン、太さなどの変更が可能です。 -- [ホバー操作 – カテゴリ項目ハイライト レイヤー]({environment:SamplesUrl}/data-chart/category-item-highlight-layer): このサンプルは、カテゴリ項目ハイライト レイヤーでカテゴリ軸を使用、その場でバンド図形またはマーカーを描画してシリーズの項目を強調表示します。このサンプル オプション ペインでは、カテゴリ ハイライト レイヤーのプロパティを変更できます。強調表示の色、アウトライン、太さなどの変更が可能です。 +- [ホバー操作 – カテゴリ項目ハイライト レイヤー](\{environment:SamplesUrl\}/data-chart/category-item-highlight-layer): このサンプルは、カテゴリ項目ハイライト レイヤーでカテゴリ軸を使用、その場でバンド図形またはマーカーを描画してシリーズの項目を強調表示します。このサンプル オプション ペインでは、カテゴリ ハイライト レイヤーのプロパティを変更できます。強調表示の色、アウトライン、太さなどの変更が可能です。 -- [ホバー操作 - カテゴリ ツールチップ レイヤー ({environment:SamplesUrl}/data-chart/category-tooltip-layer): このサンプルは、カテゴリ軸を使用したカテゴリ ツールチップ レイヤーを示します。このサンプル オプション ペインでは、ツールチップの位置の変更など、レイヤーのプロパティを編集できます。 +- [ホバー操作 - カテゴリ ツールチップ レイヤー (\{environment:SamplesUrl\}/data-chart/category-tooltip-layer): このサンプルは、カテゴリ軸を使用したカテゴリ ツールチップ レイヤーを示します。このサンプル オプション ペインでは、ツールチップの位置の変更など、レイヤーのプロパティを編集できます。 -- [ホバー操作 – Crosshair Layer]({environment:SamplesUrl}/data-chart/crosshair-layer): このサンプルは、ターゲットとする実際の値に一致する十字線を提供する十字線レイヤーを紹介します。このサンプル オプション ペインでは、十字線の太さの変更など、レイヤー プロパティを編集できます。 +- [ホバー操作 – Crosshair Layer](\{environment:SamplesUrl\}/data-chart/crosshair-layer): このサンプルは、ターゲットとする実際の値に一致する十字線を提供する十字線レイヤーを紹介します。このサンプル オプション ペインでは、十字線の太さの変更など、レイヤー プロパティを編集できます。 -- [ホバー操作 - 項目ツールチップ レイヤー{environment:SamplesUrl}/data-chart/item-tooltip-layer): このサンプルは、すべてのターゲット シリーズに個別にツールチップを表示する項目ツールチップ レイヤーを示します。このサンプル オプション ペインでは、トランジション期間の変更など、レイヤー プロパティを編集できます。 +- [ホバー操作 - 項目ツールチップ レイヤー\{environment:SamplesUrl\}/data-chart/item-tooltip-layer): このサンプルは、すべてのターゲット シリーズに個別にツールチップを表示する項目ツールチップ レイヤーを示します。このサンプル オプション ペインでは、トランジション期間の変更など、レイヤー プロパティを編集できます。 -- [ホバー操作 – 複数レイヤー]({environment:SamplesUrl}/data-chart/multiple-layers): このサンプルは、`igDataChart` 内で複数レイヤーを操作する方法を示します。 このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 +- [ホバー操作 – 複数レイヤー](\{environment:SamplesUrl\}/data-chart/multiple-layers): このサンプルは、`igDataChart` 内で複数レイヤーを操作する方法を示します。 このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/crosshair-layer.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/crosshair-layer.mdx index 0f785da2df..afb9a7d4d1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/crosshair-layer.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/crosshair-layer.mdx @@ -5,7 +5,6 @@ slug: hoverinteractions-crosshair-layer # 十字線レイヤーの構成 (igDataChart) - ## トピックの概要 ### 目的 @@ -91,7 +90,7 @@ xAxisAnnotationStrokeThickness<br/>yAxisAnnotationStrokeThickness | number | 注 このサンプル オプション ペインでは、十字線の太さの変更など、レイヤー プロパティを編集できます。 <div class="embed-sample"> - [十字線レイヤー]({environment:SamplesEmbedUrl}/data-chart/crosshair-layer) + [十字線レイヤー](\{environment:SamplesEmbedUrl\}/data-chart/crosshair-layer) ![](../../../../images/images/jQuery_Crosshair_Layer_01.png) </div> @@ -125,7 +124,7 @@ xAxisAnnotationStrokeThickness<br/>yAxisAnnotationStrokeThickness | number | 注 - [ホバー操作 - 項目ツールチップ レイヤー](/hoverinteractions-item-tooltip-layer#example): このサンプルは、各ターゲット シリーズにツールチップを表示する項目ツールチップ レイヤーを紹介します。このサンプル オプション ペインでは、トランジション期間の変更など、レイヤー プロパティを編集できます。 -- [ホバー操作 - 複数レイヤー]({environment:SamplesUrl}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 +- [ホバー操作 - 複数レイヤー](\{environment:SamplesUrl\}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/final-value-layer.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/final-value-layer.mdx index 4f1feec7d0..9cb3f6d98a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/final-value-layer.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/final-value-layer.mdx @@ -5,7 +5,6 @@ slug: hoverinteractions-final-value-layer # 最終値レイヤーの構成 (igDataChart) - ## トピックの概要 ### 目的 @@ -90,4 +89,4 @@ $(function () { 以下のサンプルでは、このトピックに関連する追加情報を提供します。 -- [ホバー操作 – 複数レイヤー]({environment:SamplesUrl}/data-chart/final-value-layer): このサンプルは、`igDataChart` で最終値注釈レイヤーを使用しています。 +- [ホバー操作 – 複数レイヤー](\{environment:SamplesUrl\}/data-chart/final-value-layer): このサンプルは、`igDataChart` で最終値注釈レイヤーを使用しています。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/item-tooltip-layer.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/item-tooltip-layer.mdx index 22be67e7fa..0d5d33b761 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/item-tooltip-layer.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/hover-interactions/item-tooltip-layer.mdx @@ -5,7 +5,6 @@ slug: hoverinteractions-item-tooltip-layer # 項目ツールチップ レイヤーの構成 (igDataChart) - ## トピックの概要 ### 目的 @@ -73,7 +72,7 @@ useInterpolation|bool|このプロパティは、ツールチップの x 位置 このサンプル オプション ペインでは、トランジション期間の変更など、レイヤー プロパティを編集できます。 <div class="embed-sample"> - [項目ツールチップ レイヤー]({environment:SamplesEmbedUrl}/data-chart/item-tooltip-layer) + [項目ツールチップ レイヤー](\{environment:SamplesEmbedUrl\}/data-chart/item-tooltip-layer) ![](../../../../images/images/jQuery_Item_Tooltip_Layer_01.png) </div> @@ -107,7 +106,7 @@ useInterpolation|bool|このプロパティは、ツールチップの x 位置 - [ホバー操作 - 十字線レイヤー](/hoverinteractions-crosshair-layer#example): このサンプルは、ターゲットとする各シリーズの実際の値で交差する、十字線を提供する十字線レイヤーを紹介します。このサンプル オプション ペインでは、十字線の太さの変更など、レイヤー プロパティを編集できます。 -- [ホバー操作 - 複数レイヤー]({environment:SamplesUrl}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 +- [ホバー操作 - 複数レイヤー](\{environment:SamplesUrl\}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/igchart-transitions-in-animations.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/igchart-transitions-in-animations.mdx index a99d538aa8..ad7d5171c0 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/igchart-transitions-in-animations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/igchart-transitions-in-animations.mdx @@ -6,7 +6,6 @@ slug: igchart-transitions-in-animations # トランジション イン アニメーション - ##トピックの概要 @@ -48,7 +47,7 @@ slug: igchart-transitions-in-animations ###<a id="overview"></a> 概要 -この機能は、新しいデータ ソースを読み込むときのシリーズのアニメーション化を可能にします。利用可能なアニメーションは、シリーズのタイプに基づきます。たとえば、`columnSeries` は x 軸から上昇するアニメーション、`lineSeries` は y 軸から描画するアニメーションを再生します。シリーズのアニメーションについて、[トランジション アニメーション]({environment:SamplesUrl}/data-chart/transition-animation) サンプルおよび[トランジション アニメーション (財務)](/igchart-transitions-in-animations#transition-example) を参照してください。 +この機能は、新しいデータ ソースを読み込むときのシリーズのアニメーション化を可能にします。利用可能なアニメーションは、シリーズのタイプに基づきます。たとえば、`columnSeries` は x 軸から上昇するアニメーション、`lineSeries` は y 軸から描画するアニメーションを再生します。シリーズのアニメーションについて、[トランジション アニメーション](\{environment:SamplesUrl\}/data-chart/transition-animation) サンプルおよび[トランジション アニメーション (財務)](/igchart-transitions-in-animations#transition-example) を参照してください。 `isTransitionInEnabled` プロパティを `true` に設定すると、アニメーション化されたトランジションを有効にします。 @@ -123,7 +122,7 @@ slug: igchart-transitions-in-animations 以下の例は、財務チャートでトランジション イン アニメーションを有効にして変更する方法を紹介します。 <div class="embed-sample"> - [トランジション アニメーション (財務)]({environment:SamplesEmbedUrl}/data-chart/transition-animation-financial) + [トランジション アニメーション (財務)](\{environment:SamplesEmbedUrl\}/data-chart/transition-animation-financial) </div> ##<a id="related-content"></a>関連コンテンツ @@ -144,7 +143,7 @@ and bind it to data. このトピックについては、以下のサンプルも参照してください。 -- [トランジション アニメーション]({environment:SamplesUrl}/data-chart/transition-animation): このサンプルは、チャートの初期化で再生するアニメーション機能を紹介します。 +- [トランジション アニメーション](\{environment:SamplesUrl\}/data-chart/transition-animation): このサンプルは、チャートの初期化で再生するアニメーション機能を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/knockoutjs-support.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/knockoutjs-support.mdx index 1df015a44c..99a4b3a8ca 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/knockoutjs-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/knockoutjs-support.mdx @@ -2,6 +2,9 @@ title: "Knockout サポートの構成 (igDataChart)" slug: igdatachart-knockoutjs-support --- + +# Knockout サポートの構成 (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Knockout サポートの構成 (igDataChart) @@ -161,10 +164,10 @@ $.ig.loader({ このサンプルは、Knockout ビュー モデルのデータ ソースの変更を処理する igDataChart コントロールを紹介します。コントロールを再バインドせずにチャートが更新されます。デフォルトで、サンプルは月の最初の 10 日の売上および経費を表示します。チャートに日を追加/削除するか、項目を移動し、チャートを更新します。 ->**注:** Knockout 拡張子が {environment:ProductNameMVC} との互換性がありません。 +>**注:** Knockout 拡張子が \{environment:ProductNameMVC\} との互換性がありません。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/data-chart/edit-chart-items-with-knockout]({environment:SamplesEmbedUrl}/data-chart/edit-chart-items-with-knockout) + [\{environment:SamplesEmbedUrl\}/data-chart/edit-chart-items-with-knockout](\{environment:SamplesEmbedUrl\}/data-chart/edit-chart-items-with-knockout) </div> ##関連コンテンツ @@ -182,7 +185,7 @@ $.ig.loader({ - [Knockout サポートの構成 (igCombo)](/igbulletgraph-configuring): このトピックは、Knockout ライブラリにより管理されるビューモードのオブジェクトをバインドするために `igCombo` コントロールを構成する方法について説明します。 -- [Knockout サポートの構成 (igEditors)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): このトピックは、Knockout ライブラリを使用してビューモード オブジェクトをバインドするために {environment:ProductName} エディター コントロールを構成する方法について説明します。 +- [Knockout サポートの構成 (igEditors)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): このトピックは、Knockout ライブラリを使用してビューモード オブジェクトをバインドするために \{environment:ProductName\} エディター コントロールを構成する方法について説明します。 - [Knockout サポートの構成 (igTree)](/igcombo-knockoutjs-support): このトピックは、Knockout ライブラリにより管理される View-Model オブジェクトをバインドするために `igTree` コントロールを構成する方法について説明します。 @@ -192,7 +195,7 @@ $.ig.loader({ このトピックについては、以下のサンプルも参照してください。 -- [KnockoutJS で igDataChart をバインド]({environment:SamplesUrl}/data-chart/bind-data-chart-with-ko): このサンプルでは、コントロールの Infragistics Knockout 拡張機能を使用して `igDataChart` を Knockout ビューモデルとバインドする方法を紹介します。 +- [KnockoutJS で igDataChart をバインド](\{environment:SamplesUrl\}/data-chart/bind-data-chart-with-ko): このサンプルでは、コントロールの Infragistics Knockout 拡張機能を使用して `igDataChart` を Knockout ビューモデルとバインドする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/series-highlighting.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/series-highlighting.mdx index c8be9f0418..ea873efee3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/series-highlighting.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/series-highlighting.mdx @@ -6,7 +6,6 @@ slug: igdatachart-series-highlighting # シリーズの強調表示の構成 (igDataChart) - ##トピックの概要 @@ -79,13 +78,13 @@ slug: igdatachart-series-highlighting このサンプルは、`isHighlightingEnabled` および `highlightingTransitionDuration` シリーズ プロパティを構成すると、複数のシリーズ タイプでシリーズの強調表示機能を紹介します。 <div class="embed-sample"> - [シリーズの強調表示]({environment:SamplesEmbedUrl}/data-chart/series-highlighting) + [シリーズの強調表示](\{environment:SamplesEmbedUrl\}/data-chart/series-highlighting) ![](../../../images/images/jQuery_Series_Highlighting_01.png) </div> 以下の実例は同じ機能を財務チャートに適用します。 <div class="embed-sample"> - [シリーズの強調表示 (財務)]({environment:SamplesEmbedUrl}/data-chart/series-highlighting-financial) + [シリーズの強調表示 (財務)](\{environment:SamplesEmbedUrl\}/data-chart/series-highlighting-financial) </div> ## <a id="events"></a>イベント @@ -150,7 +149,7 @@ slug: igdatachart-series-highlighting 以下の実例は、強調表示列を変更する代わりに、非強調表示列をフェードするために、`assigningCategoryStyle` イベントを使用して強調表示機能を変更する使用を示しています。 <div class="embed-sample"> - [カスタム シリーズの強調表示]({environment:SamplesEmbedUrl}/data-chart/custom-series-highlighting) + [カスタム シリーズの強調表示](\{environment:SamplesEmbedUrl\}/data-chart/custom-series-highlighting) ![](../../../images/images/jQuery_Series_Highlighting_02.png) </div> diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/shape-series/polygon-series.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/shape-series/polygon-series.mdx index 0182ea93bf..dc5edf85c3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/shape-series/polygon-series.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/shape-series/polygon-series.mdx @@ -100,4 +100,4 @@ $("#chart").igDataChart({ ### <a id="samples"></a>サンプル -- [散布多角形シリーズ]({environment:SamplesUrl}/data-chart/polygon): このサンプルでは、`igDataChart` コントロールの多角形シリーズを紹介します。 +- [散布多角形シリーズ](\{environment:SamplesUrl\}/data-chart/polygon): このサンプルでは、`igDataChart` コントロールの多角形シリーズを紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/shape-series/polyline-series.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/shape-series/polyline-series.mdx index a78a6c6e96..14f5511496 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/shape-series/polyline-series.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/configuring/shape-series/polyline-series.mdx @@ -101,4 +101,4 @@ $("#chart").igDataChart({ ### <a id="samples"></a>サンプル -- [散布ポリライン シリーズ]({environment:SamplesUrl}/data-chart/polyline): このサンプルでは、`igDataChart` コントロールのポリライン シリーズを紹介します。 \ No newline at end of file +- [散布ポリライン シリーズ](\{environment:SamplesUrl\}/data-chart/polyline): このサンプルでは、`igDataChart` コントロールのポリライン シリーズを紹介します。 \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/databinding.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/databinding.mdx index 8ea75bd2f8..d9c41d28bb 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/databinding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/databinding.mdx @@ -6,7 +6,6 @@ slug: igdatachart-databinding # igDataChart をデータにバインド - ##トピックの概要 @@ -99,7 +98,7 @@ slug: igdatachart-databinding ###<a id="data-sources-summary"></a> データ ソースの要約 -`igDataChart` コントロールのデータ バインドは、{environment:ProductName}™ ライブラリに含まれる他のコントロールのデータ バインドと同じです。データのバインドは、`dataSource` オプションにデータ ソースを割り当てるという形で行い、Web または WCF サービスによって提供されるデータについては `dataSourceUrl` に URL を指定するという形で行います。 +`igDataChart` コントロールのデータ バインドは、\{environment:ProductName\}™ ライブラリに含まれる他のコントロールのデータ バインドと同じです。データのバインドは、`dataSource` オプションにデータ ソースを割り当てるという形で行い、Web または WCF サービスによって提供されるデータについては `dataSourceUrl` に URL を指定するという形で行います。 ##<a id="bind-to-js-array"></a>JavaScript 配列へのバインド @@ -198,7 +197,7 @@ slug: igdatachart-databinding このサンプルは、JSON データにバインドされたデータ チャートを表示します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/data-chart/json-binding]({environment:SamplesEmbedUrl}/data-chart/json-binding) + [\{environment:SamplesEmbedUrl\}/data-chart/json-binding](\{environment:SamplesEmbedUrl\}/data-chart/json-binding) </div> ##<a id="binding-to-xml"></a> XML 文字列にバインド @@ -210,7 +209,7 @@ slug: igdatachart-databinding ###<a id="xml-example"></a> 例 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/data-chart/xml-binding]({environment:SamplesEmbedUrl}/data-chart/xml-binding) + [\{environment:SamplesEmbedUrl\}/data-chart/xml-binding](\{environment:SamplesEmbedUrl\}/data-chart/xml-binding) </div> ##<a id="binding-to-iqueryable"></a>ASP.NET MVC での IQueryable<T> へのバインド @@ -218,7 +217,7 @@ slug: igdatachart-databinding ###<a id="mvc-introduction"></a> 概要 -ここでは、{environment:ProductName} ライブラリにある ASP.NET ヘルパーを使用して一連のデータ オブジェクトをバックエンド コントローラー メソッドからデータ チャートにバインドする手順を示します。 +ここでは、\{environment:ProductName\} ライブラリにある ASP.NET ヘルパーを使用して一連のデータ オブジェクトをバックエンド コントローラー メソッドからデータ チャートにバインドする手順を示します。 ###<a id="mvc_prerequisites"></a> 前提条件 @@ -235,7 +234,7 @@ slug: igdatachart-databinding ###<a id="mvc_steps"></a> 手順 -以下の手順では、ASP.NET MVC で `igDataChart` コントロールのインスタンスを作成してデータ ソースにバインドする方法を示します。ここでは、厳密に型指定されたビューに表示するデータ オブジェクトのリストを指定し、データ チャートに {environment:ProductNameMVC} DataChart を使用します。 +以下の手順では、ASP.NET MVC で `igDataChart` コントロールのインスタンスを作成してデータ ソースにバインドする方法を示します。ここでは、厳密に型指定されたビューに表示するデータ オブジェクトのリストを指定し、データ チャートに \{environment:ProductNameMVC\} DataChart を使用します。 1. データ モデルを定義します。 @@ -260,7 +259,7 @@ slug: igdatachart-databinding `StockMarketDataPoint` オブジェクトの配列を作成するためにコントローラー メソッドにロジックを追加します。ここには、データベースからのデータ取得に適用するカスタム ロジックを指定します。 - `StockMarketDataPoint` オブジェクトのリストが IQueryable<StockMarketDataPoint> に変換されてからビューに渡されるという点に注意してください。これは {environment:ProductNameMVC} を呼び出すという形で実行することもできますが、ここに示した実装の方がきれいに実行できます。 + `StockMarketDataPoint` オブジェクトのリストが IQueryable<StockMarketDataPoint> に変換されてからビューに渡されるという点に注意してください。これは \{environment:ProductNameMVC\} を呼び出すという形で実行することもできますが、ここに示した実装の方がきれいに実行できます。 **C# の場合:** @@ -457,7 +456,7 @@ slug: igdatachart-databinding このトピックについては、以下のサンプルも参照してください。 -- [大量のデータのバインド]({environment:SamplesUrl}/data-chart/binding-high-volume-data): このサンプルは、大量のレコードが `igDataChart` にバインドされる実例を示すものです。 +- [大量のデータのバインド](\{environment:SamplesUrl\}/data-chart/binding-high-volume-data): このサンプルは、大量のレコードが `igDataChart` にバインドされる実例を示すものです。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/known-issues.mdx index 0ec9ed8b10..bba5ca3981 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/known-issues.mdx @@ -3,6 +3,8 @@ title: "既知の問題と制限 (igDataChart)" slug: igdatachart-known-issues --- +# 既知の問題と制限 (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限 (igDataChart) diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/landing-page.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/landing-page.mdx index cabedc2cb9..63561acb98 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/landing-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/landing-page.mdx @@ -5,7 +5,6 @@ slug: igdatachart-landing-page # igDataChart - ##このグループのトピックについて @@ -46,7 +45,7 @@ slug: igdatachart-landing-page - [アクセシビリティ準拠 (igDataChart)](/igdatachart-accessibility-compliance): このトピックでは、`igDataChart`のアクセシビリティ機能について説明し、チャートを含むページのアクセシビリティ準拠を実現する方法について説明します。 -- [jQuery および MVC API リファレンス リンク (igDataChart)](/igdatachart-api-links): このトピックでは、 `igDataChart` コントロールの jQuery および {environment:ProductNameMVC} クラスの API ドキュメントへのリンクを提供します。 +- [jQuery および MVC API リファレンス リンク (igDataChart)](/igdatachart-api-links): このトピックでは、 `igDataChart` コントロールの jQuery および \{environment:ProductNameMVC\} クラスの API ドキュメントへのリンクを提供します。 - [既知の問題と制限 (igDataChart)](/igdatachart-known-issues): このトピックでは、`igDataChart` コントロールのすべての既知の問題と制限を示します。 @@ -62,7 +61,7 @@ slug: igdatachart-landing-page このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview): このトピックでは、{environment:ProductName}™ ライブラリの一般情報を提供します。 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): このトピックでは、\{environment:ProductName\}™ ライブラリの一般情報を提供します。 - [igPieChart の概要](/igbulletgraph-overview): このトピックは、`igPieChart`™ コントロールについて、その主要機能、最低必須事項、ユーザー機能といった事項の概念的情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/hoverinteractions-hover-interactions-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/hoverinteractions-hover-interactions-overview.mdx index 5afdb64a1d..fde32edd9b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/hoverinteractions-hover-interactions-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/hoverinteractions-hover-interactions-overview.mdx @@ -159,7 +159,7 @@ slug: hoverinteractions-hover-interactions-overview - [ホバー操作 - 項目ツールチップ レイヤー](../04_Configuring/04_Hover Interactions/04_HoverInteractions_Item_Tooltip_Layer.mdx#example): このサンプルは、すべてのターゲット シリーズに項目ツールチップ レイヤーを表示するツールチップ レイヤーを紹介します。 このサンプル オプション ペインでは、トランジション期間の変更など、レイヤー プロパティを編集できます。 -- [ホバー操作 - 複数レイヤー]({environment:SamplesUrl}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 +- [ホバー操作 - 複数レイヤー](\{environment:SamplesUrl\}/data-chart/multiple-layers): このサンプルは、`igDataChart` コントロール内での複数レイヤーの相互作用を紹介します。このサンプルでは、項目ツールチップ レイヤー、十字線レイヤー、およびカテゴリ ハイライト レイヤーを表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/overview.mdx index 981481f177..143080cfb2 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/overview.mdx @@ -2,6 +2,9 @@ title: "概要 (igDataChart)" slug: igdatachart-overview --- + +# 概要 (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 概要 (igDataChart) @@ -26,9 +29,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **トピック** -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) -{environment:ProductName}™ ライブラリにつぃての一般的情報 +\{environment:ProductName\}™ ライブラリにつぃての一般的情報 ### このトピックの構成 @@ -114,7 +117,7 @@ igDataChart は、さまざまな種類のチャートを HTML5 Web アプリケ ### 最低要件の概要 -`igDataChart` コントロールは jQuery UI ウィジェットの 1 つであるため、jQuery ライブラリと jQuery UI ライブラリに依存します。Modernzr ライブラリは、内部的にブラウザーと装置の機能を検出するためにも使用されています。コントロールは、機能とデータのバインド用の {environment:ProductName}™ の共有リソースのいくつかを使用します。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 +`igDataChart` コントロールは jQuery UI ウィジェットの 1 つであるため、jQuery ライブラリと jQuery UI ライブラリに依存します。Modernzr ライブラリは、内部的にブラウザーと装置の機能を検出するためにも使用されています。コントロールは、機能とデータのバインド用の \{environment:ProductName\}™ の共有リソースのいくつかを使用します。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 ### 最低要件の概要表 @@ -146,7 +149,7 @@ igDataChart は、さまざまな種類のチャートを HTML5 Web アプリケ <tr> <td>IG テーマ</td> - <td>このテーマには、{environment:ProductName} ライブラリ向けに作成されたカスタム ビジュアル スタイルが含まれます。これは次のファイルに含まれます。 <ul> <li> {IG CSS root}/themes/Infragistics/infragistics.theme.css </li> </ul></td> + <td>このテーマには、\{environment:ProductName\} ライブラリ向けに作成されたカスタム ビジュアル スタイルが含まれます。これは次のファイルに含まれます。 <ul> <li> {IG CSS root}/themes/Infragistics/infragistics.theme.css </li> </ul></td> </tr> <tr> @@ -157,7 +160,7 @@ igDataChart は、さまざまな種類のチャートを HTML5 Web アプリケ </table> ->**注:** 詳細については、[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)トピックをご覧ください。 +>**注:** 詳細については、[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)トピックをご覧ください。 @@ -189,7 +192,7 @@ igDataChart は、さまざまな種類のチャートを HTML5 Web アプリケ ![](../../../images/images/igDataChart_Overview_2.png) -凡例は `igChartLegend` という {environment:ProductName} ライブラリとは異なるコントロールで実装されており、ページに異なる div 要素が必要です。div 要素は、凡例に含まれるよう各 series オブジェクトで参照されます。`igChartLegend` は、以下で記述するトピックでカバーされる非常にシンプルなコントロールです。 +凡例は `igChartLegend` という \{environment:ProductName\} ライブラリとは異なるコントロールで実装されており、ページに異なる div 要素が必要です。div 要素は、凡例に含まれるよう各 series オブジェクトで参照されます。`igChartLegend` は、以下で記述するトピックでカバーされる非常にシンプルなコントロールです。 ###<a id="composite-charts"></a> 複合チャート @@ -315,13 +318,13 @@ Web ページに円グラフを表示するための関連 `igPieChart` コン このトピックについては、以下のサンプルも参照してください。 -- [JSON のバインド]({environment:SamplesUrl}/data-chart/json-binding): このサンプルでは、`igDataChart` を JSON データにバインドする方法を示しています。 +- [JSON のバインド](\{environment:SamplesUrl\}/data-chart/json-binding): このサンプルでは、`igDataChart` を JSON データにバインドする方法を示しています。 -- [棒および柱状シリーズ]({environment:SamplesUrl}/data-chart/bar-and-column-series): `igDataChart` コントロールを使用して棒チャートおよび柱状チャートを実装する方法を紹介します。 +- [棒および柱状シリーズ](\{environment:SamplesUrl\}/data-chart/bar-and-column-series): `igDataChart` コントロールを使用して棒チャートおよび柱状チャートを実装する方法を紹介します。 - [チャート ナビゲーション](/igdatachart-configuring-navigation-features#example): ズーム、パンニング、ドラッグなどチャートに対するユーザー操作、およびこれらを API から制御する方法を紹介します。 -- [リアルタイムにデータをバインド]({environment:SamplesUrl}/data-chart/binding-real-time-data): リアルタイム データを動的にデータ チャートにバインドする方法を紹介します。 +- [リアルタイムにデータをバインド](\{environment:SamplesUrl\}/data-chart/binding-real-time-data): リアルタイム データを動的にデータ チャートにバインドする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/series-types.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/series-types.mdx index 028c0a931c..7ac36f18df 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/series-types.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/series-types.mdx @@ -2,6 +2,9 @@ title: "シリーズ タイプ (igDataChart)" slug: igdatachart-series-types --- + +# シリーズ タイプ (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # シリーズ タイプ (igDataChart) @@ -194,7 +197,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 複合チャートをつくるための特定の設定はなく、異なるシリーズ タイプと複数の軸を組み合わせます。 <div class="embed-sample"> - [複合チャート]({environment:SamplesEmbedUrl}/data-chart/composite-chart) + [複合チャート](\{environment:SamplesEmbedUrl\}/data-chart/composite-chart) ![](../../../images/images/igDataChart_Types_9.png) </div> @@ -216,23 +219,23 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [棒および柱状シリーズ]({environment:SamplesUrl}/data-chart/bar-and-column-series): このサンプルは棒シリーズ チャートと柱状シリーズ チャートの作成を例示します。 +- [棒および柱状シリーズ](\{environment:SamplesUrl\}/data-chart/bar-and-column-series): このサンプルは棒シリーズ チャートと柱状シリーズ チャートの作成を例示します。 -- [カテゴリ シリーズ]({environment:SamplesUrl}/data-chart/category-series): このサンプルはカテゴリー シリーズ チャートの作成を例示します。 +- [カテゴリ シリーズ](\{environment:SamplesUrl\}/data-chart/category-series): このサンプルはカテゴリー シリーズ チャートの作成を例示します。 -- [複合チャート]({environment:SamplesUrl}/data-chart/composite-chart): このサンプルは複合チャートの作成を例示します。 +- [複合チャート](\{environment:SamplesUrl\}/data-chart/composite-chart): このサンプルは複合チャートの作成を例示します。 -- [財務シリーズ]({environment:SamplesUrl}/data-chart/financial-series): このサンプルは財務 (「ローソク足」) チャートの作成を例示します。 +- [財務シリーズ](\{environment:SamplesUrl\}/data-chart/financial-series): このサンプルは財務 (「ローソク足」) チャートの作成を例示します。 -- [極座標シリーズ]({environment:SamplesUrl}/data-chart/polar-series): このサンプルは極座標チャートの作成を例示します。 +- [極座標シリーズ](\{environment:SamplesUrl\}/data-chart/polar-series): このサンプルは極座標チャートの作成を例示します。 -- [ラジアル シリーズ]({environment:SamplesUrl}/data-chart/radial-series): このサンプルはレーダー チャートの作成を例示します。 +- [ラジアル シリーズ](\{environment:SamplesUrl\}/data-chart/radial-series): このサンプルはレーダー チャートの作成を例示します。 -- [範囲カテゴリ シリーズ]({environment:SamplesUrl}/data-chart/range-category-series): このサンプルはカテゴリー チャートの作成を例示します。 +- [範囲カテゴリ シリーズ](\{environment:SamplesUrl\}/data-chart/range-category-series): このサンプルはカテゴリー チャートの作成を例示します。 -- [散布図シリーズ]({environment:SamplesUrl}/data-chart/scatter-series): このサンプルは散布部 (XY シリーズ) チャートの作成を例示します。 +- [散布図シリーズ](\{environment:SamplesUrl\}/data-chart/scatter-series): このサンプルは散布部 (XY シリーズ) チャートの作成を例示します。 -- [積層シリーズ]({environment:SamplesUrl}/data-chart/stacked-series): このサンプルは積層シリーズ チャート (XY チャート) の作成を例示します。 +- [積層シリーズ](\{environment:SamplesUrl\}/data-chart/stacked-series): このサンプルは積層シリーズ チャート (XY チャート) の作成を例示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/visual-elements.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/visual-elements.mdx index f65503cfdd..4832345b5c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/visual-elements.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/overview/visual-elements.mdx @@ -2,6 +2,9 @@ title: "構成可能な視覚要素 (igDataChart)" slug: igdatachart-visual-elements --- + +# 構成可能な視覚要素 (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 構成可能な視覚要素 (igDataChart) @@ -81,13 +84,13 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 軸、ラベル、グリッド線、ストライプ、ズームバー、シリーズ、トレンドライン、インジケーター、十字線などのチャート要素をコントロールに使用し、高度なデータ視覚化を実現します。 <div class="embed-sample"> - [チャート要素]({environment:SamplesEmbedUrl}/data-chart/chart-elements) + [チャート要素](\{environment:SamplesEmbedUrl\}/data-chart/chart-elements) </div> 以上の設定に追加して、以下のサンプルはチャートのシリーズのデフォルト ツールチップの有効化、および「United States」シリーズにカスタム ツールチップ テンプレートを構成する方法を紹介します。 <div class="embed-sample"> - [シリーズのツールチップ]({environment:SamplesEmbedUrl}/data-chart/series-tooltips) + [シリーズのツールチップ](\{environment:SamplesEmbedUrl\}/data-chart/series-tooltips) </div> ## 関連コンテンツ diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/series-requirements.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/series-requirements.mdx index b672d63cc0..bea5bd1396 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/series-requirements.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/series-requirements.mdx @@ -6,7 +6,6 @@ slug: igdatachart-series-requirements # シリーズ要件 - `igDataChart`™ コントロールは、多数のさまざまなシリーズをサポートしており、これらのシリーズの一部はチャート プロット領域に正しく描画するために固有の軸タイプおよびデータ マッピングを必要とします。 ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/styling/styling-the-chart-series.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/styling/styling-the-chart-series.mdx index f8331c896a..833a2ef043 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/styling/styling-the-chart-series.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/styling/styling-the-chart-series.mdx @@ -3,6 +3,8 @@ title: "チャート シリーズのスタイル設定 (igDataChart)" slug: igdatachart-styling-the-chart-series --- +# チャート シリーズのスタイル設定 (igDataChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # チャート シリーズのスタイル設定 (igDataChart) @@ -59,7 +61,7 @@ igDataChart のシリーズは、複数の要素でスタイル設定できま 以下のサンプルは、線状グラデーションを設定するチャート構成を定義します。 <div class="embed-sample"> - [チャート塗りつぶしのグラデーション]({environment:SamplesEmbedUrl}/data-chart/chart-fill-gradients) + [チャート塗りつぶしのグラデーション](\{environment:SamplesEmbedUrl\}/data-chart/chart-fill-gradients) </div> ##<a id="drop-shadow-effect"></a>影付きの効果を適用したチャート シリーズのスタイル設定 @@ -69,7 +71,7 @@ igDataChart のシリーズは、複数の要素でスタイル設定できま 影付き効果により、シリーズはあたかも3Dのように見えます。 <div class="embed-sample"> - [ドロップ シャドウ]({environment:SamplesEmbedUrl}/data-chart/drop-shadows) + [ドロップ シャドウ](\{environment:SamplesEmbedUrl\}/data-chart/drop-shadows) ![](../../../images/images/igDataChart_Styling_the_Chart_Series_1.png) </div> @@ -231,7 +233,7 @@ series: [ - [igDataChart のスタイル設定](/igdatachart-styling-themes): このトピックは、`igDataChart` コントロールにスタイルおよびテーマを適用する方法を紹介します。 -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): {environment:ProductName}™ ライブラリのスタイルとテーマの更新に関する概要とその手順を説明します。 +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): \{environment:ProductName\}™ ライブラリのスタイルとテーマの更新に関する概要とその手順を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdatachart/styling/styling-themes.mdx b/docs/jquery/src/content/ja/topics/controls/igdatachart/styling/styling-themes.mdx index 964806d593..871ed7cb3c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdatachart/styling/styling-themes.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdatachart/styling/styling-themes.mdx @@ -6,7 +6,6 @@ slug: igdatachart-styling-themes # igDataChart のスタイル設定 - ##トピックの概要 @@ -23,7 +22,7 @@ slug: igdatachart-styling-themes **トピック** -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): {environment:ProductName}™ ライブラリのスタイルとテーマの更新に関する概要とその手順を説明します。 +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): \{environment:ProductName\}™ ライブラリのスタイルとテーマの更新に関する概要とその手順を説明します。 **外部リソース** @@ -68,9 +67,9 @@ slug: igdatachart-styling-themes テーマのカスタマイズには、ThemeRoller ツールを使用できます。この jQuery UI ツールにより jQuery UI ウィジェットと互換性のあるカスタム テーマを簡単に作成できるようになります。数々のビルド済みテーマをご自分の Web サイトにダウンロードして使用できます。`igDataChart` コントロールは ThemeRoller のテーマの使用に対応しています。 -{environment:ProductName} ライブラリでテーマを使用する方法の詳細については、「[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」トピックをご覧ください。 +\{environment:ProductName\} ライブラリでテーマを使用する方法の詳細については、「[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」トピックをご覧ください。 -注: {environment:ProductName} のベース テーマはチャートには不要で、チャートのみ表示されたページでは省略できます。 +注: \{environment:ProductName\} のベース テーマはチャートには不要で、チャートのみ表示されたページでは省略できます。 @@ -88,7 +87,7 @@ slug: igdatachart-styling-themes <tr> <td>IG テーマ</td> <td><p>パス: `{IG CSS root}/themes/Infragistics/`</p> <p>ファイル: `infragistics.theme.css`</p></td> - <td>このテーマは、すべての {environment:ProductName} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「<a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">{environment:ProductName} のスタイル設定とテーマ設定</a>」トピックをご覧ください。</td> + <td>このテーマは、すべての \{environment:ProductName\} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「<a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">\{environment:ProductName\} のスタイル設定とテーマ設定</a>」トピックをご覧ください。</td> </tr> <tr> @@ -245,7 +244,7 @@ slug: igdatachart-styling-themes 1. <a id="copy-default-css"></a>デフォルト チャート CSS ファイルをコピーする - **チャート スタイルがデフォルトの CSS ファイル (`infragistics.ui.chart.css`) を {environment:ProductName} インストール フォルダーから Web サイトまたはアプリケーションの themes フォルダーにコピーします。** + **チャート スタイルがデフォルトの CSS ファイル (`infragistics.ui.chart.css`) を \{environment:ProductName\} インストール フォルダーから Web サイトまたはアプリケーションの themes フォルダーにコピーします。** たとえば、アプリケーションで使用する CSS ファイルを保存している Web サイトまたはアプリケーションに `Content/themes` フォルダーがある場合、上記のデフォルト チャート CSS ファイルを `Content/themes/MyChartTheme/ig.ui.chart.custom.css` にコピーします。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/accessibility-compliance.mdx index 4f1e49ccd6..fad92884e6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/accessibility-compliance.mdx @@ -25,7 +25,7 @@ slug: igdialog-accessibility-compliance ### <a id="accessibility-compliance-intro"></a> 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、グリッド コントロールが各規則をどのように順守しているかに関する詳細情報も示されています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、グリッド コントロールが各規則をどのように順守しているかに関する詳細情報も示されています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 @@ -50,7 +50,7 @@ slug: igdialog-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): すべての {environment:ProductName} コントロールのアクセシビリティ準拠のための参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): すべての \{environment:ProductName\} コントロールのアクセシビリティ準拠のための参照情報を提供します。 - [***igDialog* の概要**](./00_igDialog Overview.mdx): このトピックでは、`igDialog` コントロールの主な機能を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/adding-igdialog.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/adding-igdialog.mdx index e9f6c61f44..6db5d99f1e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/adding-igdialog.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/adding-igdialog.mdx @@ -3,6 +3,8 @@ title: "igDialog の追加" slug: adding-igdialog --- +# igDialog の追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog の追加 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ここでは、`igDialog` コントロールを Web ページに追加する手順について説明します。`igDialog` では、[最小化]、[最大化]、[ピン固定]、[閉じる] ボタンなど、ヘッダーのボタンがすべて有効になるように構成されています。 -コントロールのインスタンスを作成する方法はいくつかかあります。このトピックでは、一般的な jQuery UI メソッドの作成方法、(属性を使用することによる) jQuery モバイル メソッドの作成方法、および {environment:ProductNameMVC} ダイアログを使用したコントロール インスタンスの作成方法を示します。 +コントロールのインスタンスを作成する方法はいくつかかあります。このトピックでは、一般的な jQuery UI メソッドの作成方法、(属性を使用することによる) jQuery モバイル メソッドの作成方法、および \{environment:ProductNameMVC\} ダイアログを使用したコントロール インスタンスの作成方法を示します。 ### プレビュー @@ -61,7 +63,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; </script> ``` -> **注:** {environment:ProductNameMVC} ダイアログを使用する際には、***Infragistics.Web.Mvc*** dll への参照をプロジェクトに追加することを忘れないでください。 +> **注:** \{environment:ProductNameMVC\} ダイアログを使用する際には、***Infragistics.Web.Mvc*** dll への参照をプロジェクトに追加することを忘れないでください。 ### 2.igDialog インスタンスを作成します。 @@ -108,7 +110,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; }); ``` -`igDialog` を TypeScript で使用するには、以上のコードを使用してインスタンス化できます。そのためには TypeScript 用の {environment:ProductFamilyName} と jQuery の型定義への参照パスを指定する必要があります。 +`igDialog` を TypeScript で使用するには、以上のコードを使用してインスタンス化できます。そのためには TypeScript 用の \{environment:ProductFamilyName\} と jQuery の型定義への参照パスを指定する必要があります。 **TypeScript の場合:** ```typescript @@ -119,11 +121,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; >**注:** TypeScript の 1.5 以前のバージョンでは、コンパイラがコンパイル中にプログラムに依存関係を組み込むため、型定義への参照パスは必須です。1.5 以降のバージョンでは、単独の tsconfig.json ファイルで定義することができます。詳細は、[tsconfig.json wiki のページ](https://github.com/Microsoft/TypeScript/wiki/tsconfig.json)を参照してください。 -> TypeScript の {environment:ProductName} 定義を使用する詳細については、[「TypeScript で {environment:ProductName} を使用」](using-ignite-ui-with-typescript.html)トピックを参照してください。 +> TypeScript の \{environment:ProductName\} 定義を使用する詳細については、[「TypeScript で \{environment:ProductName\} を使用」](using-ignite-ui-with-typescript.html)トピックを参照してください。 - **Razor の初期化** - {environment:ProductNameMVC} ダイアログは、HTML を表示すると同時に、コントロールを初期化する JavaScript コードを表示するものであるという点で他のコントロールとは異なります。この点を理解しておくことは非常に重要です。`igDialog` のコンテンツには任意の HTML マークアップを使用することができるため、このマークアップを最初に定義しておく必要があります。コードを定義しておけば、あとは、コントロールのすべての構成が {environment:ProductNameMVC} によって自動的に定義されることになります。 + \{environment:ProductNameMVC\} ダイアログは、HTML を表示すると同時に、コントロールを初期化する JavaScript コードを表示するものであるという点で他のコントロールとは異なります。この点を理解しておくことは非常に重要です。`igDialog` のコンテンツには任意の HTML マークアップを使用することができるため、このマークアップを最初に定義しておく必要があります。コードを定義しておけば、あとは、コントロールのすべての構成が \{environment:ProductNameMVC\} によって自動的に定義されることになります。 - `DIV` HTML プレースホルダーを定義します。 @@ -135,7 +137,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; </div> ``` - {environment:ProductNameMVC} コード: + \{environment:ProductNameMVC\} コード: **C# の場合:** @@ -153,25 +155,25 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ) ``` -> **注:** {environment:ProductNameMVC} ダイアログの ID を設定したいという場合には、3 つの選択肢があります。詳細については、[プロパティ リファレンス](./03_API Reference/00_igDialog Property Reference.mdx)のトピックを参照してください。定義済みの HTML プレースホルダーに上記のサンプルと同じ ID (`igDialog1`) が設定されている場合、次のいずれかのメソッドを使用できます。 +> **注:** \{environment:ProductNameMVC\} ダイアログの ID を設定したいという場合には、3 つの選択肢があります。詳細については、[プロパティ リファレンス](./03_API Reference/00_igDialog Property Reference.mdx)のトピックを参照してください。定義済みの HTML プレースホルダーに上記のサンプルと同じ ID (`igDialog1`) が設定されている場合、次のいずれかのメソッドを使用できます。 > `Dialog.ContentJquerySelector(“#igDialog1”)`- jQuery の場合と同じ形でセレクターを定義します。 -> `Dialog.ContentID(“igDialog1”)` - # を付けずにセレクターを定義します。この場合、セレクターは、{environment:ProductNameMVC} によって自動的に表示されます。 +> `Dialog.ContentID(“igDialog1”)` - # を付けずにセレクターを定義します。この場合、セレクターは、\{environment:ProductNameMVC\} によって自動的に表示されます。 > `Dialog.ID(“igDialog1”)` - `ContentID(“igDialog1”)` と同じです。 -> **注:** {environment:ProductNameMVC} を使用して HTML DIV プレースホルダー コードを定義したい場合は、ダイアログ ヘルパーで示される次のメソッドを使用することができます。DIV HTML プレースホルダーの定義と同じ効果を実現したい場合は、次のメソッドを使用してください。 `Dialog.ContentHTML("<div id="igDialog1"> igDialog Content </div>")` +> **注:** \{environment:ProductNameMVC\} を使用して HTML DIV プレースホルダー コードを定義したい場合は、ダイアログ ヘルパーで示される次のメソッドを使用することができます。DIV HTML プレースホルダーの定義と同じ効果を実現したい場合は、次のメソッドを使用してください。 `Dialog.ContentHTML("<div id="igDialog1"> igDialog Content </div>")` - **AngularJS でのインスタンス化** 以下のサンプルは、AngularJS ディレクティブを使用してダイアログ ウィンドウを宣言する方法を紹介します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/dialog-window/angular]({environment:SamplesEmbedUrl}/dialog-window/angular) + [\{environment:SamplesEmbedUrl\}/dialog-window/angular](\{environment:SamplesEmbedUrl\}/dialog-window/angular) </div> -> AngularJS の {environment:ProductName} 命令を使用する詳細については、[「AngularJS で {environment:ProductName} を使用」](../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx)トピックを参照してください。 +> AngularJS の \{environment:ProductName\} 命令を使用する詳細については、[「AngularJS で \{environment:ProductName\} を使用」](../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx)トピックを参照してください。 ## igDialog の破棄 @@ -205,4 +207,4 @@ $('#igDialog).igDialog("destroy"); このトピックについては、以下のサンプルも参照してください。 -- [アイコン]({environment:SamplesUrl}/dialog-window/icons): このサンプルでは、`igDialog` のアイコンを表示する方法を紹介します。 +- [アイコン](\{environment:SamplesUrl\}/dialog-window/icons): このサンプルでは、`igDialog` のアイコンを表示する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/css-classes-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/css-classes-reference.mdx index a4da7d5993..73a99a55fb 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/css-classes-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/css-classes-reference.mdx @@ -3,6 +3,8 @@ title: "CSS クラス リファレンス (igDialog)" slug: igdialog-css-classes-reference --- +# CSS クラス リファレンス (igDialog) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # CSS クラス リファレンス (igDialog) diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/event-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/event-reference.mdx index 8663b09504..6a95356467 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/event-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/event-reference.mdx @@ -3,6 +3,8 @@ title: "イベント リファレンス (igDialog)" slug: igdialog-event-reference --- +# イベント リファレンス (igDialog) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # イベント リファレンス (igDialog) @@ -59,7 +61,7 @@ $("#igDialog1").igDialog({ 以下のサンプルは、使用する方法を紹介し、イベント ハンドラーを指定した要素にアタッチするための jQuery の [`on`](http://api.jquery.com/on/) メソッドの使用も紹介します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/dialog-window/api-and-events]({environment:SamplesEmbedUrl}/dialog-window/api-and-events) + [\{environment:SamplesEmbedUrl\}/dialog-window/api-and-events](\{environment:SamplesEmbedUrl\}/dialog-window/api-and-events) </div> ### <a id="attaching-handlers-mvc"></a> MVC でイベント ハンドラーを添付する diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/method-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/method-reference.mdx index df613527ab..2104c7f35d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/method-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/method-reference.mdx @@ -3,6 +3,8 @@ title: "メソッドのリファレンス (igDialog)" slug: igdialog-method-reference --- +# メソッドのリファレンス (igDialog) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # メソッドのリファレンス (igDialog) @@ -61,7 +63,7 @@ igDialog コントロールの各種メソッドの目的と機能を表にま このトピックについては、以下のサンプルも参照してください。 - [API およびイベント](./02_igDialog Event Reference.mdx#attaching-handlers-jquery): このサンプルでは、ダイアログ ウィンドウ コントロールのイベントを処理および API を使用する方法を紹介します。 -- [モーダル ダイアログ]({environment:SamplesUrl}/dialog-window/modal-dialog): このサンプルでは、モーダル ダイアログを作成する方法を紹介します。 +- [モーダル ダイアログ](\{environment:SamplesUrl\}/dialog-window/modal-dialog): このサンプルでは、モーダル ダイアログを作成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/property-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/property-reference.mdx index 27dfe3468f..87811992c3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/property-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/api-reference/property-reference.mdx @@ -3,6 +3,8 @@ title: "プロパティ リファレンス (igDialog)" slug: igdialog-property-reference --- +# プロパティ リファレンス (igDialog) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # プロパティ リファレンス (igDialog) @@ -79,7 +81,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="mvc"></a> MVC メソッド リファレンス -以下の表は、* {environment:ProductNameMVC} * `Dialog` の目的と機能をまとめたものです。<ApiLink type="igDialog" member="mainElement" section="options" label="mainElement" /> と <ApiLink type="igDialog" member="temporaryUrl" section="options" label="temporaryUrl" /> を除くほとんどのメソッドは、jQuery プロパティに対応します。対応する igDialog プロパティがない MVC メソッドには、これ以外にも、[`ContentJquerySelector`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentJquerySelector.html)、[`ContentID`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentID.html)、[`ID`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ID.html)、[`ContentHTML`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogWrapper~ContentHTML.html) などがあります。 +以下の表は、* \{environment:ProductNameMVC\} * `Dialog` の目的と機能をまとめたものです。<ApiLink type="igDialog" member="mainElement" section="options" label="mainElement" /> と <ApiLink type="igDialog" member="temporaryUrl" section="options" label="temporaryUrl" /> を除くほとんどのメソッドは、jQuery プロパティに対応します。対応する igDialog プロパティがない MVC メソッドには、これ以外にも、[`ContentJquerySelector`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentJquerySelector.html)、[`ContentID`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ContentID.html)、[`ID`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogModel~ID.html)、[`ContentHTML`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.DialogWrapper~ContentHTML.html) などがあります。 | | | | | @@ -146,15 +148,15 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [基本的な使用方法]({environment:SamplesUrl}/dialog-window/basic-usage): このサンプルでは、`igDialog` の高さ、幅、状態を設定する方法を紹介します。 +- [基本的な使用方法](\{environment:SamplesUrl\}/dialog-window/basic-usage): このサンプルでは、`igDialog` の高さ、幅、状態を設定する方法を紹介します。 - [API およびイベント](./02_igDialog Event Reference.mdx#attaching-handlers-jquery): このサンプルでは、ダイアログ ウィンドウ コントロールのイベントを処理および API を使用する方法を紹介します。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/dialog-window/aspnet-mvc-helper): このサンプルでは、ダイアログ ウィンドウの ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/dialog-window/aspnet-mvc-helper): このサンプルでは、ダイアログ ウィンドウの ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [モーダル ダイアログ]({environment:SamplesUrl}/dialog-window/modal-dialog): このサンプルでは、モーダル ダイアログを作成する方法を紹介します。 +- [モーダル ダイアログ](\{environment:SamplesUrl\}/dialog-window/modal-dialog): このサンプルでは、モーダル ダイアログを作成する方法を紹介します。 -- [外部ページの読み込み]({environment:SamplesUrl}/dialog-window/loading-external-page): このサンプルでは、URL から外部のコンテンツを読み込む方法を紹介します。 +- [外部ページの読み込み](\{environment:SamplesUrl\}/dialog-window/loading-external-page): このサンプルでは、URL から外部のコンテンツを読み込む方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/animations.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/animations.mdx index 23a18941fa..0ac84188aa 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/animations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/animations.mdx @@ -3,6 +3,8 @@ title: "igDialog のアニメーション" slug: igdialog-animations --- +# igDialog のアニメーション + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog のアニメーション @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -このトピックでは、オープンまたはクローズ時に、{environment:ProductNameMVC} Dialog をアニメーション化する方法を示します。 +このトピックでは、オープンまたはクローズ時に、\{environment:ProductNameMVC\} Dialog をアニメーション化する方法を示します。 ### 前提条件 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/external-page.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/external-page.mdx index 9d0af59351..ac452b61a0 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/external-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/external-page.mdx @@ -3,6 +3,8 @@ title: "igDialog 外部ページ" slug: igdialog-external-page --- +# igDialog 外部ページ + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog 外部ページ @@ -90,7 +92,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [外部ページの読み込み]({environment:SamplesUrl}/dialog-window/loading-external-page): このサンプルでは、URL から外部のコンテンツを読み込む方法を紹介します。 +- [外部ページの読み込み](\{environment:SamplesUrl\}/dialog-window/loading-external-page): このサンプルでは、URL から外部のコンテンツを読み込む方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/header-and-footer.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/header-and-footer.mdx index 217b945c12..bb1e5583dc 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/header-and-footer.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/header-and-footer.mdx @@ -3,6 +3,8 @@ title: "igDialog のヘッダーとフッター" slug: igdialog-header-and-footer --- +# igDialog のヘッダーとフッター + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog のヘッダーとフッター @@ -124,7 +126,7 @@ igDialog の復元ボタンのタイトルを設定します|<ApiLink type="igDi このトピックについては、以下のサンプルも参照してください。 -- [アイコン]({environment:SamplesUrl}/dialog-window/icons): `igDialog` のアイコンの表示方法を示すサンプル。 +- [アイコン](\{environment:SamplesUrl\}/dialog-window/icons): `igDialog` のアイコンの表示方法を示すサンプル。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/maximize-and-minimize.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/maximize-and-minimize.mdx index ce8ffdac86..e50bcba08f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/maximize-and-minimize.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/maximize-and-minimize.mdx @@ -3,6 +3,8 @@ title: "igDialog の最大化と最小化" slug: igdialog-maximize-and-minimize --- +# igDialog の最大化と最小化 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog の最大化と最小化 @@ -210,7 +212,7 @@ $('#igDialog).igDialog("maximize"); このトピックについては、以下のサンプルも参照してください。 -- [アイコン]({environment:SamplesUrl}/dialog-window/icons): `igDialog` のアイコンの表示方法を示すサンプル。 +- [アイコン](\{environment:SamplesUrl\}/dialog-window/icons): `igDialog` のアイコンの表示方法を示すサンプル。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/modal-state.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/modal-state.mdx index 051dbc4106..fb6f95eb34 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/modal-state.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/modal-state.mdx @@ -3,6 +3,8 @@ title: "igDialog モーダル状態" slug: igdialog-modal-state --- +# igDialog モーダル状態 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog モーダル状態 @@ -97,7 +99,7 @@ igDialog 状態を設定する|<ApiLink type="igDialog" member="state" section=" このトピックについては、以下のサンプルも参照してください。 -- [モーダル ダイアログ]({environment:SamplesUrl}/dialog-window/modal-dialog) : このサンプルでは、モーダル `igDialog` を作成する方法を紹介します。 +- [モーダル ダイアログ](\{environment:SamplesUrl\}/dialog-window/modal-dialog) : このサンプルでは、モーダル `igDialog` を作成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/multiple-dialogs.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/multiple-dialogs.mdx index 405f6a6cd1..6bcbbeb826 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/multiple-dialogs.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/multiple-dialogs.mdx @@ -3,6 +3,8 @@ title: "igDialog の複数ダイアログ" slug: igdialog-multiple-dialogs --- +# igDialog の複数ダイアログ + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog の複数ダイアログ @@ -48,7 +50,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; コントロールが自動的に、最初の HTML プレースホルダーを検出して、最初のダイアログ ウィジェットを最下位で初期化します。最後の `igDialog` HTML プレースホルダーが、ひとつひとつ最初のウィジェットに対応します。`igDialog` は、最上位のダイアログのアクセスを許可し、他のダイアログが最上位レベルになければそれらのダイアログを最上位まで移動する機能を与える API メソッドを開示します。 -> **注:** この機能は、{environment:ProductNameMVC} Dialog では利用できません。 +> **注:** この機能は、\{environment:ProductNameMVC\} Dialog では利用できません。 ### <a id="configuring-code"></a> コード diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/pin.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/pin.mdx index a6d085e6bf..567c6a6c9d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/pin.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/pin.mdx @@ -3,6 +3,8 @@ title: "igDialog の固定" slug: igdialog-pin --- +# igDialog の固定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog の固定 @@ -170,7 +172,7 @@ $('#igDialog).igDialog("unpin"); このトピックについては、以下のサンプルも参照してください。 -- [アイコン]({environment:SamplesUrl}/dialog-window/icons): `igDialog` のアイコンの表示方法を示すサンプル。 +- [アイコン](\{environment:SamplesUrl\}/dialog-window/icons): `igDialog` のアイコンの表示方法を示すサンプル。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/position.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/position.mdx index ed2cc7b124..0f6f58a311 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/position.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/position.mdx @@ -3,6 +3,8 @@ title: "igDialog 配置" slug: igdialog-position --- +# igDialog 配置 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog 配置 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/show-and-hide.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/show-and-hide.mdx index 8c8216a24c..8f3e06b7dc 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/show-and-hide.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/configuring/show-and-hide.mdx @@ -3,6 +3,8 @@ title: "igDialog の表示と非表示" slug: igdialog-show-and-hide --- +# igDialog の表示と非表示 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog の表示と非表示 @@ -134,7 +136,7 @@ $('#igDialog).igDialog("open"); このトピックについては、以下のサンプルも参照してください。 -- [基本的な使用方法]({environment:SamplesUrl}/dialog-window/basic-usage): このサンプルでは、`igDialog` の高さ、幅、状態を設定する方法を紹介します。 +- [基本的な使用方法](\{environment:SamplesUrl\}/dialog-window/basic-usage): このサンプルでは、`igDialog` の高さ、幅、状態を設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/known-issues.mdx index a4387a1140..4e8ff19911 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/known-issues.mdx @@ -3,6 +3,8 @@ title: "既知の問題と制限 (igDialog)" slug: igdialog-known-issues --- +# 既知の問題と制限 (igDialog) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限 (igDialog) diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/overview.mdx index 08d5e83bf2..24168ba2fc 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/overview.mdx @@ -3,6 +3,8 @@ title: "igDialog の概要" slug: igdialog-overview --- +# igDialog の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDialog の概要 @@ -105,7 +107,7 @@ Maximized|*この状態では、igDialog は最大化されています。*|[最 **関連サンプル:** -- [基本的な使用方法]({environment:SamplesUrl}/dialog-window/basic-usage) +- [基本的な使用方法](\{environment:SamplesUrl\}/dialog-window/basic-usage) ### <a id="maximize-minimize"></a> 最大化と最小化 @@ -117,7 +119,7 @@ Maximized|*この状態では、igDialog は最大化されています。*|[最 **関連サンプル:** -- [アイコン]({environment:SamplesUrl}/dialog-window/icons) +- [アイコン](\{environment:SamplesUrl\}/dialog-window/icons) ### <a id="pin"></a> 固定 @@ -129,7 +131,7 @@ Maximized|*この状態では、igDialog は最大化されています。*|[最 **関連サンプル:** -- [アイコン]({environment:SamplesUrl}/dialog-window/icons) +- [アイコン](\{environment:SamplesUrl\}/dialog-window/icons) ### <a id="drag"></a> ドラッグ @@ -137,7 +139,7 @@ Maximized|*この状態では、igDialog は最大化されています。*|[最 **関連サンプル:** -- [**基本的な使用方法**]({environment:SamplesUrl}/dialog-window/basic-usage) +- [**基本的な使用方法**](\{environment:SamplesUrl\}/dialog-window/basic-usage) ### <a id="resize"></a> サイズ変更 @@ -145,7 +147,7 @@ Maximized|*この状態では、igDialog は最大化されています。*|[最 **関連サンプル:** -- [基本的な使用方法]({environment:SamplesUrl}/dialog-window/basic-usage) +- [基本的な使用方法](\{environment:SamplesUrl\}/dialog-window/basic-usage) ### <a id="position"></a> 位置 @@ -169,7 +171,7 @@ Maximized|*この状態では、igDialog は最大化されています。*|[最 **関連サンプル:** -- [アイコン]({environment:SamplesUrl}/dialog-window/icons) +- [アイコン](\{environment:SamplesUrl\}/dialog-window/icons) ### <a id="keyboard-support"></a> キーボードのサポート @@ -181,7 +183,7 @@ Esc キーで `igDialog` を閉じることができます。この動作をサ **関連サンプル:** -- [基本的な使用方法]({environment:SamplesUrl}/dialog-window/basic-usage) +- [基本的な使用方法](\{environment:SamplesUrl\}/dialog-window/basic-usage) ### <a id="modal-state"></a> モーダル状態 @@ -193,7 +195,7 @@ Esc キーで `igDialog` を閉じることができます。この動作をサ **関連サンプル:** -- [モーダル ダイアログ]({environment:SamplesUrl}/dialog-window/modal-dialog) +- [モーダル ダイアログ](\{environment:SamplesUrl\}/dialog-window/modal-dialog) ### <a id="multiple-dialogs"></a> 複数のダイアログ @@ -213,7 +215,7 @@ Esc キーで `igDialog` を閉じることができます。この動作をサ **関連サンプル:** -- [外部ページの読み込み]({environment:SamplesUrl}/dialog-window/loading-external-page) +- [外部ページの読み込み](\{environment:SamplesUrl\}/dialog-window/loading-external-page) ### <a id="animations"></a> アニメーション @@ -262,7 +264,7 @@ Esc キーで `igDialog` を閉じることができます。この動作をサ このトピックについては、以下のサンプルも参照してください。 -- [基本的な使用方法]({environment:SamplesUrl}/dialog-window/basic-usage): このサンプルでは、`igDialog` の高さ、幅、状態を設定する方法を紹介します。 +- [基本的な使用方法](\{environment:SamplesUrl\}/dialog-window/basic-usage): このサンプルでは、`igDialog` の高さ、幅、状態を設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdialog/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igdialog/styling-and-theming.mdx index 154fa7a5a1..71f9ecc844 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdialog/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdialog/styling-and-theming.mdx @@ -84,7 +84,7 @@ $("#themeSwitcher").themeswitcher(); このトピックについては、以下のサンプルも参照してください。 -- [アイコン]({environment:SamplesUrl}/dialog-window/icons): このサンプルでは、`igDialog` のアイコンを表示する方法を紹介します。 +- [アイコン](\{environment:SamplesUrl\}/dialog-window/icons): このサンプルでは、`igDialog` のアイコンを表示する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/accessibility-compliance.mdx index 6acd89cfe0..deb676247d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/accessibility-compliance.mdx @@ -3,6 +3,8 @@ title: "アクセシビリティの遵守 (igDoughnutChart)" slug: igdoughnutchart-accessibility-compliance --- +# アクセシビリティの遵守 (igDoughnutChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # アクセシビリティの遵守 (igDoughnutChart) @@ -26,7 +28,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igDoughnutChart` コントロールが各規則を遵守する方法も詳細に説明しています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igDoughnutChart` コントロールが各規則を遵守する方法も詳細に説明しています。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -48,7 +50,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### <a id="topics"></a> トピック 以下のトピックでは、このトピックに関連する追加情報を提供しています。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、{environment:ProductName} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、\{environment:ProductName\} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding-to-an-html-page.mdx b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding-to-an-html-page.mdx index 9918c87d5a..4c92340547 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding-to-an-html-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding-to-an-html-page.mdx @@ -15,7 +15,7 @@ slug: igdoughnutchart-adding-to-an-html-page このトピックを理解するために、以下のトピックを参照することをお勧めします。 -- [必要なリソースの手動で追加する](/adding-the-required-resources-for-igniteui-for-jquery): このトピックは、必要な JavaScript リソースを追加して {environment:ProductName} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 +- [必要なリソースの手動で追加する](/adding-the-required-resources-for-igniteui-for-jquery): このトピックは、必要な JavaScript リソースを追加して \{environment:ProductName\} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 - [*igDoughnutChart* の概要](/igdoughnutchart-overview): このトピックは、`igDoughnutChart` コントロールの概要を説明します。 @@ -76,7 +76,7 @@ slug: igdoughnutchart-adding-to-an-html-page <tr> <td>IG テーマ (オプション)</td> - <td>このテーマには、{environment:ProductName} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: <IG CSS root>/themes/Infragistics/infragistics.theme.css</td> + <td>このテーマには、\{environment:ProductName\} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: <IG CSS root>/themes/Infragistics/infragistics.theme.css</td> <td></td> </tr> </tbody> @@ -318,7 +318,7 @@ slug: igdoughnutchart-adding-to-an-html-page 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [JSON へのバインド]({environment:SamplesUrl}/doughnut-chart/bind-json): このサンプルは、JSON データにバインドされたドーナツ型チャートを表示します。 +- [JSON へのバインド](\{environment:SamplesUrl\}/doughnut-chart/bind-json): このサンプルは、JSON データにバインドされたドーナツ型チャートを表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding-using-the-mvc-helper.mdx b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding-using-the-mvc-helper.mdx index f38c72bffa..2806abec61 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding-using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding-using-the-mvc-helper.mdx @@ -3,6 +3,8 @@ title: "ASP.NET MVC アプリケーションへの igDoughnutChart の追加" slug: igdoughnutchart-adding-using-the-mvc-helper --- +# ASP.NET MVC アプリケーションへの igDoughnutChart の追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ASP.NET MVC アプリケーションへの igDoughnutChart の追加 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -このトピックでは、{environment:ProductNameMVC} を使用して ASP.NET MVC アプリケーションに <ApiLink type="igDoughnutChart" label="igDoughnutChart" />™ のインスタンスを作成する方法を紹介します。 +このトピックでは、\{environment:ProductNameMVC\} を使用して ASP.NET MVC アプリケーションに <ApiLink type="igDoughnutChart" label="igDoughnutChart" />™ のインスタンスを作成する方法を紹介します。 ### 前提条件 @@ -23,7 +25,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - ASP.NET MVC - ASP.NET MVC HTML ヘルパー - **トピック** - - [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで {environment:ProductName}™ コンポーネントを使用した作業の開始方法を説明します。 + - [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで \{environment:ProductName\}™ コンポーネントを使用した作業の開始方法を説明します。 @@ -51,7 +53,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### <a id="intro-summary"></a> *igDoughnutChart* の追加の概要 -{environment:ProductNameMVC} を使用して ASP.NET MVC アプリケーションに `igDoughnutChart` を追加するには、<ApiLink type="igDoughnutChart" member="height" section="options" label="height" /> オプションと <ApiLink type="igDoughnutChart" member="width" section="options" label="width" /> オプションの値を指定して少なくとも 1 つの <ApiLink type="igDoughnutChart" member="series" section="options" label="series" /> を追加し、サイズを調整する必要があります。 +\{environment:ProductNameMVC\} を使用して ASP.NET MVC アプリケーションに `igDoughnutChart` を追加するには、<ApiLink type="igDoughnutChart" member="height" section="options" label="height" /> オプションと <ApiLink type="igDoughnutChart" member="width" section="options" label="width" /> オプションの値を指定して少なくとも 1 つの <ApiLink type="igDoughnutChart" member="series" section="options" label="series" /> を追加し、サイズを調整する必要があります。 事前構成されたデータ ソース インスタンスを提供する、またはシリーズのためにそれを内部的に作成することが必要です。<ApiLink type="igDoughnutChart" member="series.dataSource" section="options" label="dataSource" /> オプションは別として、コントロールを表示するには、<ApiLink type="igDoughnutChart" member="series.name" section="options" label="name" /> オプションと <ApiLink type="igDoughnutChart" member="series.valueMemberPath" section="options" label="valueMemberPath" /> オプションの値が必要です。`valueMemberPath` パラメーターは、シリーズのスライスの作成で使用される値を含みます。この例は、シリーズの `dataSource` オプションのインスタンスを作成するために、`ProductItemCollection` モデルで使用されます。シリーズの `valueMemberPath` はIndex に設定され、スライスを作成するためにその値を使用します。 @@ -63,7 +65,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="adding"></a> ASP.NET MVC アプリケーションへの igDoughnutChart の追加 -このトピックでは、{environment:ProductNameMVC} を使用して ASP.NET MVC アプリケーションに igDoughnutChart のインスタンスを作成する方法を紹介します。 +このトピックでは、\{environment:ProductNameMVC\} を使用して ASP.NET MVC アプリケーションに igDoughnutChart のインスタンスを作成する方法を紹介します。 ### <a id="adding-preview"></a> プレビュー @@ -89,7 +91,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### <a id="adding-steps"></a> 手順 -このトピックでは、{environment:ProductNameMVC} を使用して ASP.NET MVC アプリケーションに `igDoughnutChart` のインスタンスを作成する方法を紹介します。 +このトピックでは、\{environment:ProductNameMVC\} を使用して ASP.NET MVC アプリケーションに `igDoughnutChart` のインスタンスを作成する方法を紹介します。 1. ***Infragistics.Web.Mvc.dll* への参照を追加します** @@ -99,7 +101,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **1.***Infragistics.Web.Mvc* 名前空間をインポートします - {environment:ProductNameMVC} を使用するには、Infragistics.Web.Mvc 名前空間をビューにインポートする必要があります。 + \{environment:ProductNameMVC\} を使用するには、Infragistics.Web.Mvc 名前空間をビューにインポートする必要があります。 **ASPX の場合:** ```csharp @@ -188,7 +190,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 4. ***igDoughnutChart* のインスタンスを作成します。** - **`igDoughnutChart` のインスタンスを作成するために、{environment:ProductNameMVC} を使用し基本的なオプションを設定します。**`igDoughnutChart` のインスタンスを作成するには、ASP.NET ページの本文内で {environment:ProductNameMVC} を使用します。コントロールのインスタンスを作成する場合、基本的な描画のために、以下に示すような複数のヘルパー メソッドを設定する必要があります。 + **`igDoughnutChart` のインスタンスを作成するために、\{environment:ProductNameMVC\} を使用し基本的なオプションを設定します。**`igDoughnutChart` のインスタンスを作成するには、ASP.NET ページの本文内で \{environment:ProductNameMVC\} を使用します。コントロールのインスタンスを作成する場合、基本的な描画のために、以下に示すような複数のヘルパー メソッドを設定する必要があります。 | | | @@ -199,7 +201,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; | Series() | `igDoughnutChart` のシリーズのインスタンスを作成します。, その `dataSource` は別として、`name` をシリーズに割り当て、その `valueMemberPath` プロパティにスライスのサイズ決定に使用される値を設定する必要があります。 | - 最終的に、すべての {environment:ProductNameMVC} コントロールと同様に、Render メソッドを呼び出して HTML と JavaScript をビューに描画します。 + 最終的に、すべての \{environment:ProductNameMVC\} コントロールと同様に、Render メソッドを呼び出して HTML と JavaScript をビューに描画します。 **ASPX の場合:** @@ -259,13 +261,13 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [*igDoughnutChart* の HTML ページへの追加](/igdoughnutchart-adding-to-an-html-page): このトピックは、`igDoughnutChart` を HTML ページに追加する方法を説明します。 -- [jQuery および MVC API リファレンス リンク (*igDoughnutChart*)](/igdoughnutchart-api-links): このトピックでは、`igDoughnutChart` コントロールと {environment:ProductNameMVC}　に関する API ドキュメントへのリンクを提供します。 +- [jQuery および MVC API リファレンス リンク (*igDoughnutChart*)](/igdoughnutchart-api-links): このトピックでは、`igDoughnutChart` コントロールと \{environment:ProductNameMVC\}　に関する API ドキュメントへのリンクを提供します。 ### <a id="samples"></a> サンプル 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [Collection にバインド]({environment:SamplesUrl}/doughnut-chart/bind-to-collection): このサンプルでは、{environment:ProductNameMVC}　を使用して `igDoughnutChart` を描画する方法を紹介します。ヘルパーはサーバーのオブジェクトのコレクションにバインドし、そのコレクションを JSON オブジェクトにシリアル化し、必要な `igDoughnutChart` HTML および JavaScript を描画します。 +- [Collection にバインド](\{environment:SamplesUrl\}/doughnut-chart/bind-to-collection): このサンプルでは、\{environment:ProductNameMVC\}　を使用して `igDoughnutChart` を描画する方法を紹介します。ヘルパーはサーバーのオブジェクトのコレクションにバインドし、そのコレクションを JSON オブジェクトにシリアル化し、必要な `igDoughnutChart` HTML および JavaScript を描画します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding.mdx b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding.mdx index dae83ee308..080a91dbf6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/adding/adding.mdx @@ -15,7 +15,7 @@ slug: igdoughnutchart-adding - [*igDoughnutChart* の HTML ページへの追加](/igdoughnutchart-adding-to-an-html-page): このトピックは、`igDoughnutChart` を HTML ページに追加する方法を説明します。 -- [ASP.NET MVC アプリケーションへの *igDoughnutChart* の追加](/igdoughnutchart-adding-using-the-mvc-helper): このトピックでは、{environment:ProductNameMVC} を使用して ASP.NET MVC アプリケーションに `igDoughnutChart` のインスタンスを作成する方法を紹介します。 +- [ASP.NET MVC アプリケーションへの *igDoughnutChart* の追加](/igdoughnutchart-adding-using-the-mvc-helper): このトピックでは、\{environment:ProductNameMVC\} を使用して ASP.NET MVC アプリケーションに `igDoughnutChart` のインスタンスを作成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/api-links.mdx index af3c03673e..3b9a1f64ad 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igDoughnutChart)" slug: igdoughnutchart-api-links --- +# jQuery および MVC API リファレンス リンク (igDoughnutChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igDoughnutChart) diff --git a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/configuring-selection-and-explosion.mdx b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/configuring-selection-and-explosion.mdx index 85a8640ab8..5ce8f8ec66 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/configuring-selection-and-explosion.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/configuring-selection-and-explosion.mdx @@ -2,6 +2,9 @@ title: "選択と展開の構成 (igDoughnutChart)" slug: igdoughnutchart-configuring-selection-and-explosion --- + +# 選択と展開の構成 (igDoughnutChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 選択と展開の構成 (igDoughnutChart) @@ -277,7 +280,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [Collection にバインド]({environment:SamplesUrl}/doughnut-chart/bind-to-collection): このサンプルでは、{environment:ProductNameMVC} を使用して `igDoughnutChart` を描画する方法を紹介します。ヘルパーはサーバーのオブジェクトのコレクションにバインドし、そのコレクションを JSON オブジェクトにシリアル化し、必要な `igDoughnutChart` HTML および JavaScript を描画します。 +- [Collection にバインド](\{environment:SamplesUrl\}/doughnut-chart/bind-to-collection): このサンプルでは、\{environment:ProductNameMVC\} を使用して `igDoughnutChart` を描画する方法を紹介します。ヘルパーはサーバーのオブジェクトのコレクションにバインドし、そのコレクションを JSON オブジェクトにシリアル化し、必要な `igDoughnutChart` HTML および JavaScript を描画します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/igdoughnutchart.mdx b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/igdoughnutchart.mdx index bb51a7c44e..ae01390c85 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/igdoughnutchart.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/igdoughnutchart.mdx @@ -23,7 +23,7 @@ slug: igdoughnutchart - [選択と展開の構成 (*igDoughnutChart*)](/igdoughnutchart-configuring-selection-and-explosion): このトピックでは、`igDoughnutChart` のスライスの選択および展開を構成する方法を説明します。 -- [jQuery および MVC API リファレンス リンク (*igDoughnutChart*)](/igdoughnutchart-api-links): このトピックでは、`igDoughnutChart` コントロールと {environment:ProductNameMVC} に関する API ドキュメントへのリンクを提供します。 +- [jQuery および MVC API リファレンス リンク (*igDoughnutChart*)](/igdoughnutchart-api-links): このトピックでは、`igDoughnutChart` コントロールと \{environment:ProductNameMVC\} に関する API ドキュメントへのリンクを提供します。 - [既知の問題と制限 (*igDoughnutChart*)](/igdoughnutchart-known-issues-and-limitations): このトピックでは、`igDoughnutChart` コントロールの既知の問題と制限に関する情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/overview.mdx index a569cf4c8c..7f253de5d7 100644 --- a/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igdoughnutchart/overview.mdx @@ -3,6 +3,8 @@ title: "igDoughnutChart の概要" slug: igdoughnutchart-overview --- +# igDoughnutChart の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDoughnutChart の概要 @@ -72,7 +74,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [選択と展開の構成 (*igDoughnutChart*)](/igdoughnutchart-configuring-selection-and-explosion): このトピックは、`igDoughnutChart` のスライスの選択および展開を構成する方法を説明します。 -- [jQuery および MVC API リファレンス リンク (*igDoughnutChart*)](/igdoughnutchart-api-links): このトピックでは、`igDoughnutChart` コントロールと {environment:ProductNameMVC} に関する API ドキュメントへのリンクを提供します。 +- [jQuery および MVC API リファレンス リンク (*igDoughnutChart*)](/igdoughnutchart-api-links): このトピックでは、`igDoughnutChart` コントロールと \{environment:ProductNameMVC\} に関する API ドキュメントへのリンクを提供します。 @@ -80,10 +82,10 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [Collection にバインド]({environment:SamplesUrl}/doughnut-chart/bind-to-collection): このサンプルは、{environment:ProductNameMVC}を使用して `igDoughnutChart` を描画し、サーバー上のオブジェクトのコレクションにバインドする方法を紹介します。 +- [Collection にバインド](\{environment:SamplesUrl\}/doughnut-chart/bind-to-collection): このサンプルは、\{environment:ProductNameMVC\}を使用して `igDoughnutChart` を描画し、サーバー上のオブジェクトのコレクションにバインドする方法を紹介します。 -- [JSON へのバインド]({environment:SamplesUrl}/doughnut-chart/bind-json): このサンプルは、ドーナツ型チャートを JSON データにバインドする方法を紹介します。 +- [JSON へのバインド](\{environment:SamplesUrl\}/doughnut-chart/bind-json): このサンプルは、ドーナツ型チャートを JSON データにバインドする方法を紹介します。 -- [ラベルおよびツールチップ]({environment:SamplesUrl}/doughnut-chart/labels-tooltips): このサンプルは、`igDoughnutChart` のラベル、ツールチップなどのオプションを構成する方法を紹介します。 +- [ラベルおよびツールチップ](\{environment:SamplesUrl\}/doughnut-chart/labels-tooltips): このサンプルは、`igDoughnutChart` のラベル、ツールチップなどのオプションを構成する方法を紹介します。 -- [凡例の構成]({environment:SamplesUrl}/doughnut-chart/configure-legend): このサンプルは、`igDoughnutChart` の凡例を構成する方法を紹介します。 +- [凡例の構成](\{environment:SamplesUrl\}/doughnut-chart/configure-legend): このサンプルは、`igDoughnutChart` の凡例を構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-aspnet-mvc-validation.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-aspnet-mvc-validation.mdx index 31103c5605..203f2b647f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-aspnet-mvc-validation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-aspnet-mvc-validation.mdx @@ -6,24 +6,23 @@ slug: configuring-asp.net-mvc-validation # ASP.NET MVC 検証の構成 - ##トピックの概要 ### 目的 -このトピックでは、{environment:ProductNameMVC} エディター コントロールで構成されるフォームの最初のステップとして、フォームの作成とデータ注釈付きでフォームを検証する方法を紹介します。また、ASP.NET MVC ValidationMessage を構成し、検証テキストをさらにカスタマイズする方法も説明します。 +このトピックでは、\{environment:ProductNameMVC\} エディター コントロールで構成されるフォームの最初のステップとして、フォームの作成とデータ注釈付きでフォームを検証する方法を紹介します。また、ASP.NET MVC ValidationMessage を構成し、検証テキストをさらにカスタマイズする方法も説明します。 ### 前提条件 ####概念 - ASP.NET MVC データ注釈バリデーター -- {environment:ProductNameMVC} エディターおよびコンボの使用 +- \{environment:ProductNameMVC\} エディターおよびコンボの使用 ####トピック -- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): {environment:ProductName} スクリプト、CSS、およびアセンブリを使用した ASP.NET MVC アプリケーションの設定の基本事項の習得 +- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): \{environment:ProductName\} スクリプト、CSS、およびアセンブリを使用した ASP.NET MVC アプリケーションの設定の基本事項の習得 - [igTextEditor の概要](/igbulletgraph-overview) : ASP.NET MVCでの igTextEditor 使用の基本事項の習熟 @@ -54,7 +53,7 @@ slug: configuring-asp.net-mvc-validation ### <a id="_Introduction"></a>概要 -この手順では、{environment:ProductNameMVC} コントロールを使用した ASP.NET MVC データ注釈検証の Person モデルを作成し構成します。 +この手順では、\{environment:ProductNameMVC\} コントロールを使用した ASP.NET MVC データ注釈検証の Person モデルを作成し構成します。 ### <a id="_Preview"></a>プレビュー @@ -66,7 +65,7 @@ slug: configuring-asp.net-mvc-validation 手順を完了するには、ASP.NET MVC プロジェクトの他に次が必要になります。 -- 必要な {environment:ProductName} の JavaScript と CSS ファイル +- 必要な \{environment:ProductName\} の JavaScript と CSS ファイル - 参照されている Infragistics.Web.Mvc.dll アセンブリ ###<a id="_Requirements_Overview"></a> 概要 @@ -80,7 +79,7 @@ slug: configuring-asp.net-mvc-validation ### <a id="_Steps"></a>手順 -以下の手順は、{environment:ProductName} コントロールのデータ注釈検証を構成する方法を示します。 +以下の手順は、\{environment:ProductName\} コントロールのデータ注釈検証を構成する方法を示します。 @@ -447,7 +446,7 @@ slug: configuring-asp.net-mvc-validation このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [ランタイム時の igEditors の構成](/configuring-igeditors-at-runtime) : {environment:ProductNameMVC}によりコントロールが表示される方法に関する重要な情報を含め、実行時のエディターの使用の詳細について学びます。 +- [ランタイム時の igEditors の構成](/configuring-igeditors-at-runtime) : \{environment:ProductNameMVC\}によりコントロールが表示される方法に関する重要な情報を含め、実行時のエディターの使用の詳細について学びます。 ###<a id="_Samples"></a> サンプル @@ -455,4 +454,4 @@ slug: configuring-asp.net-mvc-validation このトピックについては、以下のサンプルも参照してください。 -- [データ注釈の検証]({environment:SamplesUrl}/editors/data-annotation-validation): このサンプルは、送信ボタンが押されたときのデータ注釈検証を示します。 +- [データ注釈の検証](\{environment:SamplesUrl\}/editors/data-annotation-validation): このサンプルは、送信ボタンが押されたときのデータ注釈検証を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-igeditors-at-runtime.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-igeditors-at-runtime.mdx index a15b1ee7e3..1431b0b4b4 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-igeditors-at-runtime.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-igeditors-at-runtime.mdx @@ -6,7 +6,6 @@ slug: configuring-igeditors-at-runtime # ランタイム時の igEditors の構成 - ##トピックの概要 @@ -33,10 +32,10 @@ slug: configuring-igeditors-at-runtime #### 全般的な要件 - jQuery 固有の要件 -- {environment:ProductName} コントロールのインスタンスが作成された HTML Web ページ +- \{environment:ProductName\} コントロールのインスタンスが作成された HTML Web ページ - MVC 固有の要件 - Microsoft Visual Studio® での MVC プロジェクト -- Infragsitics.Web.Mvc dll ({environment:ProductNameMVC} を含む) への参照 +- Infragsitics.Web.Mvc dll (\{environment:ProductNameMVC\} を含む) への参照 #### スクリプト要件 @@ -44,7 +43,7 @@ slug: configuring-igeditors-at-runtime 1. jQuery コア ライブラリ スクリプト 2. jQuery UI ライブラリ - 3. ページで使用するエディターに必要な {environment:ProductName} スクリプト ファイル + 3. ページで使用するエディターに必要な \{environment:ProductName\} スクリプト ファイル ##<a id="_Binding_to_events_and_setting_options"></a>イベントへのバインドとオプションの設定 @@ -138,7 +137,7 @@ $("#numericeditor").igNumericEditor({ -以下は、HTML ヘルパーを使用して {environment:ProductNameMVC} `TextEditor` コントロールのインスタンスを作成し、コントロールが初期化されるとフォーカス イベントへサブスクライブする例です。 +以下は、HTML ヘルパーを使用して \{environment:ProductNameMVC\} `TextEditor` コントロールのインスタンスを作成し、コントロールが初期化されるとフォーカス イベントへサブスクライブする例です。 @@ -169,7 +168,7 @@ $("#texteditor").bind('igeditorfocus', function (evt, ui) { -以下は、HTML ヘルパーを使用して {environment:ProductNameMVC} `DateEditor` コントロールのインスタンスを作成し、初期化されるとフォーカス イベントへサブスクライブする例です。 +以下は、HTML ヘルパーを使用して \{environment:ProductNameMVC\} `DateEditor` コントロールのインスタンスを作成し、初期化されるとフォーカス イベントへサブスクライブする例です。 @@ -206,7 +205,7 @@ $("#dateeditor").bind('igeditorfocus', function (evt, ui) { $('#inputFieldID').igTextEditor ('option', <option name>,<option value>); ``` -{environment:ProductNameMVC} は、`igEditor` コントロールを内部で描画します。コードは次のようになります。 +\{environment:ProductNameMVC\} は、`igEditor` コントロールを内部で描画します。コードは次のようになります。 ``` $('#inputFieldID').igEditor ('option', <option name>,<option value>); @@ -222,7 +221,7 @@ $('#inputFieldID').igEditor ('option', <option name>,<option value>); -以下は、HTML ヘルパーを使用して {environment:ProductNameMVC} `MaskEditor` コントロールのインスタンスを作成し、初期化後にマスクを変更する例です。 +以下は、HTML ヘルパーを使用して \{environment:ProductNameMVC\} `MaskEditor` コントロールのインスタンスを作成し、初期化後にマスクを変更する例です。 @@ -250,7 +249,7 @@ $("#maskeditor").igEditor('option', 'inputMask', 'CCCCCCCCCC'); -以下は、HTML ヘルパーを使用して {environment:ProductNameMVC} `PercentEditor` コントロールのインスタンスを作成し、初期化後に最大 10 進数を変更する例です。 +以下は、HTML ヘルパーを使用して \{environment:ProductNameMVC\} `PercentEditor` コントロールのインスタンスを作成し、初期化後に最大 10 進数を変更する例です。 @@ -278,7 +277,7 @@ $("#percenteditor").igEditor('option', 'maxDecimals', 10); ##<a id="_Related_Topics"></a>関連トピック -- [{environment:ProductName} でイベントの使用](/using-events-in-igniteui-for-jquery) +- [\{environment:ProductName\} でイベントの使用](/using-events-in-igniteui-for-jquery) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-knockout-support-editors.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-knockout-support-editors.mdx index 9c547a773a..316e987335 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-knockout-support-editors.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/config/configuring-knockout-support-editors.mdx @@ -6,13 +6,12 @@ slug: configuring-knockout-support-(editors) # Knockout サポートの構成 - ##トピックの概要 ### 目的 -このトピックは、Knockout ライブラリを使用して View-Model のオブジェクトをバインドするために {environment:ProductName} エディター コントロールを構成する方法について説明します。 +このトピックは、Knockout ライブラリを使用して View-Model のオブジェクトをバインドするために \{environment:ProductName\} エディター コントロールを構成する方法について説明します。 ### 前提条件 @@ -70,7 +69,7 @@ slug: configuring-knockout-support-(editors) ### Knockout サポートの概要 -{environment:ProductName} エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して {environment:ProductName} エディターを初期化し構成するための簡単な手段を提供することを目的としています。 +\{environment:ProductName\} エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して \{environment:ProductName\} エディターを初期化し構成するための簡単な手段を提供することを目的としています。 Knockout のサポートは、View-Model への外部更新が発生した場合に、Knockout バインディングがページに適用されるときに最初に呼び出される Knockout 拡張機能としてページの存続期間中に実装されます。また、ビジネスに適したdata-bind 属性に関連するいずれかのエディター コントロール オプションを指定できます。 @@ -83,10 +82,10 @@ Knockout のサポートは、View-Model への外部更新が発生した場合 以下の表に、このトピックで使用するコード例を示します。 -- [Editor コントロール用に値のバインディングを構成する](#_Configuring_Value_Binding_for_Editor_Controls) : この例は、Knockout 宣言構文を使用して {environment:ProductName} エディター コントロールの値オプションを View-Model オブジェクトにバインドする方法を示します。 +- [Editor コントロール用に値のバインディングを構成する](#_Configuring_Value_Binding_for_Editor_Controls) : この例は、Knockout 宣言構文を使用して \{environment:ProductName\} エディター コントロールの値オプションを View-Model オブジェクトにバインドする方法を示します。 - [入力マスクを構成する (igMaskEditor)](#_Configuring_an_Input_Mask) : この例は、Knockout 宣言構文を使用して `igMaskEditor`™ を View-Model オブジェクトにバインドする方法を示します。 - [スケール ファクターを構成する (igPercentEditor)](#_Configuring_a_Scaling_Factor): この例は、Knockout 宣言構文を使用して `igPercentEditor`™ を View-Model オブジェクトにバインドする方法を示します。 - - [完全コード サンプル](#complete-sample): このサンプルは、Knockout データ バインディングにより管理されるデータに {environment:ProductName} Editor コントロールをバインドする方法を紹介します。 + - [完全コード サンプル](#complete-sample): このサンプルは、Knockout データ バインディングにより管理されるデータに \{environment:ProductName\} Editor コントロールをバインドする方法を紹介します。 - [コード例: 即時更新モードを構成する (igTextEditor)](#_Configuring_Immediate_Update_Mode): この例は、`igTextEditor` コントロールをインスタンス化し、各キー ストロークを更新する方法を示します。 @@ -95,7 +94,7 @@ Knockout のサポートは、View-Model への外部更新が発生した場合 ## <a id="_Configuring_Value_Binding_for_Editor_Controls"></a>コード例: Editor コントロール用に値のバインディングを構成する -この例は、Knockout により管理される View-Model オブジェクトに {environment:ProductName} エディター コントロールの値オプションをバインドする方法を示します。`igTextEditor`、`igNumericEditor`、`igCurrencyEditor` および `igDateEditor` のコントロールのコンテキストで示されます。Knockout の宣言構文を使用して、コントロールが入力要素のデータ バインド属性からインスタンス化され View-Model 監視可能プロパティにバインドされます。 +この例は、Knockout により管理される View-Model オブジェクトに \{environment:ProductName\} エディター コントロールの値オプションをバインドする方法を示します。`igTextEditor`、`igNumericEditor`、`igCurrencyEditor` および `igDateEditor` のコントロールのコンテキストで示されます。Knockout の宣言構文を使用して、コントロールが入力要素のデータ バインド属性からインスタンス化され View-Model 監視可能プロパティにバインドされます。 #### コード @@ -114,7 +113,7 @@ var viewModel = { }; ``` -以下のコード スニペットは、宣言されたKnockout バインディングをページに適用する方法を示します。`ko.applyBindings()` 呼び出しは、Loader の即時コールバック中に実行される点に注意してください。これは、Knockout の {environment:ProductName} エディター拡張機能が、バインディングの適用前にページにロードされる必要があるためです。 +以下のコード スニペットは、宣言されたKnockout バインディングをページに適用する方法を示します。`ko.applyBindings()` 呼び出しは、Loader の即時コールバック中に実行される点に注意してください。これは、Knockout の \{environment:ProductName\} エディター拡張機能が、バインディングの適用前にページにロードされる必要があるためです。 **JavaScript の場合:** @@ -186,10 +185,10 @@ $.ig.loader({ ### <a id="complete-sample"></a> 完全コード サンプル -このサンプルは、Knockout データ バインディングにより管理されるデータに {environment:ProductName} Editor コントロールをバインドする方法を紹介します。 +このサンプルは、Knockout データ バインディングにより管理されるデータに \{environment:ProductName\} Editor コントロールをバインドする方法を紹介します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/editors/bind-editors-with-ko]({environment:SamplesEmbedUrl}/editors/bind-editors-with-ko) + [\{environment:SamplesEmbedUrl\}/editors/bind-editors-with-ko](\{environment:SamplesEmbedUrl\}/editors/bind-editors-with-ko) </div> ## <a id="_Configuring_Immediate_Update_Mode"></a>コード例: 即時更新モードを構成する (`igTextEditor`) @@ -197,7 +196,7 @@ $.ig.loader({ ### 説明 -この例は、{environment:ProductName} エディター コントロールの値オプションをKnockout により管理される View-Model にバインドし、各キーストロークで View-Model を更新するようコントロールを構成する方法を示します。デフォルトでは、{environment:ProductName} コントロール内の編集は、コントロールがフォーカスを失った場合、たとえば `onBlur` が発生した場合などに View-Model に送られます。以下のコードは、`updateMode` オプションを immediate に設定することにより、`igTextEditor` コントロールの更新モードをイミディエイトに構成します。 +この例は、\{environment:ProductName\} エディター コントロールの値オプションをKnockout により管理される View-Model にバインドし、各キーストロークで View-Model を更新するようコントロールを構成する方法を示します。デフォルトでは、\{environment:ProductName\} コントロール内の編集は、コントロールがフォーカスを失った場合、たとえば `onBlur` が発生した場合などに View-Model に送られます。以下のコードは、`updateMode` オプションを immediate に設定することにより、`igTextEditor` コントロールの更新モードをイミディエイトに構成します。 ### コード diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/config/editors-configure-editors.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/config/editors-configure-editors.mdx index 2c5be7d986..ed3e2bc02c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/config/editors-configure-editors.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/config/editors-configure-editors.mdx @@ -6,24 +6,23 @@ slug: editors-configure-editors # エディターの構成 - ##このグループのトピックについて #### 概要 -このグループのトピックでは、{environment:ProductName}® エディター コントロールを構成する方法を説明します。 +このグループのトピックでは、\{environment:ProductName\}® エディター コントロールを構成する方法を説明します。 #### トピック -- [ランタイム時のエディター構成](/configuring-igeditors-at-runtime): このトピックでは、{environment:ProductName} エディター コントロールでイベントを処理しオプションを設定する方法を説明します。 +- [ランタイム時のエディター構成](/configuring-igeditors-at-runtime): このトピックでは、\{environment:ProductName\} エディター コントロールでイベントを処理しオプションを設定する方法を説明します。 -- [ASP.NET MVC 検証の構成 (エディター)](./00_Configuring ASP.NET MVC Validation.mdx): このトピックでは、{environment:ProductName} エディター コントロールで構成されるフォームの最初のステップとして、フォームの作成とデータ注釈付きでフォームを検証する方法を紹介します。また、ASP.NET MVC ValidationMessage を構成し、検証テキストをさらにカスタマイズする方法も説明します。 +- [ASP.NET MVC 検証の構成 (エディター)](./00_Configuring ASP.NET MVC Validation.mdx): このトピックでは、\{environment:ProductName\} エディター コントロールで構成されるフォームの最初のステップとして、フォームの作成とデータ注釈付きでフォームを検証する方法を紹介します。また、ASP.NET MVC ValidationMessage を構成し、検証テキストをさらにカスタマイズする方法も説明します。 - [エディターのローカリゼーション](/localizing-igeditors): このトピックは、エディターのローカライズ リソースおよび地域設定を使用する方法を紹介します。 -- [Knockout サポートの構成 (エディター)](./02_Configuring Knockout Support (Editors).mdx): このトピックは、Knockout ライブラリを使用したビューモード オブジェクトのバインドで、{environment:ProductName} エディター コントロールを構成する方法を説明します。 +- [Knockout サポートの構成 (エディター)](./02_Configuring Knockout Support (Editors).mdx): このトピックは、Knockout ライブラリを使用したビューモード オブジェクトのバインドで、\{environment:ProductName\} エディター コントロールを構成する方法を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/config/localizing-igeditors.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/config/localizing-igeditors.mdx index 944b7ec43d..585660681f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/config/localizing-igeditors.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/config/localizing-igeditors.mdx @@ -7,9 +7,9 @@ slug: localizing-igeditors 以下の 2 種類のローカライズがあります。1 つ目は、コントロール内のローカライズ リソースです。2 つ目は、コントロール内の地域設定です。 -コントロールのローカライズ リソースは、ブルガリア語、ロシア語、日本語、ドイツ語、スペイン語、フランス語です。これらは、js/modules/i18n (js は、{environment:ProductName} プログラムのインストール パス内の JavaScript ファイルのルート フォルダー) にあります。ローカライズ リソースの詳細については、[{environment:ProductName} コントロールのローカライズのカスタマイズ](/customizing-the-localization-of-igniteui-for-jquery-controls)をご覧ください。 +コントロールのローカライズ リソースは、ブルガリア語、ロシア語、日本語、ドイツ語、スペイン語、フランス語です。これらは、js/modules/i18n (js は、\{environment:ProductName\} プログラムのインストール パス内の JavaScript ファイルのルート フォルダー) にあります。ローカライズ リソースの詳細については、[\{environment:ProductName\} コントロールのローカライズのカスタマイズ](/customizing-the-localization-of-igniteui-for-jquery-controls)をご覧ください。 -一方、地域設定では、特有の日付や数値の形式、同様に通貨記号、小数点記号、小数点などの形式を提供します。これらは ../js/modules/i18n/regional (js が {environment:ProductName} プログラム インストール パスの JavaScript ファイルのルート フォルダー) にあります。 +一方、地域設定では、特有の日付や数値の形式、同様に通貨記号、小数点記号、小数点などの形式を提供します。これらは ../js/modules/i18n/regional (js が \{environment:ProductName\} プログラム インストール パスの JavaScript ファイルのルート フォルダー) にあります。 ## ユース ケース @@ -96,10 +96,10 @@ CloseText|`igDatePicker` カレンダーの `close` ボタンのテキスト。 このサンプルでは、日付、数値、通貨のデフォルト書式を変更するためにエディターの `regional` オプションにカルチャを設定する方法を示します。ここに 3 つの地域 (United States、Japan、Tamil India) が構成されています。infragistics.ui.regional-i18n.js ファイルから他の地域を選択できます。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/editors/localizing-editors]({environment:SamplesEmbedUrl}/editors/localizing-editors) + [\{environment:SamplesEmbedUrl\}/editors/localizing-editors](\{environment:SamplesEmbedUrl\}/editors/localizing-editors) </div> ## <a id="_Related_Topics"></a>関連トピック - [エディター ヘルプ概要](igeditors-landingpage.html) -- [{environment:ProductName} コントロールのローカライズのカスタマイズ](/customizing-the-localization-of-igniteui-for-jquery-controls) +- [\{environment:ProductName\} コントロールのローカライズのカスタマイズ](/customizing-the-localization-of-igniteui-for-jquery-controls) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/accessibility-compliance.mdx index 0062d9cfaf..9083afbfd0 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/accessibility-compliance.mdx @@ -6,7 +6,7 @@ slug: igcheckboxeditor-accessibility-compliance # igCheckboxEditor アクセシビリティの遵守 ## igCheckboxEditor アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igCheckboxEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igCheckboxEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/jquery-api.mdx index 11e0b702de..768f545c6d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/jquery-api.mdx @@ -3,6 +3,8 @@ title: "igCheckboxEditor jQuery および MVC API リファレンス リンク" slug: igcheckboxeditor-jquery-api --- +# igCheckboxEditor jQuery および MVC API リファレンス リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igCheckboxEditor jQuery および MVC API リファレンス リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/overview.mdx index 13392a3b5f..8967da4707 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igcheckboxeditor/overview.mdx @@ -5,7 +5,7 @@ slug: igcheckboxeditor-overview # igCheckboxEditor の概要 -{environment:ProductName} のチェック ボックス エディター、つまり `igCheckboxEditor` は、チェック ボックス フィールドを描画するコントロールです。1 つまたは複数の相互に排他的なオプションのどちらか一方の選択をユーザーに許可するほか、チェック ボックスの値をサーバーに送信できるようにします。 +\{environment:ProductName\} のチェック ボックス エディター、つまり `igCheckboxEditor` は、チェック ボックス フィールドを描画するコントロールです。1 つまたは複数の相互に排他的なオプションのどちらか一方の選択をユーザーに許可するほか、チェック ボックスの値をサーバーに送信できるようにします。 ユーザーがコントロールを操作すると、外観が更新されて、ただちにフィードバックが返されます。エディターには 2 つの状態があり、チェック ボックスは 2 つの状態のトグルとして機能します。1 つは、オンの状態を反映し、もう 1 つはオフの状態を反映します。 @@ -14,7 +14,7 @@ slug: igcheckboxeditor-overview ## igCheckboxEditor の Web ページへの追加 -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 @@ -43,7 +43,7 @@ slug: igcheckboxeditor-overview <script type="text/javascript" src="@Url.Content("~/Scripts/infragistics.lob.js")"></script> ``` -3. jQuery の実装では、HTML 内のターゲット要素として INPUT、SPAN または DIV を作成します。ASP.NET MVC の実装では、含める要素を {environment:ProductNameMVC} が作成するため、この手順はオプションです。 +3. jQuery の実装では、HTML 内のターゲット要素として INPUT、SPAN または DIV を作成します。ASP.NET MVC の実装では、含める要素を \{environment:ProductNameMVC\} が作成するため、この手順はオプションです。 **HTML の場合:** ```html @@ -104,6 +104,6 @@ $('#checkInput').igCheckboxEditor({ ## 関連リンク -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-accessibility-compliance.mdx index c092c05051..a61d35f844 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-accessibility-compliance.mdx @@ -5,7 +5,7 @@ slug: igcurrencyeditor-igcurrencyeditor-accessibility-compliance # igCurrencyEditor アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igCurrencyEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igCurrencyEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 各アクセシビリティ規則の要件を満たすためには、コントロールのプロパティについてインタラクティブな設定操作が必要な場合もありますが、ほとんどの場合は、コントロールがプロパティを自動的に設定します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-jquery-api.mdx index 1918602bfd..548d9d9e4c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-jquery-api.mdx @@ -3,6 +3,8 @@ title: "igCurrencyEditor jQuery および MVC API リファレンス リンク" slug: igcurrencyeditor-igcurrencyeditor-jquery-api --- +# igCurrencyEditor jQuery および MVC API リファレンス リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igCurrencyEditor jQuery および MVC API リファレンス リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-known-issues.mdx index e8c2698018..ea870b1760 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-known-issues.mdx @@ -5,7 +5,6 @@ slug: igcurrencyeditor-igcurrencyeditor-known-issues # igCurrencyEditor 既知の問題 - **既知の問題** 現在、`igCurrencyEditor` に関する既知の問題や制限はありません。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-overview.mdx index 332f7eaa60..3e3d5ae626 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-overview.mdx @@ -3,12 +3,14 @@ title: "igCurrencyEditor の概要" slug: igcurrencyeditor-igcurrencyeditor-overview --- +# igCurrencyEditor の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igCurrencyEditor の概要 -{environment:ProductName}™ の通貨エディター、つまり `igCurrencyEditor` は、さまざまな通貨タイプに書式設定された数値のみを受け付ける入力フィールドを描画するコントロールです。`igCurrencyEditor` コントロールは、ブラウザーが公開するさまざまな地域のオプションを認識することにより、ローカライズをサポートします。 +\{environment:ProductName\}™ の通貨エディター、つまり `igCurrencyEditor` は、さまざまな通貨タイプに書式設定された数値のみを受け付ける入力フィールドを描画するコントロールです。`igCurrencyEditor` コントロールは、ブラウザーが公開するさまざまな地域のオプションを認識することにより、ローカライズをサポートします。 ユーザーがコントロールを操作すると、変更が反映されて、ただちに外観が更新されます。エディターがフォーカスを失うと、値に依存した正または負のパターンがコントロールに適用され、適切な通貨記号が追加されます。 @@ -16,7 +18,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ![](../../../images/images/igCurrencyEditor_Overview.png) -[igCurrencyEditor オプション サンプル]({environment:SamplesUrl}/editors/currency-editor) +[igCurrencyEditor オプション サンプル](\{environment:SamplesUrl\}/editors/currency-editor) ## 機能 @@ -45,9 +47,9 @@ $('#currencyEditor').igCurrencyEditor({ ``` ![](../../../images/images/igCurrencyEditor_PositivePattern.png) -## {environment:ProductFamilyName} CLI を使用して igCurrencyEditor の追加 +## \{environment:ProductFamilyName\} CLI を使用して igCurrencyEditor の追加 -新しい igCurrencyEditor を簡単にアプリケーションに追加するには、{environment:ProductFamilyName} CLI を使用します。新しいアプリケーションを作成した後、以下のコマンドを実行すると、通貨エディターがプロジェクトに追加されます。 +新しい igCurrencyEditor を簡単にアプリケーションに追加するには、\{environment:ProductFamilyName\} CLI を使用します。新しいアプリケーションを作成した後、以下のコマンドを実行すると、通貨エディターがプロジェクトに追加されます。 ``` ig add currency-editor newCurrencyEditor @@ -55,11 +57,11 @@ $('#currencyEditor').igCurrencyEditor({ このコマンドは、アプリケーションが Angular、React、または jQuery に関係なく新しい通貨エディターを追加します。 -すべての利用可能なコマンドおよび詳細な情報については、「[{environment:ProductFamilyName} CLI の使用](/Using-Ignite-UI-CLI)」のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、「[\{environment:ProductFamilyName\} CLI の使用](/Using-Ignite-UI-CLI)」のトピックを参照してください。 ## igCurrencyEditor の Web ページへの追加 -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 **HTML の場合:** @@ -88,7 +90,7 @@ $('#currencyEditor').igCurrencyEditor({ <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. jQuery の実装のみの場合、HTML 内のターゲット要素として INPUT、DIV、または SPAN の作成から開始します。ASP.NET MVC の実装では、含める要素を {environment:ProductNameMVC} が作成するため、この手順はオプションです。 +3. jQuery の実装のみの場合、HTML 内のターゲット要素として INPUT、DIV、または SPAN の作成から開始します。ASP.NET MVC の実装では、含める要素を \{environment:ProductNameMVC\} が作成するため、この手順はオプションです。 **HTML の場合:** @@ -120,9 +122,9 @@ $('#currencyEditor').igCurrencyEditor({ ## 関連リンク -- [通貨エディター サンプル]({environment:SamplesUrl}/editors/currency-editor) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [通貨エディター サンプル](\{environment:SamplesUrl\}/editors/currency-editor) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-styling-and-theming.mdx index 54f4544acf..e2cefe0eab 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/igcurrencyeditor-styling-and-theming.mdx @@ -3,6 +3,8 @@ title: "igCurrencyEditor のスタイルおよびテーマ設定" slug: igcurrencyeditor-igcurrencyeditor-styling-and-theming --- +# igCurrencyEditor のスタイルおよびテーマ設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igCurrencyEditor のスタイルおよびテーマ設定 @@ -10,12 +12,12 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; `igCurrencyEditor` の jQuery ウィジェットは、多くのスタイル設定オプションを公開します。通貨エディターのスタイルをカスタマイズするには、さまざまなテーマを使用する、またはカスタム CSS ルールをコントロールに直接適用する必要があります。 -{environment:ProductName} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。 +\{environment:ProductName\} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。 エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 ## ThemeRoller の使用 -`igCurrencyEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、{environment:ProductName} のデフォルトのテーマと置き換えられます。 +`igCurrencyEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、\{environment:ProductName\} のデフォルトのテーマと置き換えられます。 UI Darkness テーマを使用する通貨エディター: diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/keyboard-navigation.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/keyboard-navigation.mdx index 8efed19d24..650e7971a2 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "キーボード ナビゲーション (igCurrencyEditor)" slug: igcurrencyeditor-keyboard-navigation --- +# キーボード ナビゲーション (igCurrencyEditor) + #キーボード ナビゲーション (igCurrencyEditor) ##トピックの概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/migrating-to-the-new-igcurrencyeditor.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/migrating-to-the-new-igcurrencyeditor.mdx index b4f4bfc000..f24a32de45 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/migrating-to-the-new-igcurrencyeditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igcurrencyeditor/migrating-to-the-new-igcurrencyeditor.mdx @@ -3,11 +3,13 @@ title: "新しい igCurrencyEditor への移行" slug: migrating-to-the-new-igcurrencyeditor --- +# 新しい igCurrencyEditor への移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 新しい igCurrencyEditor への移行 -{environment:ProductName}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igCurrencyEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 +\{environment:ProductName\}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igCurrencyEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 ## トピックの概要 このトピックは、古い通貨エディターから新しい通貨エディターへの移行のサポートを目的としています。さまざまなシナリオを使用した実行方法を通して新旧を比較します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/accessibility-compliance.mdx index 87cdf0307e..35b6f0ada5 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/accessibility-compliance.mdx @@ -5,7 +5,7 @@ slug: igdateeditor-accessibility-compliance # igDateEditor アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igDateEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igDateEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/igdateeditor.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/igdateeditor.mdx index 4b4cec34e4..92f5ca9396 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/igdateeditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/igdateeditor.mdx @@ -5,7 +5,6 @@ slug: igdateeditor-igdateeditor # igDateEditor - `igDateEditor` を素早く起動して実行する方法については、以下のリンクをクリックしてください。 - [igDateEditor の概要](/igdateeditor-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/jquery-api.mdx index 5457ccf644..3a3f42a844 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/jquery-api.mdx @@ -3,6 +3,8 @@ title: "igDateEditor jQuery および MVC API リファレンス リンク" slug: igdateeditor-jquery-api --- +# igDateEditor jQuery および MVC API リファレンス リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDateEditor jQuery および MVC API リファレンス リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/keyboard-navigation.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/keyboard-navigation.mdx index c0901331cf..2ed33e4b04 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "キーボード ナビゲーション (igDateEditor)" slug: igdateeditor-keyboard-navigation --- +# キーボード ナビゲーション (igDateEditor) + #キーボード ナビゲーション (igDateEditor) ##トピックの概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/known-issues.mdx index 3e4d2eb506..904256aa80 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/known-issues.mdx @@ -3,6 +3,8 @@ title: "igDateEditor の既知の問題" slug: igdateeditor-known-issues --- +# igDateEditor の既知の問題 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDateEditor の既知の問題 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx index 6653ee7c98..16480bab26 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/migrating-date-handling-in-17-1.mdx @@ -3,6 +3,8 @@ title: "17.1 で日付処理の移行" slug: igDateEditor-migrating-date-handling-in-17-1 --- +# 17.1 で日付処理の移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 17.1 で日付処理の移行 @@ -48,9 +50,9 @@ $('#edtr').igDateEditor({ ``` 両方のバージョンで「2016/02/09 10:55」の値になります。ブール値ではない `displayTimeOffset` オプションは日付を UTC またはカスタム オフセットとして表示することを許可し、基本の値を変更しません。 -### {environment:ProductNameMVC} +### \{environment:ProductNameMVC\} -17.1 バージョンへのアップグレードの変更を説明します。以前のバージョンで `DateTime` 値の処理で、{environment:ProductNameMVC} がクライアントの Date をサーバー値と作成されました。 +17.1 バージョンへのアップグレードの変更を説明します。以前のバージョンで `DateTime` 値の処理で、\{environment:ProductNameMVC\} がクライアントの Date をサーバー値と作成されました。 以下の例を参照してください。 ```csharp @@ -68,7 +70,7 @@ value: new Date(2016, 1, 9, 10, 55, 55); ``` 正しい表示になりますが、クライアントでローカル日付を作成するため、基本の時間値がクライアントのタイム ゾーンに基づいて異なります。サーバーおよびクライアント値が同じ日付を表示しますが、基本の値が異なります。送信するときに予期されていない値の処理が可能です。特にクライアント値を ISO 8061 書式で UTC 値に基づいてシリアル化するデフォルトの "date" <ApiLink type="igdateeditor" member="dataMode" section="options" label="dataMode" /> を使用する場合に異なります。 -そのため、17.1 以後、{environment:ProductNameMVC} も ISO 8061 書式を使用してクライアント ウィジェットを正しい値と初期化し、値の送信で正しい値を確認します。後方互換性のため、ヘルパーがデフォルトでサーバー時間に基づく新しい <ApiLink type="igdateeditor" member="displayTimeOffset" section="options" label="displayTimeOffset" /> 値を出力します。たとえば、サーバーで GMT+1 の場合、上の例が以下のようにクライアントに描画されます: +そのため、17.1 以後、\{environment:ProductNameMVC\} も ISO 8061 書式を使用してクライアント ウィジェットを正しい値と初期化し、値の送信で正しい値を確認します。後方互換性のため、ヘルパーがデフォルトでサーバー時間に基づく新しい <ApiLink type="igdateeditor" member="displayTimeOffset" section="options" label="displayTimeOffset" /> 値を出力します。たとえば、サーバーで GMT+1 の場合、上の例が以下のようにクライアントに描画されます: ```js value: '2016-01-09T09:55:55.0000000Z', @@ -81,5 +83,5 @@ displayTimeOffset: 60 ## 関連トピック -クライアント日付を表示する方法の詳細については、[{environment:ProductName} コントロールを別のタイム ゾーンで使用](/Using-igniteui-controls-in-different-time-zones)トピックの「サーバー日付を無視してクライアント側の日付を表示」セクションを参照してください。 +クライアント日付を表示する方法の詳細については、[\{environment:ProductName\} コントロールを別のタイム ゾーンで使用](/Using-igniteui-controls-in-different-time-zones)トピックの「サーバー日付を無視してクライアント側の日付を表示」セクションを参照してください。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/migrating-to-the-new-igdateeditor.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/migrating-to-the-new-igdateeditor.mdx index 9be5e0e68b..d613e56871 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/migrating-to-the-new-igdateeditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/migrating-to-the-new-igdateeditor.mdx @@ -3,11 +3,13 @@ title: "新しい igDateEditor への移行" slug: migrating-to-the-new-igdateeditor --- +# 新しい igDateEditor への移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 新しい igDateEditor への移行 -{environment:ProductName}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igDateEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 +\{environment:ProductName\}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igDateEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 ## トピックの概要 このトピックは、古い日付エディターから新しい日付エディターへの移行のサポートを目的としています。さまざまなシナリオを使用した実行方法を通して新旧を比較します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/overview.mdx index d55923a8d1..e73a7f9b46 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/overview.mdx @@ -3,14 +3,16 @@ title: "igDateEditor の概要" slug: igdateeditor-overview --- +# igDateEditor の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDateEditor の概要 -{environment:ProductName}™ 日付エディター、つまり `igDateEditor` は日付に書式設定されたデータを編集できる入力フィールドを描画するコントロールです。`igDateEditor` コントロールはローカライズおよび様々な地域オプションをサポートします。 +\{environment:ProductName\}™ 日付エディター、つまり `igDateEditor` は日付に書式設定されたデータを編集できる入力フィールドを描画するコントロールです。`igDateEditor` コントロールはローカライズおよび様々な地域オプションをサポートします。 -`igDateEditor` コントロールは、任意のサーバー技術を使用する作業を構成できる豊富なクライアント側 API を公開します。{environment:ProductName}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用の {environment:ProductNameMVC} の一部として含まれるコントロールでは、希望する .NET™ 言語を使用して構成できます。 +`igDateEditor` コントロールは、任意のサーバー技術を使用する作業を構成できる豊富なクライアント側 API を公開します。\{environment:ProductName\}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用の \{environment:ProductNameMVC\} の一部として含まれるコントロールでは、希望する .NET™ 言語を使用して構成できます。 `igDateEditor` コントロールは、大幅にスタイル変更ができるため、デフォルトのスタイルとまったく異なるルック アンド フィールのコントロールを実現できます。スタイル設定オプションでは、独自のスタイルも jQuery UI の ThemeRoller のスタイルも使用できます。 @@ -35,7 +37,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## igDateEditor の Web ページへの追加 -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 **HTML の場合:** @@ -64,7 +66,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を {environment:ProductNameMVC} が作成するため、この手順はオプションです。 +3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を \{environment:ProductNameMVC\} が作成するため、この手順はオプションです。 **HTML の場合:** @@ -122,14 +124,14 @@ value が空で編集モードの場合は、日のみなど日付の一部を このサンプルでは、日付エディターに日付と時間を書式設定する構成を紹介します。 <div class="embed-sample"> -[{environment:SamplesEmbedUrl}/editors/date-and-time-formats]({environment:SamplesEmbedUrl}/editors/date-and-time-formats) +[\{environment:SamplesEmbedUrl\}/editors/date-and-time-formats](\{environment:SamplesEmbedUrl\}/editors/date-and-time-formats) </div> ## 関連リンク -- [日付エディター サンプル]({environment:SamplesUrl}/editors/date-editor) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [日付エディター サンプル](\{environment:SamplesUrl\}/editors/date-editor) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/styling-and-theming.mdx index 73cf94efdf..63b3143349 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdateeditor/styling-and-theming.mdx @@ -3,17 +3,19 @@ title: "igDateEditor のスタイル設定とテーマ設定" slug: igdateeditor-styling-and-theming --- +# igDateEditor のスタイル設定とテーマ設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDateEditor のスタイル設定とテーマ設定 `igDateEditor` コントロールは、`igEditor` を拡張する jQuery ベースのウィジェットで、多くのスタイル設定オプションを公開します。日付エディターのスタイルをカスタマイズするには、テーマ オプションを使用して、カスタム CSS ルールのセットをコントロールに適用する必要があります。 -{environment:ProductName} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 +\{environment:ProductName\} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 ## ThemeRoller の使用 -`igDateEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、{environment:ProductName} のデフォルトのテーマと置き換えられます。 +`igDateEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、\{environment:ProductName\} のデフォルトのテーマと置き換えられます。 UI Darkness テーマを使用する日付エディター: diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/accessibility-compliance.mdx index 16ba4368cb..7d6044e195 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/accessibility-compliance.mdx @@ -5,7 +5,7 @@ slug: igdatepicker-accessibility-compliance # igDatePicker アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igDatePicker` コントロールが各規則を遵守する方法の詳細も含まれています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igDatePicker` コントロールが各規則を遵守する方法の詳細も含まれています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/jquery-api.mdx index 06518c81d5..d8eb0e6fc5 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/jquery-api.mdx @@ -3,6 +3,8 @@ title: "igDatePicker jQuery および MVC API リファレンス リンク" slug: igdatepicker-jquery-api --- +# igDatePicker jQuery および MVC API リファレンス リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDatePicker jQuery および MVC API リファレンス リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/keyboard-navigation.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/keyboard-navigation.mdx index bc94f8286b..fa443e7c7f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/keyboard-navigation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "キーボード ナビゲーション (igDatePicker)" slug: igdatepicker-keyboard-navigation --- +# キーボード ナビゲーション (igDatePicker) + #キーボード ナビゲーション (igDatePicker) ##トピックの概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/known-issues.mdx index 1807160eb0..249ee69f26 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/known-issues.mdx @@ -3,6 +3,8 @@ title: "igDatePicker 既知の問題" slug: igdatepicker-known-issues --- +# igDatePicker 既知の問題 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDatePicker 既知の問題 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/migrating-to-the-new-igdatepicker.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/migrating-to-the-new-igdatepicker.mdx index 9e389b6098..7982ead37c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/migrating-to-the-new-igdatepicker.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/migrating-to-the-new-igdatepicker.mdx @@ -3,11 +3,13 @@ title: "新しい igDatePicker への移行" slug: migrating-to-the-new-igdatepicker --- +# 新しい igDatePicker への移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 新しい igDatePicker への移行 -{environment:ProductName}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igDatePicker` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 +\{environment:ProductName\}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igDatePicker` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 ## トピックの概要 このトピックは、古い日付ピッカーから新しい日付ピッカーへの移行のサポートを目的としています。さまざまなシナリオを使用した実行方法を通して新旧を比較します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/overview.mdx index ed539980eb..1acc3fcc70 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/overview.mdx @@ -3,6 +3,8 @@ title: "igDatePicker の概要" slug: igdatepicker-overview --- +# igDatePicker の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDatePicker の概要 @@ -12,7 +14,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; > **ローカライズの注意:** `igDatePicker` コントロールは `jQuery.datepicker` と依存関係があります。このため、ページでそのローカライズ ファイルを参照する必要があります。 -`igDatePicker` コントロールは、任意のサーバー技術を使用して作業を構成できる豊富なクライアント側 API を公開します。{environment:ProductName}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用の {environment:ProductNameMVC} の一部として含まれるコントロールでは、希望する .NET™ 言語を使用して構成できます。 +`igDatePicker` コントロールは、任意のサーバー技術を使用して作業を構成できる豊富なクライアント側 API を公開します。\{environment:ProductName\}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用の \{environment:ProductNameMVC\} の一部として含まれるコントロールでは、希望する .NET™ 言語を使用して構成できます。 `igDatePicker` コントロールは、大幅にスタイル変更ができるため、デフォルトのスタイルとまったく異なるルック アンド フィールのコントロールを実現できます。スタイル設定オプションでは、独自のスタイルも jQuery UI の ThemeRoller のスタイルも使用できます。 @@ -22,7 +24,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ![](../../../images/images/igDatePicker_Overview_Pic1.png) -- [igDatePicker のサンプル]({environment:SamplesUrl}/editors/date-picker-overview) +- [igDatePicker のサンプル](\{environment:SamplesUrl\}/editors/date-picker-overview) ## 機能 @@ -37,9 +39,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - ASP.NET MVC - jquery.ui.datepicker でサポートされるすべての機能 -## {environment:ProductFamilyName} CLI を使用して igDatePicker の追加 +## \{environment:ProductFamilyName\} CLI を使用して igDatePicker の追加 -新しい igDatePicker を簡単にアプリケーションに追加するには、{environment:ProductFamilyName} CLI を使用します。新しいアプリケーションを作成した後、以下のコマンドを実行すると、日付の選択がプロジェクトに追加されます。 +新しい igDatePicker を簡単にアプリケーションに追加するには、\{environment:ProductFamilyName\} CLI を使用します。新しいアプリケーションを作成した後、以下のコマンドを実行すると、日付の選択がプロジェクトに追加されます。 ``` ig add date-picker newDatePicker @@ -47,11 +49,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このコマンドは、アプリケーションが Angular、React、または jQuery に関係なく新しい日付の選択を追加します。 -すべての利用可能なコマンドおよび詳細な情報については、「[{environment:ProductFamilyName} CLI の使用](/Using-Ignite-UI-CLI)」のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、「[\{environment:ProductFamilyName\} CLI の使用](/Using-Ignite-UI-CLI)」のトピックを参照してください。 ## igDatePicker の Web ページへの追加 -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 **HTML の場合:** @@ -80,7 +82,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を {environment:ProductNameMVC} が作成するため、この手順はオプションです。 +3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を \{environment:ProductNameMVC\} が作成するため、この手順はオプションです。 **HTML の場合:** @@ -127,11 +129,11 @@ value が空で編集モードの場合は、日日のみなど日付の一部 以下のサンプルは、複数の <ApiLink type="igdatepicker" member="dataMode" section="options" label="dataMode" /> 設定と `igDatePicker` を構成する方法を紹介し、送信の予測値を表示します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/editors/date-picker]({environment:SamplesEmbedUrl}/editors/date-picker) + [\{environment:SamplesEmbedUrl\}/editors/date-picker](\{environment:SamplesEmbedUrl\}/editors/date-picker) </div> ## 関連リンク -- [igDatePicker のサンプル]({environment:SamplesUrl}/editors/date-picker-overview) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) \ No newline at end of file +- [igDatePicker のサンプル](\{environment:SamplesUrl\}/editors/date-picker-overview) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/styling-and-theming.mdx index 9690e98ff6..c829b5d52c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igdatepicker/styling-and-theming.mdx @@ -3,6 +3,8 @@ title: "igDatePicker のスタイルおよびテーマ設定" slug: igdatepicker-styling-and-theming --- +# igDatePicker のスタイルおよびテーマ設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDatePicker のスタイルおよびテーマ設定 @@ -14,7 +16,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## ThemeRoller の使用 -`igDatePicker` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、{environment:ProductName} のデフォルトのテーマと置き換えられます。 +`igDatePicker` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、\{environment:ProductName\} のデフォルトのテーマと置き換えられます。 UI Darkness テーマを使用する日付ピッカー: diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/accessibility-compliance.mdx index 5b7e21bfa9..6537ea95d9 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/accessibility-compliance.mdx @@ -7,7 +7,7 @@ slug: igmaskeditor-accessibility-compliance ##igMaskEditor アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igMaskEditor` コントロールが各規則を遵守する方法の詳細も含まれています。各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igMaskEditor` コントロールが各規則を遵守する方法の詳細も含まれています。各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 >**注:** jQuery コントロールはクライアント専用のため、一部の規則はサポートされず、制限とされています。 表 1: 第 508 条遵守の説明 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/igmaskeditor.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/igmaskeditor.mdx index 9ddb2f19c7..f0bbd923fb 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/igmaskeditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/igmaskeditor.mdx @@ -5,7 +5,6 @@ slug: igmaskeditor-igmaskeditor # igMaskEditor - `igMaskEditor` を素早く起動して実行する方法については、以下のリンクをクリックしてください。 - [igMaskEditor の概要](./00_igMaskEditor_ Overview.mdx) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/jquery-api.mdx index 1f80778744..15abade2ec 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/jquery-api.mdx @@ -3,6 +3,8 @@ title: "igMaskEditor jQuery および MVC API リファレンス リンク" slug: igmaskeditor-jquery-api --- +# igMaskEditor jQuery および MVC API リファレンス リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMaskEditor jQuery および MVC API リファレンス リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/keyboard-navigation.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/keyboard-navigation.mdx index c4d4c63e20..124f0e243f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "キーボード ナビゲーション (igMaskEditor)" slug: igmaskeditor-keyboard-navigation --- +# キーボード ナビゲーション (igMaskEditor) + #キーボード ナビゲーション (igMaskEditor) ##トピックの概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/known-issues.mdx index 7cdf12879c..ae1f147305 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/known-issues.mdx @@ -3,6 +3,8 @@ title: "igMaskEditor の既知の問題" slug: igmaskeditor-known-issues --- +# igMaskEditor の既知の問題 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMaskEditor の既知の問題 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/migrating-to-the-new-igmaskeditor.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/migrating-to-the-new-igmaskeditor.mdx index 044292d72f..868e0edf26 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/migrating-to-the-new-igmaskeditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/migrating-to-the-new-igmaskeditor.mdx @@ -3,11 +3,13 @@ title: "新しい igMaskEditor への移行" slug: migrating-to-the-new-igmaskeditor --- +# 新しい igMaskEditor への移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 新しい igMaskEditor への移行 -{environment:ProductName}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igMaskEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 +\{environment:ProductName\}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igMaskEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 ## トピックの概要 このトピックは、古いマスク エディターから新しいマスク エディターへの移行のサポートを目的としています。さまざまなシナリオを使用した実行方法を通して新旧を比較します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/overview.mdx index 1761aa4811..a7b827bc01 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/overview.mdx @@ -3,13 +3,15 @@ title: "igMaskEditor の概要" slug: igmaskeditor--overview --- +# igMaskEditor の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMaskEditor の概要 ##igMaskEditor の概要 -{environment:ProductName}™ のマスク エディターまたは `igMaskEditor` は、指定の入力マスクによって決定される入力制限を強制する入力フィールドを描画するコントロールです。`igMaskEditor` コントロールは、ブラウザーから公開される異なる地域のオプションを認識することにより、ローカライズをサポートします。`igMaskEditor` コントロールは、任意のサーバー技術を使用する作業を構成できる豊富なクライアント側 API を公開します。{environment:ProductName}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用の {environment:ProductNameMVC} の一部として含まれるコントロールでは、希望する .NET™ 言語を使用して構成できます。`igMaskEditor` コントロールは、大幅にスタイル変更ができるため、デフォルトのスタイルとまったく異なるルック アンド フィールのコントロールを実現できます。スタイル設定オプションでは、独自のスタイルも jQuery UI の ThemeRoller のスタイルも使用できます。<br />図 1: `igMaskEditor` コントロールの電話番号マスクの適用 +\{environment:ProductName\}™ のマスク エディターまたは `igMaskEditor` は、指定の入力マスクによって決定される入力制限を強制する入力フィールドを描画するコントロールです。`igMaskEditor` コントロールは、ブラウザーから公開される異なる地域のオプションを認識することにより、ローカライズをサポートします。`igMaskEditor` コントロールは、任意のサーバー技術を使用する作業を構成できる豊富なクライアント側 API を公開します。\{environment:ProductName\}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用の \{environment:ProductNameMVC\} の一部として含まれるコントロールでは、希望する .NET™ 言語を使用して構成できます。`igMaskEditor` コントロールは、大幅にスタイル変更ができるため、デフォルトのスタイルとまったく異なるルック アンド フィールのコントロールを実現できます。スタイル設定オプションでは、独自のスタイルも jQuery UI の ThemeRoller のスタイルも使用できます。<br />図 1: `igMaskEditor` コントロールの電話番号マスクの適用 ![](../../../images/images/igMaskEditor_Overview_Pic1.png) @@ -29,9 +31,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; >**注:** 新しいマスク エディターの大きな変更点の 1 つは、リストとドロップダウンのサポートが廃止されたことです。ドロップダウンやリストに関連するメソッドを使用しようとすると、メソッドが使用できないことを通知するメッセージが表示されます。 -## {environment:ProductFamilyName} CLI を使用して igMaskEditor の追加 +## \{environment:ProductFamilyName\} CLI を使用して igMaskEditor の追加 -新しい igMaskEditor を簡単にアプリケーションに追加するには、{environment:ProductFamilyName} CLI を使用します。新しいアプリケーションを作成した後、以下のコマンドを実行すると、マスク エディターがプロジェクトに追加されます。 +新しい igMaskEditor を簡単にアプリケーションに追加するには、\{environment:ProductFamilyName\} CLI を使用します。新しいアプリケーションを作成した後、以下のコマンドを実行すると、マスク エディターがプロジェクトに追加されます。 ``` ig add mask-editor newMaskEditor @@ -39,11 +41,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このコマンドは、アプリケーションが Angular、React、または jQuery に関係なく新しいマスク エディターを追加します。 -すべての利用可能なコマンドおよび詳細な情報については、「[{environment:ProductFamilyName} CLI の使用](/Using-Ignite-UI-CLI)」のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、「[\{environment:ProductFamilyName\} CLI の使用](/Using-Ignite-UI-CLI)」のトピックを参照してください。 ##igMaskEditor の Web ページへの追加 -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 **HTML の場合:** @@ -67,7 +69,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/infragistics.lob.js")"></script> <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を {environment:ProductNameMVC} が作成するため、この手順はオプションです。 +3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を \{environment:ProductNameMVC\} が作成するため、この手順はオプションです。 **HTML の場合:** ```html @@ -150,9 +152,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ##関連リンク -- [マスク エディターの基本サンプル]({environment:SamplesUrl}/editors/mask-editor-basic) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [マスク エディターの基本サンプル](\{environment:SamplesUrl\}/editors/mask-editor-basic) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/styling-and-theming.mdx index 189d5a9415..877b6d3ebe 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igmaskeditor/styling-and-theming.mdx @@ -3,6 +3,8 @@ title: "igMaskEditor のスタイル設定とテーマ設定" slug: igmaskeditor-styling-and-theming --- +# igMaskEditor のスタイル設定とテーマ設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMaskEditor のスタイル設定とテーマ設定 @@ -10,11 +12,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; `igMaskEditor` コントロールは、`igEditor` を拡張する jQuery ベースのウィジェットで、多くのスタイル設定オプションを公開します。マスク エディターのスタイルをカスタマイズするには、テーマ オプションを使用して、カスタム CSS ルールをコントロールに適用する必要があります。 -{environment:ProductName} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 +\{environment:ProductName\} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 ## ThemeRoller の使用 -`igMaskEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、{environment:ProductName} のデフォルトのテーマと置き換えられます。 +`igMaskEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、\{environment:ProductName\} のデフォルトのテーマと置き換えられます。 ドロップ リストを使用する数値エディターで UI Darkness テーマを使用: diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/accessibility-compliance.mdx index 17f2213787..9fd8f494cf 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/accessibility-compliance.mdx @@ -5,11 +5,10 @@ slug: ignumericeditor-accessibility-compliance # igNumericEditor アクセシビリティの遵守 - ##igNumericEditor アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igNumericEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igNumericEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/ignumericeditor.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/ignumericeditor.mdx index 85ef7c2e50..63aa7ecc93 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/ignumericeditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/ignumericeditor.mdx @@ -5,7 +5,6 @@ slug: ignumericeditor-ignumericeditor # igNumericEditor - `igNumericEditor` を素早く起動して実行する方法については、以下のリンクをクリックしてください。 - [igNumericEditor の概要](/ignumericeditor-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/jquery-api.mdx index cd7b7210d9..70e4e7f3c0 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/jquery-api.mdx @@ -3,6 +3,8 @@ title: "igNumericEditor jQuery および MVC API リファレンス リンク" slug: ignumericeditor-jquery-api --- +# igNumericEditor jQuery および MVC API リファレンス リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igNumericEditor jQuery および MVC API リファレンス リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/keyboard-navigation.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/keyboard-navigation.mdx index 424b28c2c1..11f982f381 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "キーボード ナビゲーション (igNumericEditor)" slug: ignumericeditor-keyboard-navigation --- +# キーボード ナビゲーション (igNumericEditor) + #キーボード ナビゲーション (igNumericEditor) ##トピックの概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/known-issues.mdx index 7404fd8319..8fe78a951c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/known-issues.mdx @@ -3,6 +3,8 @@ title: "igNumericEditor の既知の問題" slug: ignumericeditor-known-issues --- +# igNumericEditor の既知の問題 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igNumericEditor の既知の問題 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## 既知の制約事項 - 数値エディターは編集モードでは、グループ、または 1000 のセパレーターおよび記号をサポートしません。 -- {environment:ProductNameMVC} 数値エディターを使用してエディター値として double 数値を設定する場合、クライアント側で小数点を持つ数値として描画されます。使用される小数点は常に英語形式で使用される小数点 (.) です。エディターがクライアントに送信される値を書式設定する場合、サーバーの数値書式設定を無視し、常にポイント (.) を小数点として使用します。クライアント側ウィジェットが値をサーバーに送信する場合にも同じ書式が使用されます。書式に関連するすべての igNumericEditor オプション (<ApiLink type="ignumericeditor" member="decimalSeparator" section="options" label="decimalSeparator" /> および <ApiLink type="ignumericeditor" member="groupSeparator" section="options" label="groupSeparator" />) が無視され、値がポイントを小数点として使用するために変換されます。 +- \{environment:ProductNameMVC\} 数値エディターを使用してエディター値として double 数値を設定する場合、クライアント側で小数点を持つ数値として描画されます。使用される小数点は常に英語形式で使用される小数点 (.) です。エディターがクライアントに送信される値を書式設定する場合、サーバーの数値書式設定を無視し、常にポイント (.) を小数点として使用します。クライアント側ウィジェットが値をサーバーに送信する場合にも同じ書式が使用されます。書式に関連するすべての igNumericEditor オプション (<ApiLink type="ignumericeditor" member="decimalSeparator" section="options" label="decimalSeparator" /> および <ApiLink type="ignumericeditor" member="groupSeparator" section="options" label="groupSeparator" />) が無視され、値がポイントを小数点として使用するために変換されます。 - <ApiLink type="ignumericeditor" member="minValue" section="options" label="minValue" /> または <ApiLink type="ignumericeditor" member="maxValue" section="options" label="maxValue" /> オプションを設定せずに <ApiLink type="ignumericeditor" member="spinWrapAround" section="options" label="spinWrapAround" /> を true に設定した場合、データモードで設定したデフォルトの上限に達したときにスピンをラップできません。これは <ApiLink type="ignumericeditor" member="dataMode" section="options" label="dataMode" /> オプションを float、long、または double の値に設定した場合です。 この動作の原因は、JavaScript でデータモードの最大値が指数表記で表される大きな数値であることです。 この制限を回避するには、<ApiLink type="ignumericeditor" member="maxValue" section="options" label="maxValue" /> および <ApiLink type="ignumericeditor" member="minValue" section="options" label="minValue" /> を JavaScript の指数表記を使用しない数値に設定します。あるいは、数値エディター、パーセント エディター、または通貨エディターで <ApiLink type="ignumericeditor" member="scientificFormat" section="options" label="scientificFormat" /> オプションを有効にしてください。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/migrating-to-the-new-ignumericeditor.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/migrating-to-the-new-ignumericeditor.mdx index 958eb1a318..e1675ef506 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/migrating-to-the-new-ignumericeditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/migrating-to-the-new-ignumericeditor.mdx @@ -3,11 +3,13 @@ title: "新しい igNumericEditor への移行" slug: migrating-to-the-new-ignumericeditor --- +# 新しい igNumericEditor への移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 新しい igNumericEditor への移行 -{environment:ProductName}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igNumericEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 +\{environment:ProductName\}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igNumericEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 ## トピックの概要 このトピックは、古い数値エディターから新しい数値エディターへの移行のサポートを目的としています。さまざまなシナリオを使用した実行方法を通して新旧を比較します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/overview.mdx index 6fd62a9cd6..fad362474b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/overview.mdx @@ -3,6 +3,8 @@ title: "igNumericEditor の概要" slug: ignumericeditor-overview --- +# igNumericEditor の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igNumericEditor の概要 @@ -10,9 +12,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ##igNumericEditor の概要 -{environment:ProductName}™ 数値エディター、つまり `igNumericEditor` は `dataMode` 値で決定された数値のみを受け付ける入力フィールドを描画するコントロールです。`igNumericEditor` コントロールは、ブラウザーから公開される異なる地域のオプションを認識することにより、ローカライズをサポートします。 +\{environment:ProductName\}™ 数値エディター、つまり `igNumericEditor` は `dataMode` 値で決定された数値のみを受け付ける入力フィールドを描画するコントロールです。`igNumericEditor` コントロールは、ブラウザーから公開される異なる地域のオプションを認識することにより、ローカライズをサポートします。 -`igNumericEditor` コントロールは、任意のサーバー技術を使用する作業を構成できる豊富なクライアント側 API を公開します。{environment:ProductName}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用の {environment:ProductNameMVC} の一部として含まれるコントロールでは、希望する .NET™ 言語を使用して構成できます。 +`igNumericEditor` コントロールは、任意のサーバー技術を使用する作業を構成できる豊富なクライアント側 API を公開します。\{environment:ProductName\}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用の \{environment:ProductNameMVC\} の一部として含まれるコントロールでは、希望する .NET™ 言語を使用して構成できます。 `igNumericEditor` コントロールは、大幅にスタイル変更ができるため、デフォルトのスタイルとまったく異なるルック アンド フィールのコントロールを実現できます。スタイル設定オプションでは、独自のスタイルも jQuery UI の ThemeRoller のスタイルも使用できます。 @@ -20,7 +22,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ![](../../../images/images/igNumericEditor_Overview_Pic1.png) -[基本的な使用方法サンプル]({environment:SamplesUrl}/editors/basic-usage) +[基本的な使用方法サンプル](\{environment:SamplesUrl\}/editors/basic-usage) ##機能 @@ -34,9 +36,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - ASP.NET MVC - 最小値と最大値 -## {environment:ProductFamilyName} CLI を使用して igNumericEditor の追加 +## \{environment:ProductFamilyName\} CLI を使用して igNumericEditor の追加 -新しい igNumericEditor を簡単にアプリケーションに追加するには、{environment:ProductFamilyName} CLI を使用します。新しいアプリケーションを作成した後、以下のコマンドを実行すると、数値エディターがプロジェクトに追加されます。 +新しい igNumericEditor を簡単にアプリケーションに追加するには、\{environment:ProductFamilyName\} CLI を使用します。新しいアプリケーションを作成した後、以下のコマンドを実行すると、数値エディターがプロジェクトに追加されます。 ``` ig add numeric-editor newNumericEditor @@ -44,12 +46,12 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このコマンドは、アプリケーションが Angular、React、または jQuery に関係なく新しい数値エディターを追加します。 -すべての利用可能なコマンドおよび詳細な情報については、「[{environment:ProductFamilyName} CLI の使用](/Using-Ignite-UI-CLI)」のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、「[\{environment:ProductFamilyName\} CLI の使用](/Using-Ignite-UI-CLI)」のトピックを参照してください。 ##igNumericEditor の Web ページへの追加 -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 **HTML の場合:** @@ -78,7 +80,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を {environment:ProductNameMVC} が作成するため、この手順はオプションです。 +3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を \{environment:ProductNameMVC\} が作成するため、この手順はオプションです。 **HTML の場合:** @@ -203,9 +205,9 @@ $('#divEditor').igNumericEditor({ ##関連リンク -- [基本的な使用方法サンプル]({environment:SamplesUrl}/editors/basic-usage) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [基本的な使用方法サンプル](\{environment:SamplesUrl\}/editors/basic-usage) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/styling-and-theming.mdx index da8753b24e..87277d8440 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/ignumericeditor/styling-and-theming.mdx @@ -3,17 +3,19 @@ title: "igNumericEditor のスタイル設定とテーマ設定" slug: ignumericeditor-styling-and-theming --- +# igNumericEditor のスタイル設定とテーマ設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igNumericEditor のスタイル設定とテーマ設定 `igNumericEditor` コントロールは、jQuery ベースのコントロールで、多くのスタイル設定オプションがあります。数値エディターのスタイルをカスタマイズするには、さまざまなテーマを使用する、またはカスタム CSS ルールをコントロールに直接適用します。 -{environment:ProductName} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 +\{environment:ProductName\} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 ## ThemeRoller の使用 -`igNumericEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、{environment:ProductName} のデフォルトのテーマと置き換えられます。 +`igNumericEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、\{environment:ProductName\} のデフォルトのテーマと置き換えられます。 ドロップ リストを使用する数値エディターで UI Darkness テーマを使用: diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/accessibility-compliance.mdx index 1462c0fc78..c4fcdf8475 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/accessibility-compliance.mdx @@ -6,11 +6,10 @@ slug: igpercenteditor-accessibility-compliance # igPercentEditor アクセシビリティの遵守 - ##igPercentEditor アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igPercentEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igPercentEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/jquery-api.mdx index 3f07329b3c..192d13b437 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/jquery-api.mdx @@ -3,6 +3,8 @@ title: "igPercentEditor jQuery および MVC API リファレンス リンク" slug: igpercenteditor-jquery-api --- +# igPercentEditor jQuery および MVC API リファレンス リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPercentEditor jQuery および MVC API リファレンス リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/keyboard-navigation.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/keyboard-navigation.mdx index 441e754b0b..bff33f98bc 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "キーボード ナビゲーション (igPercentEditor)" slug: igpercenteditor-keyboard-navigation --- +# キーボード ナビゲーション (igPercentEditor) + #キーボード ナビゲーション (igPercentEditor) ##トピックの概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/migrating-to-the-new-igpercenteditor.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/migrating-to-the-new-igpercenteditor.mdx index 24f143bc23..0d84a8fff4 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/migrating-to-the-new-igpercenteditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/migrating-to-the-new-igpercenteditor.mdx @@ -3,11 +3,13 @@ title: "新しい igPercentEditor への移行" slug: migrating-to-the-new-igpercenteditor --- +# 新しい igPercentEditor への移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 新しい igPercentEditor への移行 -{environment:ProductName}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igPercentEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 +\{environment:ProductName\}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igPercentEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 ## トピックの概要 このトピックは、古いパーセント エディターから新しいパーセント エディターへの移行のサポートを目的としています。さまざまなシナリオを使用した実行方法を通して新旧を比較します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/overview.mdx index fcccadc292..0ea3229797 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/overview.mdx @@ -8,7 +8,7 @@ slug: igpercenteditor-overview ##igPercentEditor の概要 -{environment:ProductName}™ のパーセント エディター、すなわち `igPercentEditor` は、パーセント形式に書式設定された数値のみを受け付ける入力フィールドを描画するコントロールです。`igPercentEditor` コントロールは、ブラウザーから公開される異なる地域のオプションを認識することにより、ローカライズをサポートします。 +\{environment:ProductName\}™ のパーセント エディター、すなわち `igPercentEditor` は、パーセント形式に書式設定された数値のみを受け付ける入力フィールドを描画するコントロールです。`igPercentEditor` コントロールは、ブラウザーから公開される異なる地域のオプションを認識することにより、ローカライズをサポートします。 `igPercentEditor` コントロールは大幅にスタイル変更ができるため、デフォルトのスタイルとまったく異なるルック アンド フィールのコントロールを実現できます。スタイル設定オプションでは、独自のスタイルも jQuery UI の `ThemeRoller` のスタイルも使用できます。 @@ -16,7 +16,7 @@ slug: igpercenteditor-overview ![](../../../images/images/igPercentEditor_Overview_Pic1.png) -[基本的な使用方法サンプル]({environment:SamplesUrl}/editors/basic-usage) +[基本的な使用方法サンプル](\{environment:SamplesUrl\}/editors/basic-usage) ##機能 @@ -30,7 +30,7 @@ slug: igpercenteditor-overview ##igPercentEditor の Web ページへの追加 -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 **HTML の場合:** @@ -59,7 +59,7 @@ slug: igpercenteditor-overview <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を {environment:ProductNameMVC} が作成するため、この手順はオプションです。 +3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を \{environment:ProductNameMVC\} が作成するため、この手順はオプションです。 **HTML の場合:** @@ -91,9 +91,9 @@ slug: igpercenteditor-overview ##関連リンク -- [基本的な使用方法サンプル]({environment:SamplesUrl}/editors/basic-usage) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [基本的な使用方法サンプル](\{environment:SamplesUrl\}/editors/basic-usage) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/styling-and-theming.mdx index 35d3b0a9eb..e0570b78d0 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igpercenteditor/styling-and-theming.mdx @@ -3,6 +3,8 @@ title: "igPercentEditor のスタイルおよびテーマ設定" slug: igpercenteditor-styling-and-theming --- +# igPercentEditor のスタイルおよびテーマ設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPercentEditor のスタイルおよびテーマ設定 @@ -10,11 +12,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; `igPercentEditor` コントロールは、`igNumericEditor` を拡張する jQuery ベースのコントロールで、多くのスタイル設定オプションを公開します。パーセント エディターのスタイルをカスタマイズするには、さまざまなテーマを使用する、またはカスタム CSS ルールをコントロールに直接適用します。 -{environment:ProductName} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 +\{environment:ProductName\} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 ## ThemeRoller の使用 -`igPercentEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、{environment:ProductName} のデフォルトのテーマと置き換えられます。 +`igPercentEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、\{environment:ProductName\} のデフォルトのテーマと置き換えられます。 UI Darkness テーマを使用するパーセント エディター: diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/accessibility-compliance.mdx index d96657f0be..6d5582b3de 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/accessibility-compliance.mdx @@ -6,7 +6,7 @@ slug: igtexteditor-accessibility-compliance # igTextEditor アクセシビリティの遵守 ## igTextEditor アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igTextEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igTextEditor` コントロールが各規則を遵守する方法の詳細も含まれています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/jquery-api.mdx index a6f16531b2..2287b7a558 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/jquery-api.mdx @@ -3,6 +3,8 @@ title: "igTextEditor jQuery および MVC API リファレンス リンク" slug: igtexteditor-jquery-api --- +# igTextEditor jQuery および MVC API リファレンス リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTextEditor jQuery および MVC API リファレンス リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/keyboard-navigation.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/keyboard-navigation.mdx index d579b32339..a49699871a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/keyboard-navigation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "キーボード ナビゲーション (igTextEditor)" slug: igtexteditor-keyboard-navigation --- +# キーボード ナビゲーション (igTextEditor) + #キーボード ナビゲーション (igTextEditor) ##トピックの概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/known-issues.mdx index 794061e0c3..8c75f44155 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/known-issues.mdx @@ -3,6 +3,8 @@ title: "igTextEditor 既知の問題" slug: igtexteditor-known-issues --- +# igTextEditor 既知の問題 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTextEditor 既知の問題 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/migrating-to-the-new-igtexteditor.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/migrating-to-the-new-igtexteditor.mdx index a88f55eeaa..7f5c5db138 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/migrating-to-the-new-igtexteditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/migrating-to-the-new-igtexteditor.mdx @@ -3,11 +3,13 @@ title: "新しい igTextEditor への移行" slug: migrating-to-the-new-igtexteditor --- +# 新しい igTextEditor への移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 新しい igTextEditor への移行 -{environment:ProductName}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igTextEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 +\{environment:ProductName\}™ の 15.2 リリースから、新しいエディター コントロールのセットが導入されました。これには、作り直された `igTextEditor` も含まれています。簡便性と優れたユーザー エクスペリエンスを中心とした新しい設計では、いくつかのすぐに使える機能や新しいAPIが追加され、APIも修正または削除されています。このトピックでは、開発者が現在のアプリケーションから新しいエディターに移行する際に役立つ、新旧の機能の違いを説明します。 ## トピックの概要 このトピックは、古いテキスト エディターから新しいテキスト エディターへの移行のサポートを目的としています。さまざまなシナリオを使用した実行方法を通して新旧を比較します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/overview.mdx index 10a2ab3a85..8b4ecfbe6a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/overview.mdx @@ -3,14 +3,16 @@ title: "igTextEditor の概要" slug: igtexteditor-overview --- +# igTextEditor の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTextEditor の概要 ## igTextEditor の概要 -{environment:ProductName}™ のテキスト エディターまたは `igTextEditor` は、単一行または複数行の入力用に書式設定可能な入力フィールドを描画するコントロールです。 +\{environment:ProductName\}™ のテキスト エディターまたは `igTextEditor` は、単一行または複数行の入力用に書式設定可能な入力フィールドを描画するコントロールです。 -`igTextEditor` コントロールは、任意のサーバー技術を使用する作業を構成できる豊富なクライアント側 API を公開します。{environment:ProductName}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用の {environment:ProductNameMVC} の一部として含まれるコントロールでは、希望する .NET™ 言語を使用して構成できます。 +`igTextEditor` コントロールは、任意のサーバー技術を使用する作業を構成できる豊富なクライアント側 API を公開します。\{environment:ProductName\}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用の \{environment:ProductNameMVC\} の一部として含まれるコントロールでは、希望する .NET™ 言語を使用して構成できます。 `igTextEditor` コントロールは、大幅にスタイル変更ができるため、デフォルトのスタイルとまったく異なるルック アンド フィールのコントロールを実現できます。スタイル設定オプションでは、独自のスタイルも jQuery UI の ThemeRoller のスタイルも使用できます。 @@ -18,7 +20,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ![](../../../images/images/igTextEditor_Overview.png) -[基本的な使用方法サンプル]({environment:SamplesUrl}/editors/basic-usage) +[基本的な使用方法サンプル](\{environment:SamplesUrl\}/editors/basic-usage) ## 機能 `igTextEditor` には以下の特徴があります。 @@ -31,9 +33,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - ASP.NET MVC - 全体のテーマのサポート -## {environment:ProductFamilyName} CLI を使用して igTextEditor の追加 +## \{environment:ProductFamilyName\} CLI を使用して igTextEditor の追加 -新しい igTextEditor を簡単にアプリケーションに追加するには、{environment:ProductFamilyName} CLI を使用します。新しいアプリケーションを作成した後、以下のコマンドを実行すると、テキスト エディターがプロジェクトに追加されます。 +新しい igTextEditor を簡単にアプリケーションに追加するには、\{environment:ProductFamilyName\} CLI を使用します。新しいアプリケーションを作成した後、以下のコマンドを実行すると、テキスト エディターがプロジェクトに追加されます。 ``` ig add text-editor newTextEditor @@ -41,11 +43,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このコマンドは、アプリケーションが Angular、React、または jQuery に関係なく新しいテキスト エディターを追加します。 -すべての利用可能なコマンドおよび詳細な情報については、「[{environment:ProductFamilyName} CLI の使用](/Using-Ignite-UI-CLI)」のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、「[\{environment:ProductFamilyName\} CLI の使用](/Using-Ignite-UI-CLI)」のトピックを参照してください。 ## igTextEditor の Web ページへの追加 -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 **HTML の場合:** @@ -74,7 +76,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/modules/i18n/regional/infragistics.ui.regional-en.js")"></script> ``` -3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を {environment:ProductNameMVC} が作成するため、この手順はオプションです。 +3. jQuery の実装では、HTML 内のターゲット要素として INPUT、DIV、または SPAN を作成します。ASP.NET MVC の実装では、含める要素を \{environment:ProductNameMVC\} が作成するため、この手順はオプションです。 **HTML の場合:** ```html @@ -198,9 +200,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ``` ## 関連リンク -- [基本的な使用方法サンプル]({environment:SamplesUrl}/editors/basic-usage) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [基本的な使用方法サンプル](\{environment:SamplesUrl\}/editors/basic-usage) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/styling-and-theming.mdx index fc6078ee0d..620fd63449 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtexteditor/styling-and-theming.mdx @@ -3,20 +3,22 @@ title: "igTextEditor のスタイルおよびテーマ設定" slug: igtexteditor-styling-and-theming --- +# igTextEditor のスタイルおよびテーマ設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTextEditor のスタイルおよびテーマ設定 `igTextEditor` コントロールは、jQuery ベースのコントロールで、多くのスタイル設定オプションがあります。テキスト エディターのスタイルをカスタマイズするには、さまざまなテーマを使用する、またはカスタム CSS ルールをコントロールに直接適用します。 -{environment:ProductName} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 +\{environment:ProductName\} パッケージには、いくつかの jQuery UI や Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成やカスタマイズをサポートしています。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。エディターを含めたページ上のすべてのコントロールのスタイルは、どのテーマでも設定できます。 ## ThemeRoller の使用 -`igTextEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、{environment:ProductName} のデフォルトのテーマと置き換えられます。 +`igTextEditor` コントロールは jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用してすべてのスタイルを設定することもできます。これにより、独自に作成したテーマのカスタマイズや使用可能なギャラリーからのテーマの選択ができます。これらのテーマは、\{environment:ProductName\} のデフォルトのテーマと置き換えられます。 ドロップ リストを使用するテキスト エディターで Darkness テーマを使用: diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/accessibility-compliance.mdx index 8bdad9ad10..fb98510b38 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/accessibility-compliance.mdx @@ -5,7 +5,7 @@ slug: igtimepicker-accessibility-compliance # igTimePicker アクセシビリティの遵守 -弊社の {environment:ProductName}™ コントロールおよびコンポーネントはすべて、1973 年のリハビリテーション法第 508 条第 1194 部 22 条を順守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igTimePicker` コントロールが各規則を遵守する方法の詳細も含まれています。 +弊社の \{environment:ProductName\}™ コントロールおよびコンポーネントはすべて、1973 年のリハビリテーション法第 508 条第 1194 部 22 条を順守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igTimePicker` コントロールが各規則を遵守する方法の詳細も含まれています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自体がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/jquery-api.mdx index c04e0f3e27..37c974b99c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/jquery-api.mdx @@ -3,6 +3,8 @@ title: "igTimePicker jQuery および MVC API リファレンス リンク" slug: igtimepicker-jquery-api --- +# igTimePicker jQuery および MVC API リファレンス リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTimePicker jQuery および MVC API リファレンス リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/keyboard-navigation.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/keyboard-navigation.mdx index ff911907ca..aeb978bc21 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/keyboard-navigation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/keyboard-navigation.mdx @@ -3,6 +3,8 @@ title: "キーボード ナビゲーション (igTimePicker)" slug: igtimepicker-keyboard-navigation --- +# キーボード ナビゲーション (igTimePicker) + #キーボード ナビゲーション (igTimePicker) ##トピックの概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/overview.mdx index 596f7b9280..1e781424e6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/overview.mdx @@ -5,8 +5,7 @@ slug: igtimepicker-overview # igTimePicker の概要 - -{environment:ProductName}™ `igTimePicker` では、時刻のみの入力と指定した時刻：分の値を含むドロップダウンのあるエディターを使用できます。デフォルトで、リストされる時間値は 30 分のデルタがあります。 +\{environment:ProductName\}™ `igTimePicker` では、時刻のみの入力と指定した時刻：分の値を含むドロップダウンのあるエディターを使用できます。デフォルトで、リストされる時間値は 30 分のデルタがあります。 `igTimePicker` 入力および表示書式設定は構成可能です。デフォルトでコントロールは 12 時間形式を使用します。 @@ -14,7 +13,7 @@ slug: igtimepicker-overview コントロールは、ブラウザーに提供されるさまざまな地域のオプションを認識することにより、ローカライズをサポートします。 -`igTimePicker` コントロールは、任意のサーバー技術を使用して作業を構成できる豊富なクライアント側 API を公開します。{environment:ProductName}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用のラッパーが提供するピッカー コントロールでは、希望する .NET™ 言語を使用してコントロールを構成できます。 +`igTimePicker` コントロールは、任意のサーバー技術を使用して作業を構成できる豊富なクライアント側 API を公開します。\{environment:ProductName\}™ のコントロールはサーバー非依存ですが、Microsoft® ASP.NET MVC Framework 専用のラッパーが提供するピッカー コントロールでは、希望する .NET™ 言語を使用してコントロールを構成できます。 `igTimePicker` コントロールは、大幅にスタイル変更ができるため、デフォルトのスタイルとまったく異なるルック アンド フィールのコントロールを実現できます。スタイル設定オプションでは、独自のスタイルも jQuery UI の ThemeRoller のスタイルも使用できます。 @@ -22,7 +21,7 @@ slug: igtimepicker-overview ![](../../../images/images/igTimePicker_Overview_01.png) -- [igTimePicker のサンプル]({environment:SamplesUrl}/editors/time-picker-overview) +- [igTimePicker のサンプル](\{environment:SamplesUrl\}/editors/time-picker-overview) ## 機能 @@ -41,7 +40,7 @@ slug: igtimepicker-overview ## igTimePicker の Web ページへの追加 -1. 最初にアプリケーションに必要なローカライズ済みのリソースを含めます。組み込みリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックを参照してください。 +1. 最初にアプリケーションに必要なローカライズ済みのリソースを含めます。組み込みリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックを参照してください。 2. HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照します。 **HTML の場合:** @@ -65,7 +64,7 @@ slug: igtimepicker-overview <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui.min.js")"></script> ``` -3. jQuery の実装では、HTML 内のターゲット要素として `INPUT`、`DIV`、または `SPAN` を作成します。ASP.NET MVC の実装では、含める要素を {environment:ProductNameMVC} が作成するため、この手順はオプションです。 +3. jQuery の実装では、HTML 内のターゲット要素として `INPUT`、`DIV`、または `SPAN` を作成します。ASP.NET MVC の実装では、含める要素を \{environment:ProductNameMVC\} が作成するため、この手順はオプションです。 **HTML の場合:** diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/styling-and-theming.mdx index 95f9f0ef3b..3c7627ca4b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/igtimepicker/styling-and-theming.mdx @@ -3,17 +3,19 @@ title: "igTimePicker のスタイルおよびテーマ設定" slug: igtimepicker-styling-and-theming --- +# igTimePicker のスタイルおよびテーマ設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTimePicker のスタイルおよびテーマ設定 `igTimePicker` コントロールは、多数のスタイル設定オプションを公開する jQuery ベースのウィジェットです。タイムピッカーのスタイルをカスタマイズするために、さまざまなテーマを使用するか、カスタム CSS ルールをコントロールに直接適用します。 -{environment:ProductName} パッケージには、いくつかの jQuery UI および Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成およびカスタマイズをサポートします。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。 +\{environment:ProductName\} パッケージには、いくつかの jQuery UI および Bootstrap テーマが用意されています。また Bootstrap は、独自のブートストラップのテーマの生成およびカスタマイズをサポートします。詳細は、[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)を参照してください。 ## ThemeRoller の使用 -`igTimePicker` コントロールが jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用して完全にスタイル設定できます。カスタム テーマを作成または利用可能なテーマのギャラリーから選択できます。これらのテーマは、{environment:ProductName} のデフォルトのテーマと置き換えられます。 +`igTimePicker` コントロールが jQuery UI CSS フレームワークを使用するため、[jQuery UI ThemeRoller](http://jqueryui.com/themeroller/) を使用して完全にスタイル設定できます。カスタム テーマを作成または利用可能なテーマのギャラリーから選択できます。これらのテーマは、\{environment:ProductName\} のデフォルトのテーマと置き換えられます。 ThemeRoller Smoothness テーマを使用するタイムピッカー: diff --git a/docs/jquery/src/content/ja/topics/controls/igeditors/landingpage.mdx b/docs/jquery/src/content/ja/topics/controls/igeditors/landingpage.mdx index b5ecc79539..6f8f7ef8e3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igeditors/landingpage.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igeditors/landingpage.mdx @@ -5,7 +5,6 @@ slug: editors-landingpage # igEditors - - [igTextEditor](/igtexteditor-igtexteditor) - [igNumericEditor](/ignumericeditor-ignumericeditor) - [igPercentEditor](/igpercenteditor-igpercenteditor) diff --git a/docs/jquery/src/content/ja/topics/controls/igfinancialchart/financial-chart-datalegend.mdx b/docs/jquery/src/content/ja/topics/controls/igfinancialchart/financial-chart-datalegend.mdx index fe421755f8..e439ec3792 100644 --- a/docs/jquery/src/content/ja/topics/controls/igfinancialchart/financial-chart-datalegend.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igfinancialchart/financial-chart-datalegend.mdx @@ -1,6 +1,7 @@ --- title: "データ凡例" --- + # データ凡例 `igDataLegend` は `Legend` のように機能するコンポーネントですが、シリーズの値の表示や、シリーズの行と値の列のフィルタリング、値のスタイルと書式を設定するための多くの構成プロパティを提供します。この凡例は、`igFinancialChart` のプロット領域内でマウスを移動すると更新され、ユーザーのマウス ポインターがプロット領域を離れたときに最後にホバーされたポイントを記憶する永続的な状態になります。このコンテンツは、3 種類の行と 4 種類の列のセットを使用して表示されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igfinancialchart/financial-chart-datatooltip.mdx b/docs/jquery/src/content/ja/topics/controls/igfinancialchart/financial-chart-datatooltip.mdx index d2fb72c88c..de9865a3c6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igfinancialchart/financial-chart-datatooltip.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igfinancialchart/financial-chart-datatooltip.mdx @@ -1,6 +1,7 @@ --- title: "チャートのデータ ツールチップ" --- + # チャートのデータ ツールチップ `igFinancialChart` のデータ ツールチップは、シリーズの値とタイトル、およびシリーズの凡例バッジをツールチップに表示します。さらに、シリーズの行と値の列をフィルタリングし、値をスタイル設定し、書式を設定するための `igDataLegend` の多くの構成プロパティを提供します。このツールチップ タイプは、`igFinancialChart` のプロット領域内でマウスを動かすと更新されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/accessibility-compliance.mdx index b9c5299583..f785386ba7 100644 --- a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/accessibility-compliance.mdx @@ -27,7 +27,7 @@ slug: igfunnelchart-accessibility-compliance #### *igFunnelChart* アクセシビリティ準拠の概要 -すべての Infragistics® {environment:ProductName}® コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。[***igFunnelChart* アクセシビリティ準拠の概要表**](#compliance-summary-chart)には、コントロールに関する第 1194.22 部の特別な規則が含まれます。また、ファンネル チャート コントロールが各規則を遵守するための詳しい方法も含んでいます。 +すべての Infragistics® \{environment:ProductName\}® コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。[***igFunnelChart* アクセシビリティ準拠の概要表**](#compliance-summary-chart)には、コントロールに関する第 1194.22 部の特別な規則が含まれます。また、ファンネル チャート コントロールが各規則を遵守するための詳しい方法も含んでいます。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -55,7 +55,7 @@ slug: igfunnelchart-accessibility-compliance 以下のトピックでは、このトピックに関連する追加情報を提供しています。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、インフラジスティックス {environment:ProductName} 製品におけるすべてのコントロールのアクセシビリティ準拠に関する参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、インフラジスティックス \{environment:ProductName\} 製品におけるすべてのコントロールのアクセシビリティ準拠に関する参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/adding.mdx b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/adding.mdx index b2b625768c..36daa8db99 100644 --- a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/adding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/adding.mdx @@ -2,6 +2,9 @@ title: "igFunnelChart の追加" slug: igfunnelchart-adding --- + +# igFunnelChart の追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igFunnelChart の追加 @@ -20,7 +23,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - jQuery、jQuery UI - ASP.NET MVC - トピック - - [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックでは、{environment:ProductName} ライブラリからコントロールを使用するために必要な JavaScript リソースを追加する方法についての概要を説明します。 + - [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックでは、\{environment:ProductName\} ライブラリからコントロールを使用するために必要な JavaScript リソースを追加する方法についての概要を説明します。 - [*igFunnelChart* の概要](/igfunnelchart-overview): このトピックでは、主要機能、最小要件、ユーザー機能性など、`igFunnelChart` コントロールに関する概念的な情報を提供します。 @@ -85,7 +88,7 @@ igFunnelChart を HTML ページに追加すると、以下にリストされる <tr> <td>IG テーマ</td> - <td>このテーマには、{environment:ProductName} ライブラリ向けに作成されたカスタム ビジュアル スタイルが含まれます。これは次のファイルに含まれます。 \*<IG CSS ルート>/themes/Infragistics/infragistics.theme.css\*</td> + <td>このテーマには、\{environment:ProductName\} ライブラリ向けに作成されたカスタム ビジュアル スタイルが含まれます。これは次のファイルに含まれます。 \*<IG CSS ルート>/themes/Infragistics/infragistics.theme.css\*</td> </tr> <tr> @@ -96,7 +99,7 @@ igFunnelChart を HTML ページに追加すると、以下にリストされる </table> -> **注:** JavaScript と CSS リソースを読み込むためには igLoader コンポーネントを使うことを推奨します。その方法の詳細については、「[**Infragistics ローダーの使用**](/using-infragistics-loader)」トピックを参照してください。さらに、オンラインの {environment:ProductName} [サンプル ブラウザー]({environment:SamplesUrl}) では、`igFunnelChart` コンポーネントで `igLoader` を使用する方法について特有の例が示されています。 +> **注:** JavaScript と CSS リソースを読み込むためには igLoader コンポーネントを使うことを推奨します。その方法の詳細については、「[**Infragistics ローダーの使用**](/using-infragistics-loader)」トピックを参照してください。さらに、オンラインの \{environment:ProductName\} [サンプル ブラウザー](\{environment:SamplesUrl\}) では、`igFunnelChart` コンポーネントで `igLoader` を使用する方法について特有の例が示されています。 @@ -104,7 +107,7 @@ igFunnelChart を HTML ページに追加すると、以下にリストされる ### <a id="javascript-introduction"></a> 概要 -この手順は、基本的な機能を持つファンネル チャートを Web ページに追加する手順を示します。例は、実際の HTML/JavaScript の実装を示します。`igFunnelChart` コントロールによって必要とされるすべての {environment:ProductName} リソースをロードするための適切な Loader 構成が含まれます。 +この手順は、基本的な機能を持つファンネル チャートを Web ページに追加する手順を示します。例は、実際の HTML/JavaScript の実装を示します。`igFunnelChart` コントロールによって必要とされるすべての \{environment:ProductName\} リソースをロードするための適切な Loader 構成が含まれます。 プロシージャにより、325x450 ピクセルのファンネル チャートをインスタンス化し構成します。並べ替え順序はデフォルト (一番高い値が一番上) で、加重スライスおよび利得曲線で会社の部門の予算を表します。データは JSON 配列の形式で `igFunnelChart` コントロールに供給されます (プロシージャでも構成されます)。基本的な調整に加え、パスおよび `igFunnelChart` ラベルのビジュアル ステートは、表示されるデータに関し記述的な情報を有するために構成されます。 @@ -246,7 +249,7 @@ igFunnelChart を HTML ページに追加すると、以下にリストされる 以下は、`igFunnelChart` を ASP.NET MVC の HTML ページへ追加するための全般的な要件です。 -- `igFunnelChart` 用に {environment:ProductNameMVC} を含む {environment:ProductNameMVC} のアセンブリ *Infragistics.Web.Mvc.dll* +- `igFunnelChart` 用に \{environment:ProductNameMVC\} を含む \{environment:ProductNameMVC\} のアセンブリ *Infragistics.Web.Mvc.dll* ### <a id="asp-net-mvc-overview"></a> 概要 @@ -334,7 +337,7 @@ igFunnelChart を HTML ページに追加すると、以下にリストされる 2. ` igFunnelChart` 用 `igLoader` の構成を追加します。 - ASP.NET MVC ビュー に追加された以下のコードは、`igLoader` のラッパーを {environment:ProductName} リソースへのパスで構成します。 + ASP.NET MVC ビュー に追加された以下のコードは、`igLoader` のラッパーを \{environment:ProductName\} リソースへのパスで構成します。 **ASPX の場合:** @@ -349,7 +352,7 @@ igFunnelChart を HTML ページに追加すると、以下にリストされる 5. ***igFunnelChart* をインスタンス化します。** <a id="mvc-step-init"></a> - 以下のコードは、{environment:ProductNameMVC} FunnelChart を構成して `<div>` 要素を `id` “funnel” で作成します。ファンネル チャートは [`ID(“funnel”)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1~ID.html) 呼び出しでホストされ、ビュー用に宣言されたデータ モデル オブジェクトを [`FunnelChart(Model)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1.html) 呼び出しでコントロールに割り当てます。各スライスの値を提供するモデルのメンバーは、[`ValueMemberPath("Budget")`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1~ValueMemberPath.html) 呼び出しで参照されます。 + 以下のコードは、\{environment:ProductNameMVC\} FunnelChart を構成して `<div>` 要素を `id` “funnel” で作成します。ファンネル チャートは [`ID(“funnel”)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1~ID.html) 呼び出しでホストされ、ビュー用に宣言されたデータ モデル オブジェクトを [`FunnelChart(Model)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1.html) 呼び出しでコントロールに割り当てます。各スライスの値を提供するモデルのメンバーは、[`ValueMemberPath("Budget")`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1~ValueMemberPath.html) 呼び出しで参照されます。 **ASPX の場合:** @@ -402,7 +405,7 @@ igFunnelChart を HTML ページに追加すると、以下にリストされる このトピックについては、以下のサンプルも参照してください。 -- [ファンネル チャート]({environment:SamplesUrl}/funnel-chart/funnel-chart): このサンプルは、ファンネル チャート コントロールを使用して大きな値から小さな値までスライスの位置を反転する機能でスライスとしてデータを描画するコントロールの使用を説明します。 +- [ファンネル チャート](\{environment:SamplesUrl\}/funnel-chart/funnel-chart): このサンプルは、ファンネル チャート コントロールを使用して大きな値から小さな値までスライスの位置を反転する機能でスライスとしてデータを描画するコントロールの使用を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/binding-to-data.mdx b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/binding-to-data.mdx index 9a1568ef73..9a6902a809 100644 --- a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/binding-to-data.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/binding-to-data.mdx @@ -46,7 +46,7 @@ slug: igfunnelchart-binding-to-data ### データ ソースの要約 -その他のコントロールを {environment:ProductName}® ライブラリへバインドするのと同じやり方で `igFunnelChart` へデータをバインドします。データのバインドは、dataSource オプションにデータ ソースを割り当てるという形で行い、Web または Windows Communication Foundation (WCF) サービスによって提供されるデータについては `dataSourceUrl` に URL を指定するという形で行います。`igFunnelChart` コントロールは `igDataSource` オブジェクトを作成および使用してデータを処理します。 +その他のコントロールを \{environment:ProductName\}® ライブラリへバインドするのと同じやり方で `igFunnelChart` へデータをバインドします。データのバインドは、dataSource オプションにデータ ソースを割り当てるという形で行い、Web または Windows Communication Foundation (WCF) サービスによって提供されるデータについては `dataSourceUrl` に URL を指定するという形で行います。`igFunnelChart` コントロールは `igDataSource` オブジェクトを作成および使用してデータを処理します。 ### サポートされるデータ ソースのリスト @@ -196,14 +196,14 @@ $("#chartNormal").igFunnelChart({ このサンプルは、`igFunnelChart` を XML 構造のデータにバインドする方法を紹介します。そのために、XML データはデータをファンネル チャートに提供する `igDataSource` に渡されます。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/funnel-chart/xml-binding]({environment:SamplesEmbedUrl}/funnel-chart/xml-binding) + [\{environment:SamplesEmbedUrl\}/funnel-chart/xml-binding](\{environment:SamplesEmbedUrl\}/funnel-chart/xml-binding) </div> ## <a id="mvc-model"></a> コード例: *igFunnelChart* の厳密に型指定された MVC ビューへのバインド ### 説明 -MVC アプリケーションでは、通常、厳密に型指定されたビューを持ち、アプリケーションのビジネス ロジック レイヤーからデータ オブジェクトを渡します。このサンプルは、サンプル データ クラスを定義し、モデル オブジェクトをファンネル チャートをインスタンス化する {environment:ProductNameMVC} FunnelChart に渡す基本的なコードを提供します。データ モデル オブジェクトは、データ クラスの IQueryable である必要があります。 +MVC アプリケーションでは、通常、厳密に型指定されたビューを持ち、アプリケーションのビジネス ロジック レイヤーからデータ オブジェクトを渡します。このサンプルは、サンプル データ クラスを定義し、モデル オブジェクトをファンネル チャートをインスタンス化する \{environment:ProductNameMVC\} FunnelChart に渡す基本的なコードを提供します。データ モデル オブジェクトは、データ クラスの IQueryable である必要があります。 ### コード @@ -219,7 +219,7 @@ public class BudgetData } ``` -以下のコード スニペットは、最初に厳密に型指定された MVC ビューを指定します。次に、**ビューのモデル オブジェクトにバインドするために** {environment:ProductNameMVC} FunnelChart を使用する方法を示します。 +以下のコード スニペットは、最初に厳密に型指定された MVC ビューを指定します。次に、**ビューのモデル オブジェクトにバインドするために** \{environment:ProductNameMVC\} FunnelChart を使用する方法を示します。 **ASPX の場合:** @@ -312,7 +312,7 @@ $("#chartRemote").igFunnelChart({ このトピックについては、以下のサンプルも参照してください。 -- [ファンネル チャート]({environment:SamplesUrl}/funnel-chart/funnel-chart): このサンプルは、ファンネル チャート コントロールを使用して大きな値から小さな値までスライスの位置を反転する機能でスライスとしてデータを描画するコントロールの使用を説明します。 +- [ファンネル チャート](\{environment:SamplesUrl\}/funnel-chart/funnel-chart): このサンプルは、ファンネル チャート コントロールを使用して大きな値から小さな値までスライスの位置を反転する機能でスライスとしてデータを描画するコントロールの使用を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/configuring.mdx b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/configuring.mdx index c462ade9a7..3b988a70a6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/configuring.mdx @@ -2,6 +2,9 @@ title: "igFunnelChart の構成" slug: igfunnelchart-configuring --- + +# igFunnelChart の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igFunnelChart の構成 @@ -279,7 +282,7 @@ $("#chart").igFunnelChart({ 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [スライスの選択]({environment:SamplesUrl}/funnel-chart/slice-selection): このサンプルは、スライス選択機能の有効化および `sliceClicked` イベントの処理を示します。 +- [スライスの選択](\{environment:SamplesUrl\}/funnel-chart/slice-selection): このサンプルは、スライス選択機能の有効化および `sliceClicked` イベントの処理を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/jquery-and-aspnet-mvc-helper-api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/jquery-and-aspnet-mvc-helper-api-links.mdx index ddb3dde57f..e238c25888 100644 --- a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/jquery-and-aspnet-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/jquery-and-aspnet-mvc-helper-api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リンク (igFunnelChart)" slug: igfunnelchart-jquery-and-asp.net-mvc-helper-api--links --- +# jQuery と MVC API リンク (igFunnelChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リンク (igFunnelChart) @@ -13,7 +15,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - <ApiLink type="igfunnelchart" label="igFunnelChart **jQuery** API" />: これは、コントロールの概要の他、コード スニペットを伴うオプション、イベントおよびメソッドの完全なリストを含む一連のドキュメントです。 -- [*igFunnelChart* **{environment:ProductNameMVC}** API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1.html): これは、`FunnelChart` クラスの説明およびすべてのメンバーのリストを含む一連のドキュメントです。 +- [*igFunnelChart* **\{environment:ProductNameMVC\}** API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.FunnelChart`1.html): これは、`FunnelChart` クラスの説明およびすべてのメンバーのリストを含む一連のドキュメントです。 ## 関連コンテンツ @@ -29,11 +31,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [**ファンネル チャート**]({environment:SamplesUrl}/funnel-chart/funnel-chart): このサンプルは、`igFunnelChart` コントロールを使用して大きな値から小さな値までスライスの位置を反転する機能でスライスとしてデータを描画するコントロールの使用をデモします。 +- [**ファンネル チャート**](\{environment:SamplesUrl\}/funnel-chart/funnel-chart): このサンプルは、`igFunnelChart` コントロールを使用して大きな値から小さな値までスライスの位置を反転する機能でスライスとしてデータを描画するコントロールの使用をデモします。 -- [**サーバー側のバインド**]({environment:SamplesUrl}/funnel-chart/server-binding): このサンプルでは、`igFunnelChart` コントロールの Infragistics MVC ヘルパーを使用した ASP.NET MVC View でのファンネル チャートの作成をデモします。 +- [**サーバー側のバインド**](\{environment:SamplesUrl\}/funnel-chart/server-binding): このサンプルでは、`igFunnelChart` コントロールの Infragistics MVC ヘルパーを使用した ASP.NET MVC View でのファンネル チャートの作成をデモします。 -- [**スライスの選択**]({environment:SamplesUrl}/funnel-chart/slice-selection): このサンプルは、スライス選択機能の有効化および `sliceClicked` イベントの処理を示します。 +- [**スライスの選択**](\{environment:SamplesUrl\}/funnel-chart/slice-selection): このサンプルは、スライス選択機能の有効化および `sliceClicked` イベントの処理を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/overview.mdx index bb798374c8..25e20605d1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/overview.mdx @@ -20,7 +20,7 @@ slug: igfunnelchart-overview - ファンネル チャート - データのビジュアル化 - トピック - - [{environment:ProductName} の概要](/igniteui-for-jquery-overview): {environment:ProductName}® ライブラリにつぃての一般的情報 + - [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): \{environment:ProductName\}® ライブラリにつぃての一般的情報 ### このトピックの内容 @@ -52,7 +52,7 @@ slug: igfunnelchart-overview ## <a id="minimum-requirements"></a> 最低必要条件 -`igFunnelChart` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。Modernizr ライブラリは、ブラウザーとデバイス機能を検出するために 内部使用されます。コントロールは、機能とデータのバインド用の {environment:ProductName} の共有リソースのいくつかを使用します。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、*Infragistics.Web.Mvc* アセンブリが必要です。 +`igFunnelChart` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。Modernizr ライブラリは、ブラウザーとデバイス機能を検出するために 内部使用されます。コントロールは、機能とデータのバインド用の \{environment:ProductName\} の共有リソースのいくつかを使用します。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、*Infragistics.Web.Mvc* アセンブリが必要です。 @@ -146,9 +146,9 @@ slug: igfunnelchart-overview このトピックについては、以下のサンプルも参照してください。 -- [ファンネル チャート]({environment:SamplesUrl}/funnel-chart/funnel-chart): このサンプルは、ファンネル チャート コントロールを使用して大きな値から小さな値までスライスの位置を反転する機能でスライスとしてデータを描画するコントロールの使用を説明します。 +- [ファンネル チャート](\{environment:SamplesUrl\}/funnel-chart/funnel-chart): このサンプルは、ファンネル チャート コントロールを使用して大きな値から小さな値までスライスの位置を反転する機能でスライスとしてデータを描画するコントロールの使用を説明します。 -- [スライスの選択]({environment:SamplesUrl}/funnel-chart/slice-selection): このサンプルは、スライス選択機能の有効化および `sliceClicked` イベントの処理を示します。 +- [スライスの選択](\{environment:SamplesUrl\}/funnel-chart/slice-selection): このサンプルは、スライス選択機能の有効化および `sliceClicked` イベントの処理を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/styling.mdx b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/styling.mdx index 699f05d1fa..cd964419c8 100644 --- a/docs/jquery/src/content/ja/topics/controls/igfunnelchart/styling.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igfunnelchart/styling.mdx @@ -2,6 +2,9 @@ title: "igFunnelChart のスタイル設定" slug: igfunnelchart-styling --- + +# igFunnelChart のスタイル設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igFunnelChart のスタイル設定 @@ -20,7 +23,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - カスケード スタイル シート - リンクされた CCS ファイルの変更によるテーマの適用 - トピック - - [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックは、{environment:ProductName}® ライブラリのスタイルとテーマの更新に関する一般情報とその手順を説明します。 + - [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックは、\{environment:ProductName\}® ライブラリのスタイルとテーマの更新に関する一般情報とその手順を説明します。 - [*igFunnelChart* の概要](/igfunnelchart-overview): このトピックでは、主要機能、最小要件、ユーザー機能性など、`igFunnelChart` コントロールに関する概念的な情報を提供します。 - [*igFunnelChart* の追加](/igfunnelchart-adding): このトピックでは、`igFunnelChart` コントロールを HTML ページに追加しデータへバインドする方法を説明します。 @@ -54,15 +57,15 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; `igFunnelChart` コントロールにより、開発者は Web サイトのアプリケーションでファンネル チャートを簡単に作成できます。`igFunnelChart` コントロールは、スタイルおよびテーマを適用するために jQuery UI CSS Framework を使用します。デフォルトでは、`igFunnelChart` は、アプリケーションで使用するため Infragistics® により提供される jQuery UI テーマである IG テーマを使用します。それに加えて、IG テーマにはファンネル チャートをサポートする固有のスタイルがいくつかあります。これは、ファンネル チャートのルック アンド フィールをカスタマイズするには、汎用の jQuery UI テーマでは十分でないために必要となります。ツールチップやスライスなどファンネル チャートに固有の要素を変更するために追加のスタイル クラスを提供します。 -{environment:ProductName} ライブラリでテーマを使用する方法の詳細については、「[**{environment:ProductName} のスタイル設定とテーマ設定**](/deployment-guide-styling-and-theming)」トピックをご覧ください。 +\{environment:ProductName\} ライブラリでテーマを使用する方法の詳細については、「[**\{environment:ProductName\} のスタイル設定とテーマ設定**](/deployment-guide-styling-and-theming)」トピックをご覧ください。 -> **注:** {environment:ProductName} のベース テーマはチャートには不要で、チャートのみ表示されたページでは省略できます。 +> **注:** \{environment:ProductName\} のベース テーマはチャートには不要で、チャートのみ表示されたページでは省略できます。 ## <a id="themes"></a> テーマの概要 -{environment:ProductName} は、`igFunnelChart` コントロールを使用して以下のテーマを提供します。 +\{environment:ProductName\} は、`igFunnelChart` コントロールを使用して以下のテーマを提供します。 - IG - Metro @@ -75,7 +78,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; テーマ|説明 --- | --- -**IG** {/* image not found: Styling_igFunnelChart_%28User_Story%29_1.png */} |パス: *IG CSS ルート/themes/infragistics/*<br />ファイル: *infragistics.theme.css*<br />このテーマは、すべての {environment:ProductName} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」トピックをご覧ください。 +**IG** {/* image not found: Styling_igFunnelChart_%28User_Story%29_1.png */} |パス: *IG CSS ルート/themes/infragistics/*<br />ファイル: *infragistics.theme.css*<br />このテーマは、すべての \{environment:ProductName\} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」トピックをご覧ください。 **Metro** {/* image not found: Styling_igFunnelChart_%28User_Story%29_2.png */}|パス: *IG CSS ルート/themes/metro/*<br />ファイル: *infragistics.theme.css*<br />このテーマは、新しい Windows® 8 ユーザー インターフェイスとタッチ対応デバイスに関するビジュアル機能を定義します。スライスの角ばったコーナーと多少異なるカラーが特長です。 @@ -287,7 +290,7 @@ $("#funnelChart").igFunnelChart({ 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [スライスの選択]({environment:SamplesUrl}/funnel-chart/slice-selection): このサンプルは、スライス選択機能の有効化および `sliceClicked` イベントの処理を示します。 +- [スライスの選択](\{environment:SamplesUrl\}/funnel-chart/slice-selection): このサンプルは、スライス選択機能の有効化および `sliceClicked` イベントの処理を示します。 ### <a id="resources"></a> リソース diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/accessibility-compliance.mdx index ee994e7562..cd3f689858 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/accessibility-compliance.mdx @@ -14,7 +14,7 @@ slug: iggrid-accessibility-compliance ## <a id="section-508"></a> igGrid 第 508 条の遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、グリッド コントロールが各規則を遵守するための詳しい方法も含んでいます。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、グリッド コントロールが各規則を遵守するための詳しい方法も含んでいます。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-iggrid-to-xml.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-iggrid-to-xml.mdx index 9f62efd32e..ba6649a3a7 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-iggrid-to-xml.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-iggrid-to-xml.mdx @@ -7,7 +7,7 @@ slug: iggrid-binding-iggrid-to-xml ## 概要 -{environment:ProductName}™ データ ソース コントロールまたは `igDataSource` は、名前空間付きおよび名前空間のない XML ドキュメントの両方にシームレスにバインドできます。 +\{environment:ProductName\}™ データ ソース コントロールまたは `igDataSource` は、名前空間付きおよび名前空間のない XML ドキュメントの両方にシームレスにバインドできます。 名前空間付き XML の制限の 1 つは、ほとんどのブラウザーで、XPath 式の実行をネイティブでサポートしていない点です。幸い、データ ソース コントロールが初めから XPath 式をサポートしているので、XML の特定の部分をポイントして、ご自分のスキーマに含めることができます。 @@ -108,7 +108,7 @@ var xmldoc = loadXMLDoc("http://myurl.com/XML100.Pretty.Printed.xml") <div class="embed-sample"> - [XML のバインド]({environment:SamplesEmbedUrl}/grid/xml-binding) + [XML のバインド](\{environment:SamplesEmbedUrl\}/grid/xml-binding) </div> ## 関連トピック diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-data.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-data.mdx index b897d9f135..eb83724daa 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-data.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-data.mdx @@ -15,9 +15,9 @@ slug: iggrid-binding-to-data - [igGrid、oData、WCF データサービスを使用した作業の開始 (*igGrid*)](/iggrid-getting-started-with-iggrid-odata-and-wcf-data-services): このトピックでは、ASP.NET Web アプリケーションに WCF データ サービスをセットアップし、`igGrid` の 2 つのオプションを設定して、リモート ページング、フィルタリング、ソーティングとともにクライアント側の jQuery グリッドをセットアップする方法を紹介します。 -- [igGrid を DataTable にバインディング (*igGrid*)](/iggrid-binding-to-datatable): このトピックでは、この機能を紹介し、{environment:ProductNameMVC} Grid と `DataTable` を構成し、使用する方法を説明します。 +- [igGrid を DataTable にバインディング (*igGrid*)](/iggrid-binding-to-datatable): このトピックでは、この機能を紹介し、\{environment:ProductNameMVC\} Grid と `DataTable` を構成し、使用する方法を説明します。 -- [igGrid を Web サービスにバインディング (*igGrid*)](/iggrid-binding-to-web-services): このドキュメントでは、{environment:ProductName}® グリッドまたは `igGrid` を *oData* プロトコルの Web ベース データ ソースにバインドする方法を説明します。 +- [igGrid を Web サービスにバインディング (*igGrid*)](/iggrid-binding-to-web-services): このドキュメントでは、\{environment:ProductName\}® グリッドまたは `igGrid` を *oData* プロトコルの Web ベース データ ソースにバインドする方法を説明します。 - [クライアント側のデータ バインディング (*igGrid*)](/iggrid-client-side-binding): このドキュメントは、`igGrid` コントロールを JSON 配列、JavaScript 配列、および HTML テーブル要素にバインドする方法を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-datatable.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-datatable.mdx index e7072fe040..91c91bf279 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-datatable.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-datatable.mdx @@ -9,7 +9,7 @@ slug: iggrid-binding-to-datatable ### 目的 -バージョン 12.2 以降、{environment:ProductNameMVC} Grid では `DataTable` オブジェクトにバインドできるようになりました。このトピックでは、この機能を紹介し、{environment:ProductNameMVC} の Grid と `DataTable` を構成し、使用する方法を説明します。また、グリッドの編集機能を併用した `DataTable` の利用方法も説明します。 +バージョン 12.2 以降、\{environment:ProductNameMVC\} Grid では `DataTable` オブジェクトにバインドできるようになりました。このトピックでは、この機能を紹介し、\{environment:ProductNameMVC\} の Grid と `DataTable` を構成し、使用する方法を説明します。また、グリッドの編集機能を併用した `DataTable` の利用方法も説明します。 ### 前提条件 @@ -294,7 +294,7 @@ public ActionResult EditingSaveChanges() ``` -### ビューに {environment:ProductNameMVC} Grid の列を手動で作成します。 +### ビューに \{environment:ProductNameMVC\} Grid の列を手動で作成します。 `igGrid` をビューに定義して、`DataTable` をグリッドのモデルとして使用すると、列は自動生成以外では生成できなくなります。列を手動で定義するときは、`DataTable` 構造に対応したモデルを定義し、それをグリッドのタイプに設定してください。 @@ -358,7 +358,7 @@ public class Employee この手順を実行するには、以下のリソースが必要です。 -- 必要な {environment:ProductName} の JavaScript と CSS ファイル +- 必要な \{environment:ProductName\} の JavaScript と CSS ファイル - *Infragistics.Web.Mvc.dll* アセンブリへの参照 - Json.NET シリアライザー - Newtonsoft.Json.dll diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-web-services.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-web-services.mdx index 8c10ac4b20..52e5f28373 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-web-services.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-web-services.mdx @@ -38,7 +38,7 @@ igGrid のデータ ソースと機能は、OData サービスでも直接使用 デフォルトでは、igGrid は JavaScript で初期化されるときに oData 要求を送信します。 -ただし、{environment:ProductNameMVC} Grid は、Infragistics.Web.Mvc.dll が提供する組み込みリモート機能サポートにより使用される異なる要求パラメーターを使用します。そのため、oData サービスへのバインドにそれを使用する場合は、対応する機能 URL パラメーターを null に設定する必要があります。 +ただし、\{environment:ProductNameMVC\} Grid は、Infragistics.Web.Mvc.dll が提供する組み込みリモート機能サポートにより使用される異なる要求パラメーターを使用します。そのため、oData サービスへのバインドにそれを使用する場合は、対応する機能 URL パラメーターを null に設定する必要があります。 ## チュートリアル: EntityFramework を使用する OData サービスにバインドされた MVC アプリケーションでの igGrid の作成 @@ -47,7 +47,7 @@ igGrid のデータ ソースと機能は、OData サービスでも直接使用 この手順では、Entity Framework を使用して SQL データベースからデータを取得する OData サービスとともに MVC アプリケーションで igGrid を作成するプロセスを手順を追って示します。 ###要件 -この手順を完了するには、コンピューター に {environment:ProductName} 製品がインストールされ、SQL サーバーに Northwind Database がインストールされている必要があります。 +この手順を完了するには、コンピューター に \{environment:ProductName\} 製品がインストールされ、SQL サーバーに Northwind Database がインストールされている必要があります。 この手順では、Visual Studio 2013 および MVC5 を使用することも仮定しています。 ###概要 @@ -75,8 +75,8 @@ igGrid のデータ ソースと機能は、OData サービスでも直接使用 - *System.Runtime.Serialization* への参照を追加します。 - *Infragistics.Web.Mvc* への参照を追加し、*Copy Local* オプションが *true* に設定されていることを確認します。 - - {environment:ProductName} スクリプト ファイルを **Scripts** フォルダーに追加します。 - - {environment:ProductName} CSS ファイルと画像を **Content** フォルダーに追加します。 + - \{environment:ProductName\} スクリプト ファイルを **Scripts** フォルダーに追加します。 + - \{environment:ProductName\} CSS ファイルと画像を **Content** フォルダーに追加します。 - ソリューションをビルドし、すべてがコンパイルされたことを確認します。 2. モデルの作成 @@ -155,7 +155,7 @@ public static void Register(HttpConfiguration config) - *Index.cshtml* の先頭に、*Infragistics.Web.Mvc* の using ステートメントを追加します。(IntelliSense がこの作業を支援します) Infragistics アセンブリが認識されない場合、ビューを閉じ、アプリケーションをコンパイルして、*Infragistics.Web.Mvc* アセンブリが bin フォルダーにコピーされていることを確認してください。ビュー ファイルを再度オープンすると、今度は Infragistics 参照が認識されるはずです。 - - Index.cshtml で、jQuery、jQuery UI、Modernizr、および {environment:ProductName} コントロール用の JavaScript 参照を追加します。 + - Index.cshtml で、jQuery、jQuery UI、Modernizr、および \{environment:ProductName\} コントロール用の JavaScript 参照を追加します。 **HTML の場合:** @@ -175,7 +175,7 @@ public static void Register(HttpConfiguration config) <link href="@Url.Content("Content/Infragistics/themes/infragistics/infragistics.theme.css")" rel="stylesheet" /> <link href="@Url.Content("Content/Infragistics/structure/modules/infragistics.css")" rel="stylesheet" /> ``` -- ページで {environment:ProductName} グリッドを作成します。 +- ページで \{environment:ProductName\} グリッドを作成します。 レコード型として Product クラスを使用する igGrid の宣言を追加します。DataSourceUrl プロパティは、サービスの Products エンドポイントをポイントしている必要があります。ResponseDataKey プロパティは、応答でデータを入れるプロパティの名前に設定する必要があります。この例では value です。DataBind メソッドと Render メソッドを追加して、コントロールが DataSource にバインドされ、マークアップに対して描画されるようにします。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-webapi.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-webapi.mdx index a2eb2df5a9..63489ebe6b 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-webapi.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/binding-to-webapi.mdx @@ -3,6 +3,8 @@ title: "ASP.NET MVC WebAPI へのバインド" slug: iggrid-binding-to-webapi --- +# ASP.NET MVC WebAPI へのバインド + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ASP.NET MVC WebAPI へのバインド @@ -74,7 +76,7 @@ ASP.NET MVC 4 Web API へバインドする手順の概要は、次のように - MVC 4 Framework のインストール - Northwind データベースのインストール - Infragistics.Web.Mvc.dll -- {environment:ProductName} JavaScript とテーマ ファイル +- \{environment:ProductName\} JavaScript とテーマ ファイル ### 手順 @@ -93,8 +95,8 @@ ASP.NET MVC 4 Web API へバインドする手順の概要は、次のように - 参照フォルダーを右クリックして [参照の追加…] を選択します。 - `Infragistics.Web.Mvc.dll` を [.NET] タブから選択するか、[参照] から探し出して選択します。 -3. {environment:ProductName} スクリプトへの参照を追加します。 - - {environment:ProductName} 配布可能ファイルをプロジェクトのスクリプト ディレクトリにコピーします。 +3. \{environment:ProductName\} スクリプトへの参照を追加します。 + - \{environment:ProductName\} 配布可能ファイルをプロジェクトのスクリプト ディレクトリにコピーします。 - `Views\Shared` フォルダーにある `_Layout.cshtml` ファイルに Infragistics ローダーへの参照を追加します。 **HTML の場合:** @@ -189,7 +191,7 @@ Infragistics Loader を追加します。 @Html.Infragistics().Loader().ScriptPath("~/Scripts/Infragistics/js/").CssPath("~/Scripts/Infragistics /css/").Render() ``` -> 注: それぞれの {environment:ProductName} ファイル ロケーションに合わせて `ScriptPath` と `CssPath` のロケーションを変更する必要があります。 +> 注: それぞれの \{environment:ProductName\} ファイル ロケーションに合わせて `ScriptPath` と `CssPath` のロケーションを変更する必要があります。 グリッドを定義します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/client-side/binding-to-html-table-data.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/client-side/binding-to-html-table-data.mdx index 87c8bad18a..b7d6fb73fb 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/client-side/binding-to-html-table-data.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/client-side/binding-to-html-table-data.mdx @@ -7,7 +7,7 @@ slug: iggrid-binding-to-html-table-data ## 概要 -{environment:ProductName}® `igGrid` では、`igDataSource` コントロールを介して既存のプレーンな HTML テーブルにバインドできます。HTML テーブルへのバインドには、考慮すべき点がいくつかあります。 +\{environment:ProductName\}® `igGrid` では、`igDataSource` コントロールを介して既存のプレーンな HTML テーブルにバインドできます。HTML テーブルへのバインドには、考慮すべき点がいくつかあります。 - `dataSource` を指定する必要はありません。バインドするテーブルに `igGrid` ウィジェットのインスタンスを作成する場合、 - データの展開、解析、バインド、および書式設定の処理がデータ ソース コントロールを通して実行されます。これは、グリッドがバインドされると、プレーンな HTML テーブルのテーブル BODY がクリアされ、データは、JavaScript オブジェクトの配列の形式でデータ ソースに格納されることを意味します。つまり、テーブルがすでにクリアされているため、同じ方法 (TABLE からデータを取得する) でグリッドに再バインドすることはできません。 @@ -121,7 +121,7 @@ $("#t2").igGrid({ **サンプル** <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/grid/html-binding]({environment:SamplesEmbedUrl}/grid/html-binding) + [\{environment:SamplesEmbedUrl\}/grid/html-binding](\{environment:SamplesEmbedUrl\}/grid/html-binding) </div> ## 既知の問題と制限 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/client-side/binding-to-javascript-array-and-json-array.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/client-side/binding-to-javascript-array-and-json-array.mdx index 19b90afef1..65e8a7ded8 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/client-side/binding-to-javascript-array-and-json-array.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/client-side/binding-to-javascript-array-and-json-array.mdx @@ -5,14 +5,13 @@ slug: iggrid-binding-to-javascript-array-and-json-array # igGrid を JavaScript 配列および JSON 配列にバインディング (igGrid) - このドキュメントは、`igGrid` コントロールを JSON 配列、JavaScript 配列、および HTML テーブル要素にバインドする方法を説明します。 ## クライアント側データへのバインド 以下の手順は、`igGrid` コントロールをクライアント側データにバインドする方法を示しています。 -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. HTML ページに必要な JavaScript および CSS ファイルを参照してください。 **JavaScript の場合:** @@ -103,7 +102,7 @@ slug: iggrid-binding-to-javascript-array-and-json-array **igGrid JSON のバインドを表示するサンプル** <div class="embed-sample"> - [igGrid JSON のバインド]({environment:SamplesEmbedUrl}/grid/json-binding) + [igGrid JSON のバインド](\{environment:SamplesEmbedUrl\}/grid/json-binding) </div> - JavaScript 配列: @@ -147,8 +146,8 @@ slug: iggrid-binding-to-javascript-array-and-json-array ## 関連リンク - [DataSource 用テーブルのサンプル](/iggrid-binding-to-datatable) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/getting-started-with-iggrid-odata-and-wcf-data-services.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/getting-started-with-iggrid-odata-and-wcf-data-services.mdx index 8acc2711d5..6d683f6669 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/binding/getting-started-with-iggrid-odata-and-wcf-data-services.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/binding/getting-started-with-iggrid-odata-and-wcf-data-services.mdx @@ -6,7 +6,6 @@ slug: iggrid-getting-started-with-iggrid-odata-and-wcf-data-services # igGrid、oData、WCF データサービスを使用した作業の開始 - `igGrid` は、ページング、フィルタリング、並べ替え機能をもったクライアント側のデータ グリッド コントロールです。グリッドは、XML、JSON、JavaScript 配列、HTML テーブル、ウェブサービスから返されるリモート データなどのローカル データへバインドできます。 `igGrid` コントロールをリモート データにバインドするもっともシームレスな方法は、それを [OData](http://en.wikipedia.org/wiki/OData) と一緒に使用することです。OData または Open Data プロトコルは HTTP の上で動作し、JSON や AtomPub フォーマットのデータを共通の URL 規則を介して問い合わせたり更新する手段を提供します。つまり、URL をもつグリッドを OData サービスに提供し、ひとつのプロパティを設定し、あらゆるページングやフィルタリング、ソーティングが追加の構成を必要とせずにサーバー上で実行できます。 @@ -17,7 +16,7 @@ slug: iggrid-getting-started-with-iggrid-odata-and-wcf-data-services 1. Microsoft Visual Studio® を開き、新しい ASP.NET 空の Web アプリケーション 'igDataSourceWCFService' を作成します。 - > **注:** `igGrid` コントロールが使用する基になる `igDataSource` コンポーネントは、サーバーに依存しません。従って、この演習では、{environment:ProductName} がアウト オブ ボックスで ASP.NET *OData* をサポートするのに対して、ASP.NET WebForms でサポートされる OData の実装方法について説明します。 + > **注:** `igGrid` コントロールが使用する基になる `igDataSource` コンポーネントは、サーバーに依存しません。従って、この演習では、\{environment:ProductName\} がアウト オブ ボックスで ASP.NET *OData* をサポートするのに対して、ASP.NET WebForms でサポートされる OData の実装方法について説明します。 ![](../../../images/images/Getting_Started_with_igGrid_oData_WCF_01.png) @@ -81,7 +80,7 @@ slug: iggrid-getting-started-with-iggrid-odata-and-wcf-data-services 11. この時点で、Web アプリケーションが実行でき、サービスのデータにアクセスできますので、`igGrid` コントロールを設定することができるようになります。 -12. {environment:ProductName} 製品に付随する結合および縮小済みのスクリプト ファイル infragistics.core.js および infragistics.lob.js が必要です。加えて、サンプルを実行するには jQuery コア および jQuery UI スクリプトが必要です。[このヘルプ トピック](/deployment-guide-javascript-resources)では、必要なスクリプトへの参照やアプリケーションに追加する統合および縮小されたスクリプトがどこにあるかについて説明します。 +12. \{environment:ProductName\} 製品に付随する結合および縮小済みのスクリプト ファイル infragistics.core.js および infragistics.lob.js が必要です。加えて、サンプルを実行するには jQuery コア および jQuery UI スクリプトが必要です。[このヘルプ トピック](/deployment-guide-javascript-resources)では、必要なスクリプトへの参照やアプリケーションに追加する統合および縮小されたスクリプトがどこにあるかについて説明します。 > **注:** 製品版とトライアル版は[こちら](http://jp.infragistics.com/products/jquery)からダウンロードできます。 @@ -185,11 +184,11 @@ slug: iggrid-getting-started-with-iggrid-odata-and-wcf-data-services [**サンプルをダウンロードする**](http://dl.infragistics.com/community/jquery/codesamples/aaronm/2011-07-28/igGridOData.zip) -> **注:** AdventureWorks データベースと {environment:ProductName} リソースはサンプル内にありません。以下のリンクからソフトウェアを入手できます。 +> **注:** AdventureWorks データベースと \{environment:ProductName\} リソースはサンプル内にありません。以下のリンクからソフトウェアを入手できます。 > > * [AdventureWorks データベース](http://msftdbprodsamples.codeplex.com/releases/view/37109) > -> * [{environment:ProductName}](http://jp.infragistics.com/products/jquery) +> * [\{environment:ProductName\}](http://jp.infragistics.com/products/jquery) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/developing-asp-net-mvc-applications-with-iggrid.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/developing-asp-net-mvc-applications-with-iggrid.mdx index a67fd59dfd..43d30f7555 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/developing-asp-net-mvc-applications-with-iggrid.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/developing-asp-net-mvc-applications-with-iggrid.mdx @@ -4,9 +4,10 @@ slug: iggrid-developing-asp-net-mvc-applications-with-iggrid --- # igGrid を使用する ASP.NET MVC アプリケーションの開発 -{environment:ProductName} は、JavaScript ベースの機能豊かなインタラクティブ web アプリケーションを作成するための [jQuery UI](http://jqueryui.com/) コントロール セットです。{environment:ProductName} を ASP.NET MVC と使用する場合、直接 JavaScript を使用または {environment:ProductNameMVC} を使用するオプションがあります。 -{environment:ProductNameMVC} は、{environment:ProductName} コントロールで必要な HTML マークアップおよび JavaScript コードを生成する .NET クラスおよび拡張機能メソッドのコレクションです。ページに描画された後、手動的に JavaScript で作成したコードと {environment:ProductName} MVC ヘルパーによって生成されたコードの違いはほとんどありませんが、以下の場合はヘルパーが役立ちます。 +\{environment:ProductName\} は、JavaScript ベースの機能豊かなインタラクティブ web アプリケーションを作成するための [jQuery UI](http://jqueryui.com/) コントロール セットです。\{environment:ProductName\} を ASP.NET MVC と使用する場合、直接 JavaScript を使用または \{environment:ProductNameMVC\} を使用するオプションがあります。 + +\{environment:ProductNameMVC\} は、\{environment:ProductName\} コントロールで必要な HTML マークアップおよび JavaScript コードを生成する .NET クラスおよび拡張機能メソッドのコレクションです。ページに描画された後、手動的に JavaScript で作成したコードと \{environment:ProductName\} MVC ヘルパーによって生成されたコードの違いはほとんどありませんが、以下の場合はヘルパーが役立ちます。 * リモート ロードオンデマンド、リモート ページング、リモート フィルタリングなどのリモート機能を実装する場合。 @@ -19,7 +20,7 @@ slug: iggrid-developing-asp-net-mvc-applications-with-iggrid ### このトピックの内容 - [**はじめに**](#getting-started) - - [{environment:ProductNameMVC} の参照](#referencing-igniteui-mvc-assembly) + - [\{environment:ProductNameMVC\} の参照](#referencing-igniteui-mvc-assembly) - [スタイルおよびスクリプトの参照](#referencing-styles-and-scripts) - [**構文方法**](#syntax-variations) - [グリッド モデル](#syntax-grid-model) @@ -31,13 +32,13 @@ slug: iggrid-developing-asp-net-mvc-applications-with-iggrid - [関連トピック](#related-topics) ## <a id="getting-started"></a> はじめに -{environment:ProductNameMVC} Grid を使用する前に、`Infragistics.Web.Mvc` アセンブリへの参照を作成し、ページで関連するスクリプトおよびスタイル シートを参照します。 +\{environment:ProductNameMVC\} Grid を使用する前に、`Infragistics.Web.Mvc` アセンブリへの参照を作成し、ページで関連するスクリプトおよびスタイル シートを参照します。 -### <a id="referencing-igniteui-mvc-assembly"></a>{environment:ProductNameMVC} の参照 -ASP.NET アプリケーションで、以下の場所にある {environment:ProductNameMVC} アセンブリへの参照を作成します。 +### <a id="referencing-igniteui-mvc-assembly"></a>\{environment:ProductNameMVC\} の参照 +ASP.NET アプリケーションで、以下の場所にある \{environment:ProductNameMVC\} アセンブリへの参照を作成します。 ``` -{environment:InstallPathMVC}\<MVC_VERSION_NUMBER>\Bin\Infragistics.Web.Mvc.dll +\{environment:InstallPathMVC\}\<MVC_VERSION_NUMBER>\Bin\Infragistics.Web.Mvc.dll ``` ### <a id="referencing-styles-and-scripts"></a>スタイルおよびスクリプトの参照 @@ -52,19 +53,19 @@ ASP.NET アプリケーションで、以下の場所にある {environment <script type="text/javascript" src="infragistics.core.js"></script> <script type="text/javascript" src="infragistics.lob.js"></script> ``` -> **注**: {environment:ProductName} MVC ヘルパーを使用するには、jQuery、jQuery UI、および {environment:ProductName} への参照をページの上に含む必要があります。 +> **注**: \{environment:ProductName\} MVC ヘルパーを使用するには、jQuery、jQuery UI、および \{environment:ProductName\} への参照をページの上に含む必要があります。 ## <a id="syntax-variations"></a>構文方法 -{environment:ProductNameMVC} を使用すると、igGrid の使用でページを構成するパーツがいくつかあります。ページが要求されたときに {environment:ProductName} MVC ヘルパーがページでコントロールを描画するために、Model データが Controller で収集され、View に渡されます。Controller でビューに `IQueryable<T>` コレクションとしてデータを直接に渡すか、`Infragistics.Web.Mvc.GridModel` クラスのインスタンスを渡すことができます。 +\{environment:ProductNameMVC\} を使用すると、igGrid の使用でページを構成するパーツがいくつかあります。ページが要求されたときに \{environment:ProductName\} MVC ヘルパーがページでコントロールを描画するために、Model データが Controller で収集され、View に渡されます。Controller でビューに `IQueryable<T>` コレクションとしてデータを直接に渡すか、`Infragistics.Web.Mvc.GridModel` クラスのインスタンスを渡すことができます。 -> **注**: {environment:ProductNameMVC} Grid のデータ ソースは LINQ を使用するため、`IQueryable<T>` のインスタンスのみを受け入れます。`GridModel` を使用した場合も、`IQueryable<T>` のインスタンスが必要な `DataSource` プロパティを明示的に設定します。 +> **注**: \{environment:ProductNameMVC\} Grid のデータ ソースは LINQ を使用するため、`IQueryable<T>` のインスタンスのみを受け入れます。`GridModel` を使用した場合も、`IQueryable<T>` のインスタンスが必要な `DataSource` プロパティを明示的に設定します。 -したがって、{environment:ProductNameMVC} Grid の使用で、以下のような構文パターンを使用します。 +したがって、\{environment:ProductNameMVC\} Grid の使用で、以下のような構文パターンを使用します。 ```html @(Html.Infragistics().Grid(/* collection or grid model here */)... ``` -`Grid` メソッドは、{environment:ProductNameMVC} で使用する構文方法を選択するためのオーバーロードをサポートします。構文方法は、データ コレクション (`IQueryable<T>`) またはグリッド モデルの使用で利用可能です。以下の表は、{environment:ProductNameMVC} の返却型がヘルパーの `Grid` メソッドに渡された引数によって影響される方法を表示します。 +`Grid` メソッドは、\{environment:ProductNameMVC\} で使用する構文方法を選択するためのオーバーロードをサポートします。構文方法は、データ コレクション (`IQueryable<T>`) またはグリッド モデルの使用で利用可能です。以下の表は、\{environment:ProductNameMVC\} の返却型がヘルパーの `Grid` メソッドに渡された引数によって影響される方法を表示します。 構文方法|プライマリ引数|戻り値の型 --- | --- | --- | @@ -93,7 +94,7 @@ public class GridModelController : Controller } } ``` -The GridModel がビューに送信し、コントロールを描画するために {environment:ProductNameMVC} ヘルパーに使用されます。 +The GridModel がビューに送信し、コントロールを描画するために \{environment:ProductNameMVC\} ヘルパーに使用されます。 ```html @using Infragistics.Web.Mvc @@ -112,7 +113,7 @@ The GridModel がビューに送信し、コントロールを描画するため <script type="text/javascript">$(function () {$('#Grid1').igGrid({ dataSource: {"Records":[{"Name":"John Smith","Age":45},{"Name":"Mary Johnson","Age":32}],"TotalRecordsCount":0,"Metadata":{"timezoneOffset":-25200000}},dataSourceType: 'json',autoGenerateColumns: false,autoGenerateLayouts: false,mergeUnboundColumns: false, responseDataKey: 'Records', generateCompactJSONResponse: false, enableUTCDates: true, columns: [ { key: 'Name', headerText: 'Name', width: null, dataType: 'string' }, { key: 'Age', headerText: 'Age', width: null, dataType: 'number' } ], features: [ { sortUrlKey: 'sort', sortUrlKeyAscValue: 'asc', sortUrlKeyDescValue: 'desc', name: 'Sorting' } ], localSchemaTransform: false });});</script> ``` -このコードをすべて理解する必要はありませんが、{environment:ProductNameMVC} を使用して描画されるコードについて説明するために本トピックに含まれます。`Grid1` の `ID` を持つ HTML `TABLE` 要素が生成されます。jQuery `ready` の匿名関数の後にある `SCRIPT` 要素で、データおよびオプションを宣言された `TABLE` 要素に関連する `$('#Grid1')` の jQuery セレクターがあります。 +このコードをすべて理解する必要はありませんが、\{environment:ProductNameMVC\} を使用して描画されるコードについて説明するために本トピックに含まれます。`Grid1` の `ID` を持つ HTML `TABLE` 要素が生成されます。jQuery `ready` の匿名関数の後にある `SCRIPT` 要素で、データおよびオプションを宣言された `TABLE` 要素に関連する `$('#Grid1')` の jQuery セレクターがあります。 #### 設定、列、および機能 グリッドの設定および機能を制御するには、グリッドのオブジェクト モデルを適切に構成できます。以下のコードは以下を行う方法を示します。 @@ -162,7 +163,7 @@ public ActionResult Index() ``` ### <a id="syntax-chaining"></a>チェーン -コントローラーでグリッド モデルを定義する代わりに、チェーン構文を使用できます。{environment:ProductNameMVC} ヘルパーにデータのコレクションを渡すと、`Grid` メソッドは、ページでコントロールを定義するためにメソッド呼び出しをチェーンする可能な fluent インターフェイスを公開する `IGrid` インスタンスを返します。 +コントローラーでグリッド モデルを定義する代わりに、チェーン構文を使用できます。\{environment:ProductNameMVC\} ヘルパーにデータのコレクションを渡すと、`Grid` メソッドは、ページでコントロールを定義するためにメソッド呼び出しをチェーンする可能な fluent インターフェイスを公開する `IGrid` インスタンスを返します。 データが `IQueryable<T>` コレクションとしてビューに渡された Controller の場合: @@ -182,7 +183,7 @@ public class ChainedController : Controller } ``` -{environment:ProductNameMVC} Grid がページの `Model` によりコレクションを渡されます。 +\{environment:ProductNameMVC\} Grid がページの `Model` によりコレクションを渡されます。 ```html @using Infragistics.Web.Mvc diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/append-rows-on-demand-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/append-rows-on-demand-overview.mdx index 150e8e7eab..dc73ec84f1 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/append-rows-on-demand-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/append-rows-on-demand-overview.mdx @@ -3,6 +3,8 @@ title: "オン デマンドの行追加の概要" slug: append-rows-on-demand-overview --- +# オン デマンドの行追加の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #オン デマンドの行追加の概要 @@ -106,7 +108,7 @@ Sorting や Filtering などの機能をローカルで実行するように設 ### <a id="migration-guide"></a>CTP 移行ガイド -前述したように、この機能の名称は、他の機能との混同を避けるために「ロード オン デマンド｣から｢オンデマンドによる行追加｣に変更されました。{environment:ProductName} の以前のバージョンからアップグレードする場合、以下の情報を知っておく必要があります。 +前述したように、この機能の名称は、他の機能との混同を避けるために「ロード オン デマンド｣から｢オンデマンドによる行追加｣に変更されました。\{environment:ProductName\} の以前のバージョンからアップグレードする場合、以下の情報を知っておく必要があります。 - 「installation_folder\js\modules」フォルダー内の機能ファイルの名前は、「`infragistics.ui.grid.loadondemand.js`」から「`infragistics.ui.grid.appendrowsondemand.js`」に変更されています。 - Infragistics Loader での機能名称は「igGrid.LoadOnDemand」から「igGrid.AppendRowsOnDemand」になりました。 @@ -131,6 +133,6 @@ Sorting や Filtering などの機能をローカルで実行するように設 igGrid オンデマンドで行の追加機能は、グリッドにデータを追加する機能を提供します。Automatic と Button の 2 つのモードがあります。上のグリッドは Automatic モードを使用します。グリッドの下へスクロールすると、グリッドに新しいデータが追加されます。下のグリッドは Button モードを使用します。グリッドの下へスクロールし、「その他のデータを読み込む」ボタンを押すと、新しいデータを追加します。 <div class="embed-sample"> -　 [オンデマンドで行の追加]({environment:SamplesEmbedUrl}/grid/append-rows-on-demand) +　 [オンデマンドで行の追加](\{environment:SamplesEmbedUrl\}/grid/append-rows-on-demand) </div> diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/cell-merging/cellmerging-advanced.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/cell-merging/cellmerging-advanced.mdx index a564a1b164..62121bc8c2 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/cell-merging/cellmerging-advanced.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/cell-merging/cellmerging-advanced.mdx @@ -3,6 +3,8 @@ title: "セル結合の高度なカスタマイズ (igGrid)" slug: iggrid-cellmerging-advanced --- +# セル結合の高度なカスタマイズ (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # セル結合の高度なカスタマイズ (igGrid) @@ -294,7 +296,7 @@ $("#grid1").igGrid({ **JavaScript の場合:** <div class="embed-sample"> - [セルの結合]({environment:SamplesEmbedUrl}/grid/cell-merging-custom) + [セルの結合](\{environment:SamplesEmbedUrl\}/grid/cell-merging-custom) </div> ## <a id="related-content"></a> 関連コンテンツ diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/cell-merging/cellmerging-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/cell-merging/cellmerging-overview.mdx index ee3a1a2094..fb005818f0 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/cell-merging/cellmerging-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/cell-merging/cellmerging-overview.mdx @@ -3,6 +3,8 @@ title: "セル結合の概要 (igGrid)" slug: iggrid-cellmerging-overview --- +# セル結合の概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # セル結合の概要 (igGrid) @@ -76,7 +78,7 @@ ASP.NET MVC|グリッドの `Features` メソッドに渡されるデリゲー **JavaScript の場合:** <div class="embed-sample"> - [セル結合]({environment:SamplesEmbedUrl}/grid/cell-merging) + [セル結合](\{environment:SamplesEmbedUrl\}/grid/cell-merging) </div> diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns-and-layout.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns-and-layout.mdx index 58d26855e7..b5ea814c4c 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns-and-layout.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns-and-layout.mdx @@ -3,6 +3,8 @@ title: "列とレイアウト (igGrid)" slug: iggrid-columns-and-layout --- +# 列とレイアウト (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列とレイアウト (igGrid) @@ -64,7 +66,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - `width` - グリッドの幅。列の幅がグリッドの幅を超えると、水平スクロールバーが表示されます。 <div class="embed-sample"> - [グリッド レイアウト]({environment:SamplesEmbedUrl}/grid/grid-layout) + [グリッド レイアウト](\{environment:SamplesEmbedUrl\}/grid/grid-layout) </div> ## <a id="defining-columns"></a> 列の定義 @@ -165,7 +167,7 @@ Raw Value -> formatter -> (template)* -> Cell Value 以下のサンプルでは、グリッドに表示する前に列値を書式設定する方法を紹介します。「メーカー フラグ」のブール列に true/false 値を Yes/No 値に変換する `formatter` 関数があります。 <div class="embed-sample"> - [列の書式関数]({environment:SamplesEmbedUrl}/grid/column-format-function) + [列の書式関数](\{environment:SamplesEmbedUrl\}/grid/column-format-function) </div> - <ApiLink type="iggrid" member="columns.format" section="options" label="format" /> - 書式設定パターンを識別する文字列です。<ApiLink type="iggrid" member="columns.format" section="options" label="format" /> オプションは内部に `$.ig.formatter(rawValue, dataType, formatPattern)` 関数を使用します。設定される場合、<ApiLink type="iggrid" member="columns.format" section="options" label="format" /> は <ApiLink type="iggrid" member="autoFormat" section="options" label="autoFormat" /> オプションの設定およびデフォルトの地域設定をオーバーライドします。 @@ -180,7 +182,7 @@ Raw Value -> formatter -> (template)* -> Cell Value 以下のサンプルはグリッドの列書式設定の機能を紹介します。「販売の開始日付」および「変更日付」列は別の日付書式設定を使用します。「価格」の数値列は通貨の書式設定を使用します。 <div class="embed-sample"> - [igGrid の列書式設定]({environment:SamplesEmbedUrl}/grid/column-formats) + [igGrid の列書式設定](\{environment:SamplesEmbedUrl\}/grid/column-formats) </div> - <ApiLink type="iggrid" member="columns.template" section="options" label="template" /> - テンプレート化された文字列です。使用されるテンプレート エンジンは `templatingEngine` オプションで定義されます。 テンプレートの構文の詳細は[「テンプレート化エンジン概要」](../../../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx)を参照してください。 @@ -238,7 +240,7 @@ igGrid のセル テキストはデフォルトで左揃えです。セルのテ 以下のサンプルでは、グリッド セルのテキスト配置をカスタマイズする方法を紹介します。グリッドの「製品 ID」および「再注文」の数値列のテキストが右側に配置されます。列のセルにカスタム CSS クラスが適用されています。CSS クラスはグリッド列の `columnCssClass` プロパティに設定されます。 <div class="embed-sample"> - [igGrid テキスト配置の構成]({environment:SamplesEmbedUrl}/grid/configure-text-alignment) + [igGrid テキスト配置の構成](\{environment:SamplesEmbedUrl\}/grid/configure-text-alignment) </div> ## <a id="defining-mapper"></a> 列にマッパー関数を定義 @@ -297,7 +299,7 @@ var data = [{ "ID": 0, "Name": "Bread", "Description": "Whole grain bread", "Cat 以下のサンプルは、列の mapper 関数により複合データ オブジェクトを処理する方法を紹介します。サンプルで、並べ替えおよびフィルターは mapper 関数から返された値に基づいて実行されます。コンボ エディター プロバイダーの更新は複合オブジェクトを選択したコンボ項目のレコード データとの更新を許可します。 <div class="embed-sample"> - [複合オブジェクトの処理]({environment:SamplesEmbedUrl}/grid/handling-complex-objects) + [複合オブジェクトの処理](\{environment:SamplesEmbedUrl\}/grid/handling-complex-objects) </div> ## <a id="autoGenerateColumns"></a> AutoGenerateColumns @@ -319,7 +321,7 @@ var data = [{ "ID": 0, "Name": "Bread", "Description": "Whole grain bread", "Cat 以下のサンプルは、igGrid の列の自動生成機能を紹介します。列が自動生成された場合、ヘッダー キャプションはデータ ソースのフィールド名から設定されます。`autoGenerateColumns` オプションは `defaultColumnWidth` オプションと使用されます。 <div class="embed-sample"> - [igGrid 列の自動生成]({environment:SamplesEmbedUrl}/grid/auto-generate-columns) + [igGrid 列の自動生成](\{environment:SamplesEmbedUrl\}/grid/auto-generate-columns) </div> ## <a id="styling"></a> スタイル設定 @@ -339,7 +341,7 @@ jQuery グリッドは、jQuery UI Theme Roller と完全に互換性があり 最初の CSS、*jquery.ui.custom.css* は実際のテーマ (つまり、カラー関連のスタイル設定) を表します。これを Theme Roller から生成された CSS ファイルと置換できます。 -2 番目の CSS {environment:ProductName} 用のカスタマイズで、Theme Roller / jQuery UI では使用できないレイアウト関連のルールを含みます。そのため、コントロールが正常に機能することを保証することが必要です。 +2 番目の CSS \{environment:ProductName\} 用のカスタマイズで、Theme Roller / jQuery UI では使用できないレイアウト関連のルールを含みます。そのため、コントロールが正常に機能することを保証することが必要です。 結合されていない CSS (開発シナリオで使用される) を参照する場合は、リスト 3 に示すようにして参照を追加できます。 @@ -437,7 +439,7 @@ $("#grid1").igGrid({ 以下のサンプルでは、ブール値列で true/false 値を表示する代わりにチェックボックスを有効にする方法を紹介します。 <div class="embed-sample"> - [igGrid チェックボックス列]({environment:SamplesEmbedUrl}/grid/checkbox-column) + [igGrid チェックボックス列](\{environment:SamplesEmbedUrl\}/grid/checkbox-column) </div> **ASPX の場合:** @@ -457,7 +459,7 @@ $("#grid1").igGrid({ ## <a id="related-content"></a> 関連コンテンツ ### トピック -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) - [日付、数値、および文字列の書式設定](/formatting-dates-numbers-and-strings) - [テンプレート エンジンの概要](../../../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/column-resizing.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/column-resizing.mdx index 18ffbe84ec..5fd307c3c9 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/column-resizing.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/column-resizing.mdx @@ -3,6 +3,8 @@ title: "列のサイズ変更 (igGrid)" slug: iggrid-column-resizing --- +# 列のサイズ変更 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列のサイズ変更 (igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/filtering.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/filtering.mdx index a2ccc029ca..f1a8c776db 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/filtering.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/filtering.mdx @@ -3,6 +3,8 @@ title: "フィルタリング (igGrid)" slug: iggrid-filtering --- +# フィルタリング (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # フィルタリング (igGrid) @@ -48,7 +50,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルは、フィルター機能の永続化機能を紹介します。 <div class="embed-sample"> - [機能の永続化]({environment:SamplesEmbedUrl}/grid/feature-persistence) + [機能の永続化](\{environment:SamplesEmbedUrl\}/grid/feature-persistence) </div> ユーザーが *igGrid* を再バインドした後にフィルターをクリアする以前の動作に戻るには、<ApiLink type="iggridfiltering" member="persist" section="options" label="persist" /> オプションで機能を無効できます。以下はコード スニペットです。 @@ -197,10 +199,10 @@ $("#myGrid").igGrid({ **詳細フィルターのサンプル** <div class="embed-sample"> - [igGrid 詳細フィルター]({environment:SamplesEmbedUrl}/grid/advanced-filtering) + [igGrid 詳細フィルター](\{environment:SamplesEmbedUrl\}/grid/advanced-filtering) </div> -リスト 6: {environment:ProductNameMVC} で使用する Razor または CSHTML マークアップ +リスト 6: \{environment:ProductNameMVC\} で使用する Razor または CSHTML マークアップ @@ -233,7 +235,7 @@ $("#myGrid").igGrid({ http://<SERVER>/grid/GridGetData? filter(Name)=startsWith(a)&filter(ModifiedDate)=today()&filterLogic=AND ``` -{environment:ProductNameMVC} を使用して LINQ (IQueryable) 経由でサーバー側データをバインドする場合、URL にエンコードされたすべてのフィルタリング情報は自動的に LINQ 式の句 (Where 句) に変換されるため、データをフィルターするのに余分な作業は必要ありません。 +\{environment:ProductNameMVC\} を使用して LINQ (IQueryable) 経由でサーバー側データをバインドする場合、URL にエンコードされたすべてのフィルタリング情報は自動的に LINQ 式の句 (Where 句) に変換されるため、データをフィルターするのに余分な作業は必要ありません。 ## <a id="column-settings"></a> 列の設定 @@ -551,7 +553,7 @@ $("#grid1").igGrid({ **サンプル:** <div class="embed-sample"> -　 [igGrid フィルタリングのカスタム条件]({environment:SamplesEmbedUrl}/grid/custom-conditions-filtering) +　 [igGrid フィルタリングのカスタム条件](\{environment:SamplesEmbedUrl\}/grid/custom-conditions-filtering) </div> ## <a id="css"></a> CSS クラスのフィルタリング @@ -669,7 +671,7 @@ _注_: 列選択ドロップダウンと条件ドロップダウンは異なり ### <a id="samples"></a> サンプル -- [フィルタリング]({environment:SamplesUrl}/grid/simple-filtering) +- [フィルタリング](\{environment:SamplesUrl\}/grid/simple-filtering) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-configuring.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-configuring.mdx index 541fb275d5..7c7b3b0442 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-configuring.mdx @@ -3,6 +3,8 @@ title: "列固定の構成 (igGrid)" slug: iggrid-columnfixing-configuring --- +# 列固定の構成 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列固定の構成 (igGrid) @@ -337,7 +339,7 @@ $("#grid").igGrid({ このトピックについては、以下のサンプルも参照してください。 -- [列の固定]({environment:SamplesUrl}/grid/column-fixing): このサンプルは、デフォルトで列を固定に設定する方法や列の固定を防止する方法など、`igGrid` の列固定の基本機能を紹介します。 +- [列の固定](\{environment:SamplesUrl\}/grid/column-fixing): このサンプルは、デフォルトで列を固定に設定する方法や列の固定を防止する方法など、`igGrid` の列固定の基本機能を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-enabling.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-enabling.mdx index e1b24fbbba..c470adfd62 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-enabling.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-enabling.mdx @@ -130,7 +130,7 @@ $("#grid1").igGrid({ このトピックについては、以下のサンプルも参照してください。 -- [列の固定]({environment:SamplesUrl}/grid/column-fixing): このサンプルは、デフォルトで列を固定に設定する方法や列の固定を防止する方法など、`igGrid` の列固定の基本機能を紹介します。 +- [列の固定](\{environment:SamplesUrl\}/grid/column-fixing): このサンプルは、デフォルトで列を固定に設定する方法や列の固定を防止する方法など、`igGrid` の列固定の基本機能を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-method-reference.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-method-reference.mdx index c2d10a4bec..80baa146fd 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-method-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-method-reference.mdx @@ -3,6 +3,8 @@ title: "メソッドの参照 (列固定、igGrid)" slug: iggrid-columnfixing-method-reference --- +# メソッドの参照 (列固定、igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # メソッドの参照 (列固定、igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-overview.mdx index e8561136b7..cd36672a2e 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/fixing/columnfixing-overview.mdx @@ -3,6 +3,8 @@ title: "列固定の概要 (igGrid)" slug: iggrid-columnfixing-overview --- +# 列固定の概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列固定の概要 (igGrid) @@ -248,7 +250,7 @@ igGrid の列固定機能は、igGrid の[仮想化](/iggrid-virtualization)機 このトピックについては、以下のサンプルも参照してください。 -- [列の固定]({environment:SamplesUrl}/grid/column-fixing): このサンプルは、デフォルトで列を固定に設定する方法や列の固定を防止する方法など、`igGrid` の列固定の基本機能を紹介します。 +- [列の固定](\{environment:SamplesUrl\}/grid/column-fixing): このサンプルは、デフォルトで列を固定に設定する方法や列の固定を防止する方法など、`igGrid` の列固定の基本機能を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/enabling-groupby.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/enabling-groupby.mdx index 34e3dd1700..789019f158 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/enabling-groupby.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/enabling-groupby.mdx @@ -3,6 +3,8 @@ title: "列のグループ化の有効化 (igGrid)" slug: iggrid-enabling-groupby --- +# 列のグループ化の有効化 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列のグループ化の有効化 (igGrid) @@ -60,7 +62,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - MVC 固有の要件 - グリッドがデータ ソースに接続されている MS Visual Studio® の MVC 4 以後のプロジェクトであること - - {environment:ProductNameMVC} dll への参照があること - Infragistics.Web.Mvc.dll + - \{environment:ProductNameMVC\} dll への参照があること - Infragistics.Web.Mvc.dll ### <a id="script-requirements"></a> スクリプト要件 @@ -191,4 +193,4 @@ public ActionResult Default() このトピックについては、以下のサンプルも参照してください。 -- [グループ化]({environment:SamplesUrl}/grid/grouping) \ No newline at end of file +- [グループ化](\{environment:SamplesUrl\}/grid/grouping) \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx index 25ab5a1b59..b8ae04b10e 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/group-by-dialog-overview.mdx @@ -3,6 +3,8 @@ title: "グループ化ダイアログの概要 (igGrid)" slug: iggrid-group-by-dialog-overview --- +# グループ化ダイアログの概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # グループ化ダイアログの概要 (igGrid) @@ -17,7 +19,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下の表は、このトピックを理解するための前提条件として必要なトピックを示しています。 -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、{environment:ProductName}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、\{environment:ProductName\}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 - [機能セレクター](/iggrid-feature-chooser): このトピックでは、`igGrid`™ 機能セレクター メニューとそのそのセクションについて説明します。 @@ -216,7 +218,7 @@ igGrid|igHierarchicalGrid このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、{environment:ProductName}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、\{environment:ProductName\}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 - [機能セレクター](/iggrid-feature-chooser): このトピックでは、`igGrid`™ 機能セレクター メニューとそのそのセクションについて説明します。 @@ -229,4 +231,4 @@ igGrid|igHierarchicalGrid このトピックについては、以下のサンプルも参照してください。 -- [グループ化]({environment:SamplesUrl}/grid/grouping): igGrid グループ化のモーダル ダイアログ ウィンドウの操作を示すサンプル。 \ No newline at end of file +- [グループ化](\{environment:SamplesUrl\}/grid/grouping): igGrid グループ化のモーダル ダイアログ ウィンドウの操作を示すサンプル。 \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby-overview.mdx index 6bf36fe67a..4f3490957b 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby-overview.mdx @@ -3,6 +3,8 @@ title: "列のグループ化の概要 (igGrid)" slug: iggrid-groupby-overview --- +# 列のグループ化の概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列のグループ化の概要 (igGrid) @@ -50,7 +52,7 @@ GroupBy の永続化は `igHierarchicalGrid` にも実装されています。 以下のサンプルは、GroupBy 機能の永続化機能を紹介します。 <div class="embed-sample"> - [機能の永続化]({environment:SamplesEmbedUrl}/grid/feature-persistence) + [機能の永続化](\{environment:SamplesEmbedUrl\}/grid/feature-persistence) </div> ユーザーが `igGrid` を再バインドした後にグループ化をクリアする以前の動作に戻るには、<ApiLink type="iggridgroupby" member="persist" section="options" label="persist" /> オプションで機能を無効できます。以下はコード スニペットです。 @@ -91,7 +93,7 @@ features: [ > `time` 列のグループ化をカスタマイズするには、`compareFunc` を使用します。詳細については、実例のコードを参照してください。 <div class="embed-sample"> - [グループ化のカスタマイズ]({environment:SamplesEmbedUrl}/grid/grouping-customization) + [グループ化のカスタマイズ](\{environment:SamplesEmbedUrl\}/grid/grouping-customization) </div> ## <a id="api-usage"></a> API の使用 @@ -143,7 +145,7 @@ $('#grid1').igGridGroupBy("expand", id); API 使用については、以下のサンプルも参照してください。 <div class="embed-sample"> - [グループ化 API]({environment:SamplesEmbedUrl}/grid/grouping-api) + [グループ化 API](\{environment:SamplesEmbedUrl\}/grid/grouping-api) </div> ## <a id="keyboard-interaction"></a> キーボード操作 @@ -179,7 +181,7 @@ API 使用については、以下のサンプルも参照してください。 このトピックについては、以下のサンプルも参照してください。 -- [グループ化]({environment:SamplesUrl}/grid/grouping) +- [グループ化](\{environment:SamplesUrl\}/grid/grouping) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby-summaries.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby-summaries.mdx index 0de0ed3049..8409ba0e08 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby-summaries.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby-summaries.mdx @@ -3,6 +3,8 @@ title: "グループ化集計の機能概要 (igGrid)" slug: iggrid-groupby-summaries --- +# グループ化集計の機能概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # グループ化集計の機能概要 (igGrid) @@ -185,7 +187,7 @@ function existingCount(data) { 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [集計とグループ化]({environment:SamplesUrl}/grid/grouping) +- [集計とグループ化](\{environment:SamplesUrl\}/grid/grouping) ### <a id="topics"></a> トピック diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby.mdx index 1bee0cbc01..cdf404bc70 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/grouping/groupby.mdx @@ -6,7 +6,6 @@ slug: iggrid-groupby # 列のグループ化 (igGrid) - 以下のリンクをクリックして、`igGrid` Outlook Group By 機能を素早く起動して実行する方法に関する情報を参照してください。 - [列のグループ化の概要](/iggrid-groupby-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding-enabling-column-hiding.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding-enabling-column-hiding.mdx index ef004d51ef..a8ac583984 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding-enabling-column-hiding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding-enabling-column-hiding.mdx @@ -60,14 +60,14 @@ slug: iggrid-column-hiding-enabling-column-hiding - MVC 固有の要件 - グリッドがデータ ソースに接続されている MS Visual Studio® の MVC 4 以後のプロジェクトであること - - {environment:ProductNameMVC} dll への参照があること - Infragistics.Web.Mvc.dll + - \{environment:ProductNameMVC\} dll への参照があること - Infragistics.Web.Mvc.dll ### <a id="script-requirements"></a> スクリプト要件 - jQuery と MVC が jQuery ウィジェットを再描画するため、両方のサンプルに必要なスクリプトは同じです。次が必要になります。 1. jQuery ライブラリ スクリプト 2. jQuery User Interface (UI) ライブラリ スクリプト - 3. {environment:ProductNameMVC} ライブラリ スクリプト + 3. \{environment:ProductNameMVC\} ライブラリ スクリプト 次のコード サンプルは、HTML ファイルのヘッダー セクションに追加されるスクリプトです。 @@ -208,14 +208,14 @@ slug: iggrid-column-hiding-enabling-column-hiding このトピックの追加情報については、以下のトピックも合わせてご参照ください。 - [igGrid 構成: 列](/iggrid-configure-column-hiding) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) ### <a id="samples"></a> サンプル このトピックについては、以下のサンプルも参照してください。 -- [列の管理]({environment:SamplesUrl}/grid/column-management) +- [列の管理](\{environment:SamplesUrl\}/grid/column-management) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding-grid-events.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding-grid-events.mdx index 200b659296..267ef13bda 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding-grid-events.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding-grid-events.mdx @@ -3,6 +3,8 @@ title: "列の非表示グリッド イベント (igGrid)" slug: iggrid-column-hiding-grid-events --- +# 列の非表示グリッド イベント (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列の非表示グリッド イベント (igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding.mdx index fed9501bac..acb9ae172d 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/column-hiding.mdx @@ -6,7 +6,6 @@ slug: iggrid-column-hiding # 列の非表示 (igGrid) - 以下のリンクをクリックして、`igGrid` 列の非表示機能を素早く起動して実行する方法に関する情報を参照してください。 - [列の非表示を有効にする](/iggrid-column-hiding-enabling-column-hiding) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/configure-column-hiding.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/configure-column-hiding.mdx index 7eedcb4deb..dc1c883a0e 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/configure-column-hiding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/configure-column-hiding.mdx @@ -3,6 +3,8 @@ title: "列の非表示の構成 (igGrid)" slug: iggrid-configure-column-hiding --- +# 列の非表示の構成 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列の非表示の構成 (igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/hiding-column-chooser.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/hiding-column-chooser.mdx index 1f3503d5c5..d1058de475 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/hiding-column-chooser.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/hiding/hiding-column-chooser.mdx @@ -3,6 +3,8 @@ title: "列チューザーの構成 (igGrid)" slug: iggrid-hiding-column-chooser --- +# 列チューザーの構成 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列チューザーの構成 (igGrid) @@ -17,7 +19,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下の表は、このトピックを理解するための前提条件として必要なトピックを示しています。 -- [**{environment:ProductName} コントロールのタッチ サポート**](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、{environment:ProductName}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 +- [**\{environment:ProductName\} コントロールのタッチ サポート**](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、\{environment:ProductName\}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 - [**igGrid 機能セレクター**](/iggrid-feature-chooser): このトピックでは、`igGrid` 機能セレクター メニューおよびそのセクションについて説明します。 @@ -160,7 +162,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [**{environment:ProductName} コントロールのタッチ サポート**](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、{environment:ProductName}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 +- [**\{environment:ProductName\} コントロールのタッチ サポート**](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、\{environment:ProductName\}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 - [**igGrid 機能セレクター**](/iggrid-feature-chooser): このトピックでは、`igGrid` 機能セレクター メニューおよびそのセクションについて説明します。 @@ -171,5 +173,5 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [機能セレクター]({environment:SamplesUrl}/grid/column-management): 機能セレクターを紹介するサンプル。 +- [機能セレクター](\{environment:SamplesUrl\}/grid/column-management): 機能セレクターを紹介するサンプル。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-configuring.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-configuring.mdx index dc54b7149a..94deacc956 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-configuring.mdx @@ -355,7 +355,7 @@ $("#grid").igGrid({ このトピックについては、以下のサンプルも参照してください。 -- [列移動]({environment:SamplesUrl}/grid/column-management): このサンプルは、`igGrid` の列移動の構成を示します。 +- [列移動](\{environment:SamplesUrl\}/grid/column-management): このサンプルは、`igGrid` の列移動の構成を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-enabling.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-enabling.mdx index 36a3d6980a..bda791eed0 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-enabling.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-enabling.mdx @@ -6,7 +6,6 @@ slug: iggrid-columnmoving-enabling # 列移動の有効化 (igGrid) - ## トピックの概要 ### 目的 @@ -116,7 +115,7 @@ Code このトピックについては、以下のサンプルも参照してください。 -- [列移動]({environment:SamplesUrl}/grid/column-management): このサンプルは、`igGrid` の列移動の構成を示します。 +- [列移動](\{environment:SamplesUrl\}/grid/column-management): このサンプルは、`igGrid` の列移動の構成を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-landingpage.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-landingpage.mdx index bb21106ad3..4da08287ba 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-landingpage.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-landingpage.mdx @@ -6,7 +6,6 @@ slug: iggrid-columnmoving-landingpage # 列移動 (igGrid) - ## このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-movingcolumnsprogrammatically.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-movingcolumnsprogrammatically.mdx index 4ed9bc2343..f7a83478f1 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-movingcolumnsprogrammatically.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-movingcolumnsprogrammatically.mdx @@ -3,6 +3,8 @@ title: "コードによる列の移動 (igGrid)" slug: iggrid-columnmoving-movingcolumnsprogrammatically --- +# コードによる列の移動 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # コードによる列の移動 (igGrid) @@ -277,7 +279,7 @@ $("#grid1").igGridColumnMoving("moveColumn", "Name", "ProductNumber"); このトピックについては、以下のサンプルも参照してください。 -- [列移動]({environment:SamplesUrl}/grid/column-management): このサンプルは、`igGrid` の列移動の構成を示します。 +- [列移動](\{environment:SamplesUrl\}/grid/column-management): このサンプルは、`igGrid` の列移動の構成を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-overview.mdx index 5f7ada519e..151026e61c 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-overview.mdx @@ -299,7 +299,7 @@ slug: iggrid-columnmoving-overview このトピックについては、以下のサンプルも参照してください。 -- [列移動]({environment:SamplesUrl}/grid/column-management): このサンプルは、`igGrid` の列移動の構成を示します。 +- [列移動](\{environment:SamplesUrl\}/grid/column-management): このサンプルは、`igGrid` の列移動の構成を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-propertyreference.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-propertyreference.mdx index a0b4c185c7..0782977d74 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-propertyreference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/moving/columnmoving-propertyreference.mdx @@ -2,6 +2,9 @@ title: "プロパティ参照 (igGrid)" slug: iggrid-columnmoving-propertyreference --- + +# プロパティ参照 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # プロパティ参照 (igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-configuring.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-configuring.mdx index 8099b6380b..d754f9d527 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-configuring.mdx @@ -426,7 +426,7 @@ slug: iggrid-multicolumnheaders-configuring - バージョン 4 以降の ASP.NET MVC Framework のインストール - Northwind データベースのインストール - Infragistics.Web.Mvc.dll アセンブリへの参照 -- {environment:ProductName} JavaScript とテーマ リソース +- \{environment:ProductName\} JavaScript とテーマ リソース ### <a id="mvc-overview"></a> 概要 @@ -550,7 +550,7 @@ slug: iggrid-multicolumnheaders-configuring - バージョン 3 以降の ASP.NET MVC Framework のインストール - Northwind データベースのインストール - Infragistics.Web.Mvc.dll アセンブリへの参照 -- {environment:ProductName} JavaScript とテーマ リソース +- \{environment:ProductName\} JavaScript とテーマ リソース ### <a id="ccg-mvc-overview"></a> 概要 @@ -696,7 +696,7 @@ slug: iggrid-multicolumnheaders-configuring このトピックについては、以下のサンプルも参照してください。 -- [縮小可能な列グループ]({environment:SamplesUrl}/grid/collapsible-column-groups): このサンプルでは、複数列ヘッダーを縮小可能な列グループと構成する方法を示します。 +- [縮小可能な列グループ](\{environment:SamplesUrl\}/grid/collapsible-column-groups): このサンプルでは、複数列ヘッダーを縮小可能な列グループと構成する方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-multicolumnheaders.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-multicolumnheaders.mdx index 2ed70fe4f8..3da0568d30 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-multicolumnheaders.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/multi-headers/multicolumnheaders-multicolumnheaders.mdx @@ -3,6 +3,8 @@ title: "複数列ヘッダーの概要 (igGrid)" slug: iggrid-multicolumnheaders-multicolumnheaders --- +# 複数列ヘッダーの概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 複数列ヘッダーの概要 (igGrid) @@ -63,7 +65,7 @@ DOM では、複数列ヘッダー機能は THEAD 要素を変更します。THE 以下のサンプルは、複数列ヘッダーの構成方法を示します。 <div class="embed-sample"> - [複数列ヘッダー]({environment:SamplesEmbedUrl}/grid/multi-column-headers) + [複数列ヘッダー](\{environment:SamplesEmbedUrl\}/grid/multi-column-headers) </div> ## <a id="collapsible-column-groups"></a> 縮小可能な列グループ @@ -181,8 +183,8 @@ renderMultiColumnHeader|このメソッドは、呼び出されるとグリッ このトピックについては、以下のサンプルも参照してください。 -- [複数列ヘッダー]({environment:SamplesUrl}/grid/multi-column-headers): このサンプルには、複数列ヘッダーの構成方法が示されています。 -- [縮小可能な複数列ヘッダー]({environment:SamplesUrl}/grid/collapsible-column-groups): このサンプルには、縮小可能な複数列ヘッダーの構成方法が示されています。 +- [複数列ヘッダー](\{environment:SamplesUrl\}/grid/multi-column-headers): このサンプルには、複数列ヘッダーの構成方法が示されています。 +- [縮小可能な複数列ヘッダー](\{environment:SamplesUrl\}/grid/collapsible-column-groups): このサンプルには、縮小可能な複数列ヘッダーの構成方法が示されています。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx index ac23ca3b6d..ecc3e54efb 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/multiple-sorting-dialog.mdx @@ -3,6 +3,8 @@ title: "複数並べ替えダイアログ (igGrid)" slug: iggrid-multiple-sorting-dialog --- +# 複数並べ替えダイアログ (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 複数並べ替えダイアログ (igGrid) @@ -17,7 +19,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下の表は、このトピックを理解するための前提条件として必要なトピックを示しています。 -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、{environment:ProductName}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、\{environment:ProductName\}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 - [igGrid 機能セレクター](/iggrid-feature-chooser): このトピックでは、`igGrid`™ 機能セレクター] メニューとそのそのセクションについて説明します。 @@ -118,7 +120,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <ApiLink type="iggridsorting" member="modalDialogCaptionButtonDesc" section="options" label="modalDialogCaptionButtonDesc" />|[複数並べ替え] ダイアログの降順に並べ替えられた項目ごとにキャプションを指定します。 <ApiLink type="iggridsorting" member="modalDialogCaptionButtonAsc" section="options" label="modalDialogCaptionButtonAsc" />|[複数並べ替え] ダイアログの昇順に並べ替えられた項目ごとにキャプションを指定します。 <ApiLink type="iggridsorting" member="modalDialogCaptionButtonUnsort" section="options" label="modalDialogCaptionButtonUnsort" /> |[複数並べ替え] ダイアログの [並べ替えなし]ボタンのキャプションを指定します。 -<ApiLink type="iggridsorting" member="unsortedColumnTooltip" section="options" label="unsortedColumnTooltip" /> |並べ替えされていない列の {environment:ProductName} テンプレート化形式のカスタム ツールチップ。 +<ApiLink type="iggridsorting" member="unsortedColumnTooltip" section="options" label="unsortedColumnTooltip" /> |並べ替えされていない列の \{environment:ProductName\} テンプレート化形式のカスタム ツールチップ。 <ApiLink type="iggridsorting" member="modalDialogCaptionText" section="options" label="modalDialogCaptionText" />|[複数並べ替え] ダイアログのキャプションのテキストを指定します。 <ApiLink type="iggridsorting" member="modalDialogButtonApplyText" section="options" label="modalDialogButtonApplyText" />|モーダル ダイアログで変更を適用するボタンのテキストを指定します。 <ApiLink type="iggridsorting" member="modalDialogButtonCancelText" section="options" label="modalDialogButtonCancelText" />|モーダル ダイアログで変更を取り消すボタンのテキストを指定します。 @@ -171,7 +173,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、{environment:ProductName}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックでは、\{environment:ProductName\}™ コントロールのタッチ サポート インタラクションの更新内容を紹介します。 - [igGrid 機能セレクター](/iggrid-feature-chooser): このトピックでは、`igGrid`™ 機能セレクター メニューとそのそのセクションについて説明します。 @@ -183,7 +185,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [機能セレクター]({environment:SamplesUrl}/grid/feature-chooser): 機能セレクターを紹介するサンプル。 +- [機能セレクター](\{environment:SamplesUrl\}/grid/feature-chooser): 機能セレクターを紹介するサンプル。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/sorting-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/sorting-overview.mdx index f95c3e2782..17da08a64f 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/sorting-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/sorting-overview.mdx @@ -3,6 +3,8 @@ title: "並べ替えの概要 (igGrid)" slug: iggrid-sorting-overview --- +# 並べ替えの概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 並べ替えの概要 (igGrid) @@ -40,7 +42,7 @@ igGrid コントロールの並べ替え機能では、1 つまたは複数の 以下のサンプルは、並べ替え機能の永続化機能を紹介します。 <div class="embed-sample"> - [機能の永続化]({environment:SamplesEmbedUrl}/grid/feature-persistence) + [機能の永続化](\{environment:SamplesEmbedUrl\}/grid/feature-persistence) </div> ユーザーが `igGrid` を再バインドした後に並べ替えをクリアする以前の動作に戻るには、<ApiLink type="iggridsorting" member="persist" section="options" label="persist" /> オプションで機能を無効できます。以下はコード スニペットです。 @@ -79,7 +81,7 @@ features: [ 以下のサンプルは、並べ替え機能を有効にする方法を示します。 <div class="embed-sample"> - [並べ替え]({environment:SamplesEmbedUrl}/grid/sorting-local) + [並べ替え](\{environment:SamplesEmbedUrl\}/grid/sorting-local) </div> 以下のコード スニペットは、ASPX (MVC) で並べ替えを有効にする方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/sorting.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/sorting.mdx index 273ff4360e..c0c66aec08 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/sorting.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/sorting/sorting.mdx @@ -6,7 +6,6 @@ slug: iggrid-sorting # 並べ替え (igGrid) - `igGrid` 並べ替え機能を素早く起動して実行する方法については、以下のリンクをクリックしてください。 - [並べ替え概要](/iggrid-sorting-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/column-summaries-events.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/column-summaries-events.mdx index 6bac2e9f09..41a875cc13 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/column-summaries-events.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/column-summaries-events.mdx @@ -3,6 +3,8 @@ title: "列集計イベント (igGrid)" slug: iggrid-column-summaries-events --- +# 列集計イベント (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列集計イベント (igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/column-summaries.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/column-summaries.mdx index ab12e9f7d0..faf3f36c0a 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/column-summaries.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/column-summaries.mdx @@ -6,7 +6,6 @@ slug: iggrid-column-summaries # 列集計 (igGrid) - 以下のリンクをクリックして、`igGrid` 列集計機能を素早く起動して実行する方法に関する情報を参照してください。 - [列集計を有効にする](./00_igGrid_Enabling _Column_Summaries.mdx) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx index 7b567901c4..bee01d0170 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/configuring-column-summaries.mdx @@ -3,6 +3,8 @@ title: "列集計の構成 (igGrid)" slug: iggrid-configuring-column-summaries --- +# 列集計の構成 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列集計の構成 (igGrid) @@ -129,7 +131,7 @@ $(function () { 関連リンク: -[集計 (リモート計算)]({environment:SamplesUrl}/grid/summaries-remote) +[集計 (リモート計算)](\{environment:SamplesUrl\}/grid/summaries-remote) ## <a id="calculation-mode"></a> 計算モード (自動/手動) を構成する @@ -491,7 +493,7 @@ $(function () { ### <a id="demo"></a> サンプル <div class="embed-sample"> - [igGrid カスタム集計]({environment:SamplesEmbedUrl}/grid/summaries-custom) + [igGrid カスタム集計](\{environment:SamplesEmbedUrl\}/grid/summaries-custom) </div> ### <a id="topics"></a> 関連トピック diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/enabling-column-summaries.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/enabling-column-summaries.mdx index dd83ac75c7..6ad0d60bf1 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/enabling-column-summaries.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/summaries/enabling-column-summaries.mdx @@ -55,7 +55,7 @@ slug: iggrid-enabling--column-summaries - MVC 固有の要件 - グリッドがデータ ソースに接続されている MS Visual Studio® の MVC 4 または MVC 3 プロジェクトであること - - {environment:ProductNameMVC} dll への参照があること - Infragistics.Web.Mvc.dll + - \{environment:ProductNameMVC\} dll への参照があること - Infragistics.Web.Mvc.dll ### <a id="scrip-requirements"></a> スクリプト要件 @@ -63,7 +63,7 @@ slug: iggrid-enabling--column-summaries 1. jQuery ライブラリ スクリプト 2. jQuery User Interface (UI) ライブラリ スクリプト - 3. {environment:ProductNameMVC} ライブラリ スクリプト + 3. \{environment:ProductNameMVC\} ライブラリ スクリプト 次のコード サンプルは、HTML ファイルのヘッダー セクションに追加されるスクリプトです。 @@ -132,7 +132,7 @@ slug: iggrid-enabling--column-summaries 5. サンプル <div class="embed-sample"> - [igGrid 集計]({environment:SamplesEmbedUrl}/grid/summaries) + [igGrid 集計](\{environment:SamplesEmbedUrl\}/grid/summaries) </div> ## <a id="enabling-mvc"></a> MVC で列集計を有効にする @@ -214,15 +214,15 @@ slug: iggrid-enabling--column-summaries - [列集計の構成 (igGrid)](/iggrid-configuring-column-summaries) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) ### <a id="samples"></a> サンプル -- [列の集計]({environment:SamplesUrl}/grid/summaries) -- [集計 (リモート計算)]({environment:SamplesUrl}/grid/summaries-remote) -- [カスタム集計]({environment:SamplesUrl}/grid/summaries-custom) +- [列の集計](\{environment:SamplesUrl\}/grid/summaries) +- [集計 (リモート計算)](\{environment:SamplesUrl\}/grid/summaries-remote) +- [カスタム集計](\{environment:SamplesUrl\}/grid/summaries-custom) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/template/creating-a-basic-column-template-in-the-iggrid.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/template/creating-a-basic-column-template-in-the-iggrid.mdx index e86081b8eb..dc2cbda952 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/template/creating-a-basic-column-template-in-the-iggrid.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/template/creating-a-basic-column-template-in-the-iggrid.mdx @@ -127,7 +127,7 @@ slug: creating-a-basic-column-template-in-the-iggrid 以下のサンプルは結果のプレビューです。 <div class="embed-sample"> - [列テンプレート]({environment:SamplesEmbedUrl}/grid/column-template) + [列テンプレート](\{environment:SamplesEmbedUrl\}/grid/column-template) </div> ## <a id="related-content"></a> 関連コンテンツ diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-api-reference-landingpage.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-api-reference-landingpage.mdx index 87bc8c8e43..5024e33d92 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-api-reference-landingpage.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-api-reference-landingpage.mdx @@ -6,7 +6,6 @@ slug: iggrid-unboundcolumns-api-reference-landingpage # API リファレンス (非バインド列、igGrid) - ## このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-method-reference.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-method-reference.mdx index 163389ec76..e338d45c3c 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-method-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-method-reference.mdx @@ -2,6 +2,9 @@ title: "メソッド リファレンス (非バインド列、igGrid)" slug: iggrid-unboundcolumns-method-reference --- + +# メソッド リファレンス (非バインド列、igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # メソッド リファレンス (非バインド列、igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-property-reference.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-property-reference.mdx index 8f28d8065d..828c7c1df9 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-property-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/api/unboundcolumns-property-reference.mdx @@ -2,6 +2,9 @@ title: "プロパティ リファレンス (非バインド列、igGrid)" slug: iggrid-unboundcolumns-property-reference --- + +# プロパティ リファレンス (非バインド列、igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # プロパティ リファレンス (非バインド列、igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-known-issues.mdx index 27640cdfcc..91ebecf2a8 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-known-issues.mdx @@ -6,7 +6,6 @@ slug: iggrid-unboundcolumns-known-issues # 既知の問題と制限 (非バインド列、igGrid) - ## トピックの概要 ### 概要 @@ -120,7 +119,7 @@ CRUD 操作の間、非バインド列データは更新と同様にトランザ - [既知の問題と制限 (igGrid)](/iggrid-known-issues): このトピックでは、`igGrid` コントロールに関連する既知の問題点について説明します。 -- [既知の問題点の改訂履歴](/known-issues-revision-history): このトピックのグループでは、ボリューム リリース間の {environment:ProductName} コントロールの既知の問題について説明します。 +- [既知の問題点の改訂履歴](/known-issues-revision-history): このトピックのグループでは、ボリューム リリース間の \{environment:ProductName\} コントロールの既知の問題について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-overview.mdx index dd6624dfa8..4d98d6b343 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-overview.mdx @@ -3,6 +3,8 @@ title: "非バインド列の概要 (igGrid)" slug: iggrid-unboundcolumns-overview --- +# 非バインド列の概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 非バインド列の概要 (igGrid) @@ -55,7 +57,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルは、`igGrid` コントロールの非バインド列の構成について説明します。 <div class="embed-sample"> - [非バインド列]({environment:SamplesEmbedUrl}/grid/unbound-column) + [非バインド列](\{environment:SamplesEmbedUrl\}/grid/unbound-column) </div> ## <a id="configure"></a> 非バインド列を構成する diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-setting-column-as-unbound.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-setting-column-as-unbound.mdx index 473825ec33..4b42ccfccc 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-setting-column-as-unbound.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/unboundcolumns-setting-column-as-unbound.mdx @@ -3,6 +3,8 @@ title: "列を非バインドとして設定 (igGrid)" slug: iggrid-unboundcolumns-setting-column-as-unbound --- +# 列を非バインドとして設定 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列を非バインドとして設定 (igGrid) @@ -138,7 +140,7 @@ namespace UnboundColumns.Models .Render()) ``` -View はモデル `IQueryable<UnboundColumns.Models.Employee>` で厳密に型指定されています。{environment:ProductNameMVC} Grid は、このモデルを使用してデータをバインドします。コードは、キー `FullName` を持つ 1 つの非バインド列でグリッドを構成し、キー `EmployeeFullName` を持つ `ViewData` 変数で値を提供します。 +View はモデル `IQueryable<UnboundColumns.Models.Employee>` で厳密に型指定されています。\{environment:ProductNameMVC\} Grid は、このモデルを使用してデータをバインドします。コードは、キー `FullName` を持つ 1 つの非バインド列でグリッドを構成し、キー `EmployeeFullName` を持つ `ViewData` 変数で値を提供します。 コントローラー: diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-locally.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-locally.mdx index 1ff2fec3e8..a35bdf79ed 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-locally.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-locally.mdx @@ -3,6 +3,8 @@ title: "非バインド列をローカルに生成 (igGrid)" slug: iggrid-unboundcolumns-populating-with-data-locally --- +# 非バインド列をローカルに生成 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 非バインド列をローカルに生成 (igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-overview.mdx index 5539b7738a..69bc3d06b5 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-overview.mdx @@ -3,6 +3,8 @@ title: "非バインド列の生成の概要 (igGrid)" slug: iggrid-unboundcolumns-populating-with-data-overview --- +# 非バインド列の生成の概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 非バインド列の生成の概要 (igGrid) @@ -40,7 +42,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### <a id="summary"></a> 非バインド列を作成する - サマリー -定義済みデータ (外部ソースから、など) を使用してクライアントまたはサーバー上で非バインド列にデータを事前設定できます ({environment:ProductNameMVC} を使用している場合) またはグリッド データ ソースからのデータを計算します。 +定義済みデータ (外部ソースから、など) を使用してクライアントまたはサーバー上で非バインド列にデータを事前設定できます (\{environment:ProductNameMVC\} を使用している場合) またはグリッド データ ソースからのデータを計算します。 クライアント上では、グリッド初期化コードの一部として、または実行時 (グリッドのインスタンス化後) に値を事前設定できます。 @@ -70,7 +72,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### <a id="remote-data"></a> 非バインド列にデータをリモートで追加の概要 -{environment:ProductNameMVC} では、非バインド列は View (チェーン使用時) またはコントローラー (`GridModel` クラス使用時) において設定できます。 +\{environment:ProductNameMVC\} では、非バインド列は View (チェーン使用時) またはコントローラー (`GridModel` クラス使用時) において設定できます。 View では、`UnboundColumnWrapper<T>.UnboundValues(List<object> list)` メソッドでオブジェクト リストを使用することにより非バインド列データを事前設定できます。各セルがその値を計算するためにクライアント上で呼び出される JavaScript 関数名に設定すべき数式メソッドもあります。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-remotely.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-remotely.mdx index ae85315da8..4315b6458f 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-remotely.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/populate/unboundcolumns-populating-with-data-remotely.mdx @@ -204,7 +204,7 @@ namespace UnboundColumns.Models .Render()) ``` -View は非常にシンプルです。厳密に型指定されたモデル `IQueryable<UnboundColumns.Models.Product>` があります。これは、データをバインドするため {environment:ProductNameMVC} Grid により使用されるモデルです。グリッドは、キー `InStock` で 1 つの非バインド列に構成されます。このキーは `Grid<T>.SetUnboundValues(string columnKey, List<object> unboundValues)` への呼び出しによりデータへバインドされます。コードは、プライマリ キーによってグリッド データを持つ非バインド値とグリッド ラッパーが一致するように、プライマリ キーを定義します。 +View は非常にシンプルです。厳密に型指定されたモデル `IQueryable<UnboundColumns.Models.Product>` があります。これは、データをバインドするため \{environment:ProductNameMVC\} Grid により使用されるモデルです。グリッドは、キー `InStock` で 1 つの非バインド列に構成されます。このキーは `Grid<T>.SetUnboundValues(string columnKey, List<object> unboundValues)` への呼び出しによりデータへバインドされます。コードは、プライマリ キーによってグリッド データを持つ非バインド値とグリッド ラッパーが一致するように、プライマリ キーを定義します。 コントローラー: @@ -331,7 +331,7 @@ public class HomeController : Controller .Render()) ``` -厳密に型指定されたビューにはモデル `IQueryable<UnboundColumns.Models.Product>` があります。{environment:ProductNameMVC} Grid は、このモデルを使用してデータをバインドします。コードは、`UnboundColumnWrapper<T>.UnboundValues(List<object> list)` への呼び出しによりデータへバインドされたキー `InStock` を持つ 1 つの非バインド列でグリッドを構成します。 +厳密に型指定されたビューにはモデル `IQueryable<UnboundColumns.Models.Product>` があります。\{environment:ProductNameMVC\} Grid は、このモデルを使用してデータをバインドします。コードは、`UnboundColumnWrapper<T>.UnboundValues(List<object> list)` への呼び出しによりデータへバインドされたキー `InStock` を持つ 1 つの非バインド列でグリッドを構成します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-optimize-performance.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-optimize-performance.mdx index 8f3f7e39c9..3df6fe49bb 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-optimize-performance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-optimize-performance.mdx @@ -51,7 +51,7 @@ MVC シナリオでは、マージ操作が行われる場所を選択できま コントローラーでは、この構成は `GridModel.MergeUnboundColumns` ブール値プロパティで制御されます。 -`MergeUnboundColumns` オプションは、{environment:ProductNameMVC} Grid 使用時の MVC シナリオでのみ意味をなします。クライアント上では、開発者が明示的にこのオプションを設定することはできません。 +`MergeUnboundColumns` オプションは、\{environment:ProductNameMVC\} Grid 使用時の MVC シナリオでのみ意味をなします。クライアント上では、開発者が明示的にこのオプションを設定することはできません。 `MergeUnboundColumns` のデフォルト値は False です。 @@ -67,7 +67,7 @@ MVC シナリオでは、マージ操作が行われる場所を選択できま `MergeUnboundColumns` オプションの設定に失敗するか、明示的に False に設定すると、非バインド列はクライアント上でマージされます。これは、JSON 応答の非バインド列ではデータは応答 *Metadata* の一部として送られ、グリッド データとは別であるという意味です。 -以下のコード スニペットは、{environment:ProductNameMVC} Grid により生成される `igGrid` 初期化コードを示します。データ ソース `Metadata` プロパティには、`DomainName` 非バインド列データを含む `unboundValues` プロパティがあることが分かります。`mergeUnboundColumns = false` は、`igGrid` にデータ ソースのメタデータ内に非バインド列データを探すよう指示しています。 +以下のコード スニペットは、\{environment:ProductNameMVC\} Grid により生成される `igGrid` 初期化コードを示します。データ ソース `Metadata` プロパティには、`DomainName` 非バインド列データを含む `unboundValues` プロパティがあることが分かります。`mergeUnboundColumns = false` は、`igGrid` にデータ ソースのメタデータ内に非バインド列データを探すよう指示しています。 **JavaScript の場合:** @@ -124,7 +124,7 @@ $.ig.loader('igGrid', function() { `MergeUnboundColumns = true` を実行すると、サーバー上でマージが起こります。結果として、典型的なレコード セットとしてデータはクライアントに送られます (応答の中で非バインド列用のメタデータはありません)。クライアント上の `mergeUnboundColumn` プロパティは *true* に設定され、`igGrid` はデータにタッチしません。クライアント上の列構成では、`unbound` プロパティは Grid MVC ラッパーによって false に設定され、そのため `igGrid` は列をバインドとして参照します。この場合、もう 1 つのプロパティ (インターナルとみなされ API マニュアルには記載されません) が列定義の一部として送られます。名前は `unboundDS` であり、`igGrid` で非バインド列を探すために使用可能で[未サポート機能](/iggrid-unboundcolumns-known-issues#remote-filtering-sorting)を無効にします。 -以下のコードは、{environment:ProductNameMVC} Grid から生成された `igGrid` クライアント側コードを示します。キー`DomainName` を持つ列はバインドされませんが、データはデータ ソースの一部です。この場合、その `unbound` プロパティは false に設定され、`mergeUnboundColumns` は true に設定されます。列プロパティの `unboundDS` は true ({environment:ProductNameMVC} Grid により) に設定され、列はバインドされないことが示されます。 +以下のコードは、\{environment:ProductNameMVC\} Grid から生成された `igGrid` クライアント側コードを示します。キー`DomainName` を持つ列はバインドされませんが、データはデータ ソースの一部です。この場合、その `unbound` プロパティは false に設定され、`mergeUnboundColumns` は true に設定されます。列プロパティの `unboundDS` は true (\{environment:ProductNameMVC\} Grid により) に設定され、列はバインドされないことが示されます。 **JavaScript の場合:** diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-rendering-calculated-values.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-rendering-calculated-values.mdx index cbf97d0064..4b2303948e 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-rendering-calculated-values.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/columns/unbound/working/unboundcolumns-rendering-calculated-values.mdx @@ -152,7 +152,7 @@ namespace GridDataBinding.Models .Render()) ``` -ビューは、データにバインドするために {environment:ProductNameMVC} Grid で使用されるモデル `IQueryable<UnboundColumns.Models.Employee>` で厳密に型指定されています。コードは、キー `FullName` のある 1 つの非バインド列でグリッドを構成します。`calcFullName` と呼ばれる JavaScript 関数はクライアント上の値を計算します。これが、`calcFullName` 関数の定義を含むビュー内にスクリプト ブロックを定義する理由です。 +ビューは、データにバインドするために \{environment:ProductNameMVC\} Grid で使用されるモデル `IQueryable<UnboundColumns.Models.Employee>` で厳密に型指定されています。コードは、キー `FullName` のある 1 つの非バインド列でグリッドを構成します。`calcFullName` と呼ばれる JavaScript 関数はクライアント上の値を計算します。これが、`calcFullName` 関数の定義を含むビュー内にスクリプト ブロックを定義する理由です。 `calcFullName` 関数は、データ ソースからの `FirstName` と `LastName` のフィールドを連結します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/configuring-knockout-support.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/configuring-knockout-support.mdx index 91c735832a..69aebf8906 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/configuring-knockout-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/configuring-knockout-support.mdx @@ -2,6 +2,9 @@ title: "Knockout サポートの構成 (igGrid)" slug: iggrid-configuring-knockout-support --- + +# Knockout サポートの構成 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Knockout サポートの構成 (igGrid) @@ -82,7 +85,7 @@ Knockout 管理データ構造にバインドされる `igGrid` のインスタ この手順を実行するには、以下のリソースが必要です。 -1. バージョン 13.1 以降に必要な {environment:ProductName} の JavaScript ファイルと CSS ファイル +1. バージョン 13.1 以降に必要な \{environment:ProductName\} の JavaScript ファイルと CSS ファイル 2. ページで参照される Knockout ライブラリ **JavaScript の場合:** @@ -211,7 +214,7 @@ Knockout 管理データ構造にバインドされる `igGrid` のインスタ 4. **サンプル** <div class="embed-sample"> - [KnockoutJS の構成]({environment:SamplesEmbedUrl}/grid/bind-grid-with-ko) + [KnockoutJS の構成](\{environment:SamplesEmbedUrl\}/grid/bind-grid-with-ko) </div> ## <a id="related-content"></a> 関連コンテンツ @@ -222,7 +225,7 @@ Knockout 管理データ構造にバインドされる `igGrid` のインスタ - [Knockout サポートの構成 (igCombo)](/igcombo-knockoutjs-support): このトピックは、Knockout ライブラリにより管理されるビューモデル オブジェクトをバインドするために `igCombo` コントロールを構成する方法について説明します。 -- [Knockout サポート (エディター)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): このトピックは、Knockout ライブラリにより管理されるビューモデル オブジェクトをバインドするために {environment:ProductName} エディター コントロールを構成する方法について説明します。 +- [Knockout サポート (エディター)](../../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): このトピックは、Knockout ライブラリにより管理されるビューモデル オブジェクトをバインドするために \{environment:ProductName\} エディター コントロールを構成する方法について説明します。 - [Knockout サポートの構成 (igTree)](/igcombo-knockoutjs-support): このトピックは、Knockout ライブラリにより管理される View-Model オブジェクトをバインドするために `igTree` コントロールを構成する方法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/extending-iggrid-modal-dialog.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/extending-iggrid-modal-dialog.mdx index 68b822e3fa..04a92fce6d 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/extending-iggrid-modal-dialog.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/extending-iggrid-modal-dialog.mdx @@ -3,6 +3,8 @@ title: "igGrid モーダル ダイアログの拡張" slug: extending-iggrid-modal-dialog --- +# igGrid モーダル ダイアログの拡張 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igGrid モーダル ダイアログの拡張 @@ -76,7 +78,7 @@ grid.igGrid({ 以下のサンプルは、カスタム ダイアログをグリッドの編集で使用しています。 -- [カスタム モーダル ダイアログ]({environment:SamplesUrl}/grid/customize-updating) +- [カスタム モーダル ダイアログ](\{environment:SamplesUrl\}/grid/customize-updating) ### <a id="topics"></a> トピック diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/feature-chooser.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/feature-chooser.mdx index c30742fb5f..0f1043bebb 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/feature-chooser.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/feature-chooser.mdx @@ -3,6 +3,8 @@ title: "機能セレクター (igGrid)" slug: iggrid-feature-chooser --- +# 機能セレクター (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 機能セレクター (igGrid) @@ -13,7 +15,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルは機能セレクターを紹介します。 <div class="embed-sample"> - [機能セレクター]({environment:SamplesEmbedUrl}/grid/feature-chooser) + [機能セレクター](\{environment:SamplesEmbedUrl\}/grid/feature-chooser) </div> ## タッチ環境とタッチ サポートのない環境 @@ -86,4 +88,4 @@ ENTER/SPACE|関連する操作を適用します (開く/閉じる 追加ドロ - [列チューザーの構成 (igGrid)](/iggrid-hiding-column-chooser) - [igGrid 複数並べ替えモーダル](/iggrid-multiple-sorting-dialog) - [igGrid フィルタリング](/iggrid-filtering) -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls) +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/feature-compatibility-matrixiggrid.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/feature-compatibility-matrixiggrid.mdx index 1043141c63..c2fc2d53b4 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/feature-compatibility-matrixiggrid.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/feature-compatibility-matrixiggrid.mdx @@ -5,7 +5,6 @@ slug: feature-compatibility-matrix(iggrid) # 機能互換性マトリックス (igGrid) - 以下の表は、`igGrid` の機能を同時に有効にした場合の機能間の互換性を示しています。各機能間の制限についての詳細は、既知の問題と制限事項 (`igGrid`) のトピックを参照してください。 凡例 | 説明 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/features-landing-page.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/features-landing-page.mdx index 8ee57b292f..bcc63a36f5 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/features-landing-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/features-landing-page.mdx @@ -6,7 +6,6 @@ slug: iggrid-features-landing-page # igGrid の機能 - - [列管理機能](/iggrid-columnmanagementfeatures-landingpage) - [列の固定](/iggrid-columnfixing-landingpage) - [列のグループ化](/iggrid-groupby) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/handling-remote-features-manually.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/handling-remote-features-manually.mdx index 06625ad5e3..bd5568a8db 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/handling-remote-features-manually.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/handling-remote-features-manually.mdx @@ -3,6 +3,8 @@ title: "リモート機能を手動的に処理 (igGrid)" slug: handling-remote-features-manually --- +# リモート機能を手動的に処理 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # リモート機能を手動的に処理 (igGrid) @@ -37,7 +39,7 @@ features: [ ] ``` -{environment:ProductNameMVC} Grid を使用する際に、関連する `GridDataSourceActionAttribute` 操作を追加し、既定でこれらの機能が処理されることによってリモートが初期化されることを要求します。 +\{environment:ProductNameMVC\} Grid を使用する際に、関連する `GridDataSourceActionAttribute` 操作を追加し、既定でこれらの機能が処理されることによってリモートが初期化されることを要求します。 操作フィルターの属性は、グリッド データを返す MVC 操作を修飾するために使用できます。 例: @@ -56,7 +58,7 @@ public ActionResult GetGridData() 上記メソッドを使用してリモート機能を最大限に活用することをお勧めします。 -MVC ラッパーへアクセスができない場合 (ASP.NET プロジェクトで {environment:ProductName} を使用している場合など)、あるいはこれらの要求を処理するためにカスタム ロジックを構築する必要がある場合があります。 +MVC ラッパーへアクセスができない場合 (ASP.NET プロジェクトで \{environment:ProductName\} を使用している場合など)、あるいはこれらの要求を処理するためにカスタム ロジックを構築する必要がある場合があります。 このトピックは手動で `igGrid` 機能を処理する手順について説明します。 ## <a id="paging"></a> リモート ページングの処理 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/jsrender-integration.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/jsrender-integration.mdx index 9eb0dc3749..a63d4f9120 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/jsrender-integration.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/jsrender-integration.mdx @@ -3,6 +3,8 @@ title: "jsRender の統合 (igGrid)" slug: iggrid-jsrender-integration --- +# jsRender の統合 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jsRender の統合 (igGrid) @@ -83,7 +85,7 @@ ASP.NET MVC|`Grid` の構成で、`TemplatingEngine` メソッドのパラメー この手順を実行するには、以下のリソースが必要です。 -1. バージョン 13.2 に必要な {environment:ProductName} の JavaScript ファイルと CSS ファイル +1. バージョン 13.2 に必要な \{environment:ProductName\} の JavaScript ファイルと CSS ファイル 2. ページで参照される jsRender ライブラリ **JavaScript の場合:** @@ -218,7 +220,7 @@ ASP.NET MVC|`Grid` の構成で、`TemplatingEngine` メソッドのパラメー 5. **サンプル** <div class="embed-sample"> - [igGrid JsRender の結合]({environment:SamplesEmbedUrl}/grid/jsrender-integration) + [igGrid JsRender の結合](\{environment:SamplesEmbedUrl\}/grid/jsrender-integration) </div> ## <a id="row-edit-filter"></a> 行編集テンプレートと詳細フィルタリングとの統合 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/multirowlayout.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/multirowlayout.mdx index f21afe1fea..db0b9e461b 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/multirowlayout.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/multirowlayout.mdx @@ -3,6 +3,8 @@ title: "グリッドの複数行レイアウト" slug: iggrid-multirowlayout --- +# グリッドの複数行レイアウト + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # グリッドの複数行レイアウト @@ -18,7 +20,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="overview"></a> 概要 -複数行レイアウトは {environment:ProductName}™ グリッド (`igGrid`) の機能です。各レコードで繰り返し、セルを含む複数の列および行をまたがる複数の行がある複雑な構造の作成を許可します。この構造は、列が多くあるため水平スクロールバーが必要なグリッド、または表以外の表示の方が必要なグリッドのその他の描画オプションを提供します。 +複数行レイアウトは \{environment:ProductName\}™ グリッド (`igGrid`) の機能です。各レコードで繰り返し、セルを含む複数の列および行をまたがる複数の行がある複雑な構造の作成を許可します。この構造は、列が多くあるため水平スクロールバーが必要なグリッド、または表以外の表示の方が必要なグリッドのその他の描画オプションを提供します。 **図 1: 複数行レイアウトのグリッドの例** @@ -56,7 +58,7 @@ columns: [ 以下のサンプルは、複数行レイアウトを持つ igGrid を構成する方法を紹介します。 <div class="embed-sample"> - [igGrid 複数行レイアウト サンプル]({environment:SamplesEmbedUrl}/grid/multi-row-layout) + [igGrid 複数行レイアウト サンプル](\{environment:SamplesEmbedUrl\}/grid/multi-row-layout) </div> ## <a id="api"></a> 複数行レイアウトのグリッドの API diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/paging.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/paging.mdx index 2ab55032f8..c1cd49fae0 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/paging.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/paging.mdx @@ -27,7 +27,7 @@ slug: iggrid-paging ## <a id="overview"></a> 概要 -{environment:ProductName}™ グリッド、つまり `igGrid` のページング機能では、オリジナル データ ソースから事前に定義された数のレコードだけフェッチすることで、パフォーマンスが向上できるよう、ページ中のデータを分割できます。 +\{environment:ProductName\}™ グリッド、つまり `igGrid` のページング機能では、オリジナル データ ソースから事前に定義された数のレコードだけフェッチすることで、パフォーマンスが向上できるよう、ページ中のデータを分割できます。 **図 1: 一般的なグリッド ページング UI** @@ -52,7 +52,7 @@ slug: iggrid-paging ページング機能は、あえて設定せずに oData サービスへのバインディングをサポートしています。oData へバインドする場合、必須パラメーターはサービス要求で自動的に決定され、設定されます。グリッドの `dataSource` オプションをサービス URL にポイントするだけです。 -{environment:ProductNameMVC} Grid からページングを使用する場合、ページング URL パラメーターを LINQ 式に変換することで、ページング関連のすべてのデータのバインディング ロジックが自動的に行われます。 +\{environment:ProductNameMVC\} Grid からページングを使用する場合、ページング URL パラメーターを LINQ 式に変換することで、ページング関連のすべてのデータのバインディング ロジックが自動的に行われます。 `pageCountLimit` プロパティの値によって、UI はページ リンクからページ インデックス ドロップダウンの描画へ自動的に切り替わります。 @@ -75,7 +75,7 @@ slug: iggrid-paging <script type="text/javascript" src="infragistics.core.js"></script><script type="text/javascript" src="infragistics.lob.js"></script> ``` - ページングに最小限必要な {environment:ProductName}™ スクリプトのみを組み込む場合は、リスト 2 に示すようにスクリプトを参照するだけで組み込むことができます。 + ページングに最小限必要な \{environment:ProductName\}™ スクリプトのみを組み込む場合は、リスト 2 に示すようにスクリプトを参照するだけで組み込むことができます。 - **リスト 2: グリッド ページングを有効にするのに必要な最小限のスクリプトとスタイル** @@ -145,13 +145,13 @@ slug: iggrid-paging ## <a id="sample"></a> **サンプル** <div class="embed-sample"> - [igGrid ページング]({environment:SamplesEmbedUrl}/grid/paging) + [igGrid ページング](\{environment:SamplesEmbedUrl\}/grid/paging) </div> ## <a id="mvc"></a> ASP.NET MVC コード -**リスト 6** は、ASP.NET MVC ビューでページングが有効な {environment:ProductNameMVC} Grid を初期化する方法を紹介します。 +**リスト 6** は、ASP.NET MVC ビューでページングが有効な \{environment:ProductNameMVC\} Grid を初期化する方法を紹介します。 - **リスト 6: ASP.NET MVC のページングが有効になっているグリッドの初期化** @@ -203,7 +203,7 @@ slug: iggrid-paging ## <a id="remote"></a> リモート ページング -{environment:ProductNameMVC} を使用する場合、自動的にリモート ページングを処理します。`ActionResult` (**リスト 6**) を返す `GridDataSourceActionAttribute` 属性を含む操作メソッドを作成する必要があります。操作メソッドはデータを `IQueryable` のインスタンスとして渡します。`IActionFilter` インターフェイスを実装する `GridDataSourceActionAttribute` クラスは、要求パラメーターによってデータを変換して `JsonResult` として返します。 +\{environment:ProductNameMVC\} を使用する場合、自動的にリモート ページングを処理します。`ActionResult` (**リスト 6**) を返す `GridDataSourceActionAttribute` 属性を含む操作メソッドを作成する必要があります。操作メソッドはデータを `IQueryable` のインスタンスとして渡します。`IActionFilter` インターフェイスを実装する `GridDataSourceActionAttribute` クラスは、要求パラメーターによってデータを変換して `JsonResult` として返します。 カスタム リモート サービスを実装している (ASP.NET または PHP などの) 場合、ページャーを正しく初期化して描画するには、サービスで `responseDataKey` (グリッド オプション) および `recordCountKey` (ページング オプション) の両方を指定する必要があります。`recordCountKey` メンバーは、バックエンドに存在する合計レコード数を Paging ウィジェットに通知します。`responseDataKey` は、結果データが含まれる応答のプロパティを指定します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-bootstrap-support.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-bootstrap-support.mdx index 744109a12e..86e68c6138 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-bootstrap-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-bootstrap-support.mdx @@ -3,6 +3,8 @@ title: "ブートストラップ サポートの構成 (igGrid、RWD モード)" slug: iggrid-responsive-web-design-mode-configuring-bootstrap-support --- +# ブートストラップ サポートの構成 (igGrid、RWD モード) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ブートストラップ サポートの構成 (igGrid、RWD モード) @@ -89,5 +91,5 @@ RWD モードのプロファイルで使用するための Twitter Bootstrap 以下のサンプルは、レスポンシブ Web デザイン モード機能について紹介します。Twitter Bootstrap Framework ユーティリティ クラスを使用してプロファイルをアクティブにします。 <div class="embed-sample"> - [Twitter Bootstrap]({environment:SamplesEmbedUrl}/grid/twitter-bootstrap) + [Twitter Bootstrap](\{environment:SamplesEmbedUrl\}/grid/twitter-bootstrap) </div> \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-column-hiding.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-column-hiding.mdx index 8df50f240c..f6a9d0319e 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-column-hiding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-column-hiding.mdx @@ -2,6 +2,9 @@ title: "列非表示の構成 (igGrid、RWD モード)" slug: iggrid-responsive-web-design-mode-configuring-column-hiding --- + +# 列非表示の構成 (igGrid、RWD モード) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列非表示の構成 (igGrid、RWD モード) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-row-and-column-templates.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-row-and-column-templates.mdx index 127e5731ae..e5689926cb 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-row-and-column-templates.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-row-and-column-templates.mdx @@ -3,6 +3,8 @@ title: "列テンプレートの構成 (igGrid、RWD モード)" slug: iggrid-responsive-web-design-mode-configuring-row-and-column-templates --- +# 列テンプレートの構成 (igGrid、RWD モード) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列テンプレートの構成 (igGrid、RWD モード) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-single-column-template.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-single-column-template.mdx index 4e642846f5..3ef19282dc 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-single-column-template.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-single-column-template.mdx @@ -3,6 +3,8 @@ title: "単一列テンプレートの構成 (igGrid、RWD モード)" slug: iggrid-responsive-web-design-mode-configuring-single-column-template --- +# 単一列テンプレートの構成 (igGrid、RWD モード) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 単一列テンプレートの構成 (igGrid、RWD モード) @@ -49,7 +51,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; さまざまなモードを表示するには、このサンプルをモバイル デバイスで開くか、ブラウザー ウィンドウをサイズ変更します。 <div class="embed-sample"> - [レスポンシブ単一列テンプレート]({environment:SamplesEmbedUrl}/grid/responsive-single-column-template) + [レスポンシブ単一列テンプレート](\{environment:SamplesEmbedUrl\}/grid/responsive-single-column-template) </div> ## <a id="related-content"></a> 関連コンテンツ diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-vertical-column-rendering.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-vertical-column-rendering.mdx index 2b2fb0ae80..81949a76a4 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-vertical-column-rendering.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-configuring-vertical-column-rendering.mdx @@ -3,6 +3,8 @@ title: "垂直列レンダリングの構成 (igGrid、RWD モード)" slug: iggrid-responsive-web-design-mode-configuring-vertical-column-rendering --- +# 垂直列レンダリングの構成 (igGrid、RWD モード) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 垂直列レンダリングの構成 (igGrid、RWD モード) @@ -69,7 +71,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルでは、`igGrid` の垂直方向モードのレスポンス Web デザイン機能を紹介しています。レスポンシブ垂直レンダリング モードは、グリッド データを 2 つの列で描画します。左の列は、列のキャプションを含み、右の列はデータを含みます。 <div class="embed-sample"> - [レスポンシブ垂直レンダリング]({environment:SamplesEmbedUrl}/grid/responsive-vertical-rendering) + [レスポンシブ垂直レンダリング](\{environment:SamplesEmbedUrl\}/grid/responsive-vertical-rendering) </div> ### <a id="summary"></a> 垂直列レンダリング構成の概要 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-creating-custom-profile.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-creating-custom-profile.mdx index a59f85aa72..744e2b28c4 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-creating-custom-profile.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/configure/responsive-web-design-mode-creating-custom-profile.mdx @@ -3,6 +3,8 @@ title: "カスタム レスポンス Web デザイン (RWD) プロファイル slug: iggrid-responsive-web-design-mode-creating-custom-profile --- +# カスタム レスポンス Web デザイン (RWD) プロファイルの作成 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # カスタム レスポンス Web デザイン (RWD) プロファイルの作成 (igGrid) @@ -116,7 +118,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **JavaScript の場合:** <div class="embed-sample"> - [レスポンス Web デザイン モード]({environment:SamplesEmbedUrl}/grid/responsive-web-design-mode) + [レスポンス Web デザイン モード](\{environment:SamplesEmbedUrl\}/grid/responsive-web-design-mode) </div> **C# の場合:** diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/responsive-web-design-mode-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/responsive-web-design-mode-overview.mdx index 937b561c84..7d718f3a12 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/responsive-web-design-mode-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/responsive/responsive-web-design-mode-overview.mdx @@ -3,6 +3,8 @@ title: "レスポンス Web デザイン (RWD) モードの概要 (igGrid)" slug: iggrid-responsive-web-design-mode-overview --- +# レスポンス Web デザイン (RWD) モードの概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # レスポンス Web デザイン (RWD) モードの概要 (igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/rest-updating.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/rest-updating.mdx index ece0b6d9b1..d3d75525ee 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/rest-updating.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/rest-updating.mdx @@ -3,6 +3,8 @@ title: "REST の更新 (igGrid)" slug: iggrid-rest-updating --- +# REST の更新 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # REST の更新 (igGrid) @@ -24,7 +26,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - トピック - [igGrid の概要](/iggrid-overview): `igGrid` は、表形式データの表示および操作に使用される jQuery ベースのクライアント側グリッドです。そのライフサイクルはすべてクライアント側で完結しており、サーバー側のテクノロジとは無関係です。 - [igGrid/igDataSource アーキテクチャの概要](/iggrid-igdatasource-architecture-overview): このドキュメントでは、`igDataSource` のアーキテクチャについて解説します。 - - [REST サービスへのバインド (igDataSource)](/igdatasource-binding-to-rest-services): このドキュメントでは、{environment:ProductName}™ データ ソースや `igDataSource` のコントロールに REST サービスをバインドする方法を紹介します。 + - [REST サービスへのバインド (igDataSource)](/igdatasource-binding-to-rest-services): このドキュメントでは、\{environment:ProductName\}™ データ ソースや `igDataSource` のコントロールに REST サービスをバインドする方法を紹介します。 - 外部リソース - Representational State Transfer (REST) - Open Data Protocol @@ -264,7 +266,7 @@ XML としてデータをシリアル化|<ApiLink type="iggrid" member="restSett このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [Web サービスへのバインド](/iggrid-binding-to-web-services): このドキュメントでは、{environment:ProductName}™ グリッドまたは `igGrid` を oData プロトコルの Web ベース データ ソースにバインドする方法を説明します。 +- [Web サービスへのバインド](/iggrid-binding-to-web-services): このドキュメントでは、\{environment:ProductName\}™ グリッドまたは `igGrid` を oData プロトコルの Web ベース データ ソースにバインドする方法を説明します。 - [igGrid、OData、WCF の各データサービスの導入](/iggrid-getting-started-with-iggrid-odata-and-wcf-data-services): このトピックでは、ASP.NET Web アプリケーションに WCF データ サービスをセットアップし、`igGrid` の 2 つのオプションを設定して、リモート ページング、フィルタリング、ソーティングとともにクライアント側の jQuery グリッドをセットアップする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/configuring-row-selectors.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/configuring-row-selectors.mdx index 6861b1c69a..887920f4d4 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/configuring-row-selectors.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/configuring-row-selectors.mdx @@ -3,6 +3,8 @@ title: "行セレクターの構成 (igGrid)" slug: iggrid-configuring-row-selectors --- +# 行セレクターの構成 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 行セレクターの構成 (igGrid) @@ -376,7 +378,7 @@ $(function () { このサンプルでは、`igGrid` における行セレクターの構成方法を紹介します。 <div class="embed-sample"> - [行セレクターの構成]({environment:SamplesEmbedUrl}/grid/row-selectors) + [行セレクターの構成](\{environment:SamplesEmbedUrl\}/grid/row-selectors) </div> diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/enabling-row-selectors.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/enabling-row-selectors.mdx index 5c8bebfbb4..d490bc01ec 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/enabling-row-selectors.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/enabling-row-selectors.mdx @@ -6,7 +6,6 @@ slug: iggrid-enabling-row-selectors # 行セレクターの有効化 (igGrid) - ## トピックの概要 ### 目的 @@ -58,7 +57,7 @@ slug: iggrid-enabling-row-selectors - MVC 固有の要件 - グリッドがデータ ソースに接続されている MS Visual Studio® の MVC 4 以後のプロジェクトであること - - {environment:ProductNameMVC} dll への参照があること - Infragistics.Web.Mvc.dll + - \{environment:ProductNameMVC\} dll への参照があること - Infragistics.Web.Mvc.dll ### <a id="script-requirements"></a> スクリプト要件 @@ -199,13 +198,13 @@ jQuery と MVC が jQuery ウィジェットを再描画するため、両方の - [行セレクターの構成](/iggrid-configuring-row-selectors) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) ### <a id="samples"></a> サンプル -- [行セレクター]({environment:SamplesUrl}/grid/selection) +- [行セレクター](\{environment:SamplesUrl\}/grid/selection) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/row-selectors.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/row-selectors.mdx index 89b623181a..b5eec1f430 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/row-selectors.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/row-selectors.mdx @@ -5,7 +5,6 @@ slug: iggrid-row-selectors # 行セレクター (igGrid) - 以下のリンクをクリックして、`igGrid` 行セレクター機能を素早く起動して実行する方法に関する情報を参照してください。 - [行セレクターを有効にする](/iggrid-enabling-row-selectors) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/rowselectors-events.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/rowselectors-events.mdx index 1364e661d5..9d989ab016 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/rowselectors-events.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/row-selectors/rowselectors-events.mdx @@ -2,6 +2,9 @@ title: "行セレクター イベント (igGrid)" slug: iggrid-rowselectors-events --- + +# 行セレクター イベント (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 行セレクター イベント (igGrid) @@ -77,7 +80,7 @@ $("#grid1").on("iggridrowselectorsrowselectorclicked", function (evt, ui) { ); ``` -> **注:** 詳細については、[{environment:ProductName} でイベントの使用](/using-events-in-igniteui-for-jquery)を参照してください。 +> **注:** 詳細については、[\{environment:ProductName\} でイベントの使用](/using-events-in-igniteui-for-jquery)を参照してください。 ## <a id="reference-chart"></a> イベント参照チャート diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/multiple-cell-selection.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/multiple-cell-selection.mdx index a6e9ae5ede..82b8650a70 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/multiple-cell-selection.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/multiple-cell-selection.mdx @@ -3,6 +3,8 @@ title: "セルの複数選択概要 (igGrid)" slug: iggrid-multiple-cell-selection --- +# セルの複数選択概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # セルの複数選択概要 (igGrid) @@ -17,7 +19,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下の表は、このトピックを理解するための前提条件として必要なトピックを示しています。 -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックは、タッチ対話をサポートするために行われた {environment:ProductName} コントロールの更新を紹介します。 +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックは、タッチ対話をサポートするために行われた \{environment:ProductName\} コントロールの更新を紹介します。 - [igGrid 選択](/iggrid-selection-overview): このトピックでは、`igGrid` 選択の有効化と使用法を説明します。 @@ -74,7 +76,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #### 関連サンプル: -- [igGrid 選択]({environment:SamplesUrl}/grid/selection) +- [igGrid 選択](\{environment:SamplesUrl\}/grid/selection) @@ -110,7 +112,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックは、タッチ対話をサポートするために行われた {environment:ProductName} コントロールの更新を紹介します。 +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックは、タッチ対話をサポートするために行われた \{environment:ProductName\} コントロールの更新を紹介します。 - [igGrid 選択](/iggrid-selection-overview): このトピックでは、`igGrid` 選択の有効化と使用法を説明します。 @@ -121,7 +123,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [選択]({environment:SamplesUrl}/grid/selection): このサンプルは、`igGrid` コントロールでのセル選択の構成を説明します。 +- [選択](\{environment:SamplesUrl\}/grid/selection): このサンプルは、`igGrid` コントロールでのセル選択の構成を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/selection-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/selection-overview.mdx index 9b3af4bfac..00558d4be2 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/selection-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/selection-overview.mdx @@ -3,6 +3,8 @@ title: "選択の概要 (igGrid)" slug: iggrid-selection-overview --- +# 選択の概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 選択の概要 (igGrid) @@ -78,7 +80,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルは、選択機能の永続化機能を紹介します。 <div class="embed-sample"> - [機能の永続化]({environment:SamplesEmbedUrl}/grid/feature-persistence) + [機能の永続化](\{environment:SamplesEmbedUrl\}/grid/feature-persistence) </div> 永続化は、行および列を識別する機能に依存します。 @@ -308,7 +310,7 @@ $('#grid1').igGridSelection('clearSelection'); イベントの処理については、このトピックを参照してください: -[{environment:ProductName} でイベントの使用](/using-events-in-igniteui-for-jquery) +[\{environment:ProductName\} でイベントの使用](/using-events-in-igniteui-for-jquery) - 選択機能を初期化する場合にオプションとしてイベント名を指定してバインドする (最初にイベントをバインドした場合と異なり、イベント名は大文字と小文字を区別しません): @@ -437,5 +439,5 @@ igHierarchicalGrid の選択では、デフォルトで UP/DOWN/LEFT/RIGHT キ ### <a id="samples"></a> サンプル -- [選択]({environment:SamplesUrl}/grid/selection) +- [選択](\{environment:SamplesUrl\}/grid/selection) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/selection.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/selection.mdx index 0793ec0697..15160fc036 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/selection.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/selection/selection.mdx @@ -5,7 +5,6 @@ slug: iggrid-selection # 選択 (igGrid) - 以下のリンクをクリックすると、`igGrid` 選択機能を素早く起動して実行する方法に関する情報を参照できます。 - [選択の概要](/iggrid-selection-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/enabling-tooltips.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/enabling-tooltips.mdx index cc0ddffa7a..e00975a105 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/enabling-tooltips.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/enabling-tooltips.mdx @@ -39,11 +39,11 @@ slug: iggrid-enabling-tooltips - jQuery の要件 - [`igGrid`](/iggrid-overview) がデータ ソースに接続されている HTML 形式の Web ページであること。 - MVC 固有の要件 - - [[{environment:ProductNameMVC} Grid](/iggrid-overview) がデータ ソースに接続されている MS Visual Studio® の MVC 4 以後のプロジェクトであること - - {environment:ProductNameMVC} dll への参照があること - Infragistics.Web.Mvc.dll + - [[\{environment:ProductNameMVC\} Grid](/iggrid-overview) がデータ ソースに接続されている MS Visual Studio® の MVC 4 以後のプロジェクトであること + - \{environment:ProductNameMVC\} dll への参照があること - Infragistics.Web.Mvc.dll ### <a id="script-requirements"></a> スクリプト要件 -{environment:ProductNameMVC} が jQuery ウィジェットをレンダリングするため、{environment:ProductName} と {environment:ProductNameMVC} のサンプルに必要とされるスクリプトは同じです。 +\{environment:ProductNameMVC\} が jQuery ウィジェットをレンダリングするため、\{environment:ProductName\} と \{environment:ProductNameMVC\} のサンプルに必要とされるスクリプトは同じです。 グリッドとそのグループ化機能を実行するためには以下のスクリプトが必要とされます。 - jQuery ライブラリ スクリプト @@ -88,7 +88,7 @@ $("#grid1").igGrid({ 結果を確認するには、ブラウザーで HTML ファイルを開きます。上記のプレビューで示すように、ツールチップは第 1 列と第 3 列のセルにマウスをホバーするたびに表示されるはずです。 -## <a id="adding-mvc"></a> {environment:ProductNameMVC} igGrid ツールチップを追加する +## <a id="adding-mvc"></a> \{environment:ProductNameMVC\} igGrid ツールチップを追加する igGrid 自体を定義すると同時に、ツールチップ機能とその構成値をすべて定義します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx index 225956f929..7396bed260 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/popover-style-for-tooltips.mdx @@ -3,6 +3,8 @@ title: "グリッド ツールチップのスタイル設定 (igGrid)" slug: iggrid-popover-style-for-tooltips --- +# グリッド ツールチップのスタイル設定 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # グリッド ツールチップのスタイル設定 (igGrid) @@ -17,7 +19,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下の表は、このトピックを理解するための前提条件として必要なトピックを示しています。 -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックは、タッチ対話をサポートするために行われた jQuery コントロールの更新を紹介します。 +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックは、タッチ対話をサポートするために行われた jQuery コントロールの更新を紹介します。 - [igGrid™ ツールチップの概要](/iggrid-tooltips-overview): このトピックは、`igGrid` ツールチップを有効にして使用する方法を示します。 @@ -106,7 +108,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igGrid ツールチップの概要](/iggrid-tooltips-overview): `igGrid` ツールチップのプロパティと動作を示すトピック。 -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックは、タッチ対話をサポートするために行われた jQuery コントロールの更新を紹介します。 +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls): このトピックは、タッチ対話をサポートするために行われた jQuery コントロールの更新を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/tooltips-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/tooltips-overview.mdx index 37a3b8f345..ff00dfbce9 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/tooltips-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/tooltips-overview.mdx @@ -3,6 +3,8 @@ title: "ツールチップの概要 (igGrid)" slug: iggrid-tooltips-overview --- +# ツールチップの概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ツールチップの概要 (igGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/tooltips.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/tooltips.mdx index 38ffdcd13f..4769248ab3 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/tooltips.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/tooltips.mdx @@ -6,7 +6,6 @@ slug: igGrid_Tooltips # ツールチップ (igGrid) - 以下のリンクをクリックして、igGrid ツールチップ機能を素早く起動して実行する方法に関する情報を参照してください。 - [ツールチップの概要](/iggrid-tooltips-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/using-tooltips.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/using-tooltips.mdx index b9660e6373..4bb5ab5dc6 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/using-tooltips.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/tooltips/using-tooltips.mdx @@ -3,6 +3,8 @@ title: "ツールチップの構成 (igGrid)" slug: iggrid-using-tooltips --- +# ツールチップの構成 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ツールチップの構成 (igGrid) @@ -171,7 +173,7 @@ $("#grid1").igGrid({ ## <a id="demo"></a> サンプル <div class="embed-sample"> - [igGrid ツールチップ]({environment:SamplesEmbedUrl}/grid/tooltips) + [igGrid ツールチップ](\{environment:SamplesEmbedUrl\}/grid/tooltips) </div> ## <a id="topics"></a> 関連トピック diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx index 41e3d728f5..32f68b4cc0 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/implementing-custom-editor-provider.mdx @@ -3,6 +3,8 @@ title: "カスタム エディター プロバイダーの実装" slug: implementing-custom-editor-provider --- +# カスタム エディター プロバイダーの実装 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # カスタム エディター プロバイダーの実装 @@ -28,7 +30,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 編集モード エディターで行またはセルが編集されているときのアップロード機能これらのエディターは、更新機能で共通の編集コミュニケーション インターフェイスを提供するエディター プロバイダー抽象化によって実装されています。 -更新機能は、エンドユーザーに高度なエクスペリエンスを提供する [{environment:ProductName} エディター](igEditors-LandingPage.html) をラップするエディター プロバイダーのセットとともに提供されます。 +更新機能は、エンドユーザーに高度なエクスペリエンスを提供する [\{environment:ProductName\} エディター](igEditors-LandingPage.html) をラップするエディター プロバイダーのセットとともに提供されます。 ## <a id="editors"></a> ビルトイン エディター タイプ @@ -292,5 +294,5 @@ keyDown: function(evt) { ## <a id="samples"></a> 関連サンプル -- [基本編集]({environment:NewSamplesUrl}/grid/basic-editing) -- [編集 - カスタム エディター プロバイダー]({environment:NewSamplesUrl}/grid/editing-custom-editor-provider) +- [基本編集](\{environment:NewSamplesUrl\}/grid/basic-editing) +- [編集 - カスタム エディター プロバイダー](\{environment:NewSamplesUrl\}/grid/editing-custom-editor-provider) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/implementing-paste-from-excel.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/implementing-paste-from-excel.mdx index b64ad18995..9796713c7b 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/implementing-paste-from-excel.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/implementing-paste-from-excel.mdx @@ -133,7 +133,7 @@ slug: implementing-paste-from-excel これをテストするには、任意の Excel スプレッドシート (またはこのファイル) を開き、行をコピーした後にキーボードを使用してグリッドに貼り付けます。 <div class="embed-sample"> - [Excel から貼り付け]({environment:SamplesEmbedUrl}/grid/paste-from-excel) + [Excel から貼り付け](\{environment:SamplesEmbedUrl\}/grid/paste-from-excel) </div> ## <a id='related'></a> 関連コンテンツ diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/row-template/updating-roweditdialog-configuring.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/row-template/updating-roweditdialog-configuring.mdx index c5d905aa32..fc100c5352 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/row-template/updating-roweditdialog-configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/row-template/updating-roweditdialog-configuring.mdx @@ -232,7 +232,7 @@ captionLabel|ダイアログのキャプションを指定します。設定さ - バージョン 4 以降の ASP.NET MVC Framework のインストール - AdventureWorks データベースのインストール - Infragistics.Web.Mvc.dll アセンブリへの参照 -- 必要な {environment:ProductName} JavaScript とテーマ リソース +- 必要な \{environment:ProductName\} JavaScript とテーマ リソース ### <a id="mvc-overview"></a> 概要 @@ -412,9 +412,9 @@ captionLabel|ダイアログのキャプションを指定します。設定さ このトピックについては、以下のサンプルも参照してください。 -- [行編集ダイアログ]({environment:SamplesUrl}/grid/row-edit-dialog): このサンプルでは、`igGrid` における行編集ダイアログの構成方法を紹介します。 +- [行編集ダイアログ](\{environment:SamplesUrl\}/grid/row-edit-dialog): このサンプルでは、`igGrid` における行編集ダイアログの構成方法を紹介します。 -- [階層グリッド行編集ダイアログ]({environment:SamplesUrl}/hierarchical-grid/row-edit-dialog): このサンプルでは、`igHierarchicalGrid` における行編集ダイアログの構成方法を紹介します。 +- [階層グリッド行編集ダイアログ](\{environment:SamplesUrl\}/hierarchical-grid/row-edit-dialog): このサンプルでは、`igHierarchicalGrid` における行編集ダイアログの構成方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/row-template/updating-roweditdialog.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/row-template/updating-roweditdialog.mdx index f32df9dfcb..31f0cbc1b2 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/row-template/updating-roweditdialog.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/row-template/updating-roweditdialog.mdx @@ -2,6 +2,9 @@ title: "行編集ダイアログの概要 (igGrid)" slug: iggrid-updating-roweditdialog --- + +# 行編集ダイアログの概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 行編集ダイアログの概要 (igGrid) @@ -404,5 +407,5 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 <div class="embed-sample"> - [行編集ダイアログ]({environment:SamplesEmbedUrl}/grid/row-edit-dialog) + [行編集ダイアログ](\{environment:SamplesEmbedUrl\}/grid/row-edit-dialog) </div> \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/updating-migrating-to-the-new-updating.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/updating-migrating-to-the-new-updating.mdx index 75f58b41db..15b920b463 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/updating-migrating-to-the-new-updating.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/updating-migrating-to-the-new-updating.mdx @@ -3,6 +3,8 @@ title: "新しい更新への移行 (igGrid)" slug: iggrid-updating-migrating-to-the-new-updating --- +# 新しい更新への移行 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 新しい更新への移行 (igGrid) @@ -31,7 +33,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### <a id="dependencies"></a> 依存関係 グリッド内の列とセルの編集で igGridUpdating により使用される igEditors スイートの構造と機能が変更され、改善されました。そのため、サポートされる jQuery と jQuery UI の最も古いバージョンが変更されました。バージョン間の違いを、以下の表で説明します。 -||{environment:ProductName} 15.1|{environment:ProductName} 15.2| +||\{environment:ProductName\} 15.1|\{environment:ProductName\} 15.2| |---|:---:|:---:| |**サポートされる最も古い jQuery バージョン**|1.4.4|1.9.1| |**サポートされる最も古い jQuery UI バージョン**|-|1.9.0| diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/updating.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/updating.mdx index e7584bedcf..6fd22d2eef 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/updating.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/updating.mdx @@ -3,6 +3,8 @@ title: "更新の概要 (igGrid)" slug: iggrid-updating --- +# 更新の概要 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 更新の概要 (igGrid) @@ -21,7 +23,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [**更新を有効にする**](#enable) - [JavaScript で igLoader を使用して必要な CSS および JavaScript 参照の追加](#required) - [CSS および JavaScript 参照を静的に読み込む - 更新のみに必要](#minimal-required) -- [**{environment:ProductFamilyName} CLI で更新機能が有効化されている igGrid の追加**](#adding-using-CLI) +- [**\{environment:ProductFamilyName\} CLI で更新機能が有効化されている igGrid の追加**](#adding-using-CLI) - [**行の追加、更新、削除を無効にする**](#disable-row-add-delete) - [**列の設定およびエディター**](#column-settings-editors) - [columnSettings オブジェクトの取得](#retrieving-columnsettings) @@ -105,7 +107,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### <a id="required"></a> JavaScript で igLoader を使用して必要な CSS および JavaScript 参照の追加 -{environment:ProductName} ライブラリのコントロールで必要な JavaScript および CSS リソースの読み込みには、`igLoader`™ コントロールを使用することをお勧めします。最初に、`igLoader` スクリプトをページに追加します。 +\{environment:ProductName\} ライブラリのコントロールで必要な JavaScript および CSS リソースの読み込みには、`igLoader`™ コントロールを使用することをお勧めします。最初に、`igLoader` スクリプトをページに追加します。 **HTML の場合:** @@ -384,15 +386,15 @@ $("#grid1").igGrid({ .DataBind().Render()%> ``` -## <a id="adding-using-CLI"></a> {environment:ProductFamilyName} CLI で更新機能が有効化されている igGrid の追加 +## <a id="adding-using-CLI"></a> \{environment:ProductFamilyName\} CLI で更新機能が有効化されている igGrid の追加 -{environment:ProductFamilyName} CLI のインストール: +\{environment:ProductFamilyName\} CLI のインストール: ``` npm install -g igniteui-cli ``` -{environment:ProductFamilyName} CLI インストール後、{environment:ProductName} プロジェクトを生成し、更新機能が構成された新しい igGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 +\{environment:ProductFamilyName\} CLI インストール後、\{environment:ProductName\} プロジェクトを生成し、更新機能が構成された新しい igGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 ``` ig new <project name> --framework=jquery @@ -401,7 +403,7 @@ ig add grid-editing newGridEditing ig start ``` -すべての利用可能なコマンドおよび詳細な情報については、[「{environment:ProductFamilyName} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、[「\{environment:ProductFamilyName\} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 ## <a id="adding-primarykey"></a> AddNewRow に PrimaryKey を追加 プライマリ キーを含むデータ ソースのグリッドの新しい行を初期化する際、`igGrid` 更新機能の `generatePrimaryKeyValue` イベントが発生し、プライマリ キーの値が新しい行に提供されます。イベント ハンドラーの 2 番目のパラメーターには、新しいプライマリ キーの値をグリッドまで戻すために使用される値メンバーが含まれます。デフォルトでは、この値は、データ ソースの行数と等しい値で初期化されます。以下のコード リストは、グリッドの新しい行に対して新しいプライマリ キーの値を生成する方法の例です。 @@ -640,7 +642,7 @@ $('#grid1').igGridUpdating('updateRow', 1, { 'FirstName': 'Alex' }); 以下のサンプルは更新 API およびイベントを紹介します。 <div class="embed-sample"> - [igGrid 編集 API およびイベント]({environment:SamplesEmbedUrl}/grid/editing-api-events) + [igGrid 編集 API およびイベント](\{environment:SamplesEmbedUrl\}/grid/editing-api-events) </div> ## <a id="client-events"></a> クライアント側イベント @@ -756,8 +758,8 @@ editMode が rowEditTemplate でセルが編集モードの場合、以下のキ ## <a id="samples"></a> 関連サンプル 以下は、その他の役立つサンプルです。 -- [編集]({environment:SamplesUrl}/grid/basic-editing) -- [ライブ更新]({environment:SamplesUrl}/grid/binding-real-time-data) +- [編集](\{environment:SamplesUrl\}/grid/basic-editing) +- [ライブ更新](\{environment:SamplesUrl\}/grid/binding-real-time-data) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx index 88a1a925df..e9788ea809 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/updating/working-with-combo-editor-provider.mdx @@ -3,6 +3,8 @@ title: "igCombo エディター プロバイダーの操作" slug: working-with-combo-editor-provider --- +# igCombo エディター プロバイダーの操作 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igCombo エディター プロバイダーの操作 @@ -93,7 +95,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ただし、`textKey` のポイントするフィールドが `valueKey` のポイントするフィールドと異なる場合、編集後のデータ ソースに保存される実際の値は、選択された項目の値となることに注意してください。テキストは、表示目的のみのため無視されます。 - グリッドのセルに、関連付けられたドロップダウン項目の値ではなくテキストを表示したい場合は、追加の <ApiLink type="iggrid" member="columns.formatter" section="options" label="formatter" /> 関数を列に定義し、値を表示テキストと関連付ける必要があります。類似の例を、次の関連サンプル [コンボ エディターを使用するグリッド]({environment:NewSamplesUrl}/combo/grid-with-combo-editor)に示します。 + グリッドのセルに、関連付けられたドロップダウン項目の値ではなくテキストを表示したい場合は、追加の <ApiLink type="iggrid" member="columns.formatter" section="options" label="formatter" /> 関数を列に定義し、値を表示テキストと関連付ける必要があります。類似の例を、次の関連サンプル [コンボ エディターを使用するグリッド](\{environment:NewSamplesUrl\}/combo/grid-with-combo-editor)に示します。 **JavaScript の場合** ``` @@ -222,8 +224,8 @@ textKey と valueKey が異なり、複数の値を保存するのが難しい ## <a id="samples"></a> 関連サンプル -- [基本編集]({environment:NewSamplesUrl}/grid/basic-editing) -- [コンボ エディターを含むグリッド]({environment:NewSamplesUrl}/combo/grid-with-combo-editor) +- [基本編集](\{environment:NewSamplesUrl\}/grid/basic-editing) +- [コンボ エディターを含むグリッド](\{environment:NewSamplesUrl\}/combo/grid-with-combo-editor) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/virtualization/enabling-and-configuring-virtualization.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/virtualization/enabling-and-configuring-virtualization.mdx index 610531ce5f..e53e3b1b7e 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/virtualization/enabling-and-configuring-virtualization.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/virtualization/enabling-and-configuring-virtualization.mdx @@ -3,6 +3,8 @@ title: "仮想化の有効化と構成 (igGrid)" slug: iggrid-enabling-and-configuring-virtualization --- +# 仮想化の有効化と構成 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 仮想化の有効化と構成 (igGrid) @@ -119,7 +121,7 @@ $("#grid1").igGrid({ 以下のサンプルは固定仮想化を紹介します。 <div class="embed-sample"> - [仮想化 (固定)]({environment:SamplesEmbedUrl}/grid/virtualization-fixed) + [仮想化 (固定)](\{environment:SamplesEmbedUrl\}/grid/virtualization-fixed) </div> ## <a id="fixed-column"></a> 列の仮想化の有効化と構成 @@ -267,7 +269,7 @@ $("#grid1").igGrid({ 以下のサンプルは連続仮想化を紹介します。 <div class="embed-sample"> - [仮想化 (連続)]({environment:SamplesEmbedUrl}/grid/virtualization-continuous) + [仮想化 (連続)](\{environment:SamplesEmbedUrl\}/grid/virtualization-continuous) </div> ## <a id="related-content"></a> 関連コンテンツ diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/features/virtualization/virtualization-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/features/virtualization/virtualization-overview.mdx index 3f365eb3f7..8e980b5f4a 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/features/virtualization/virtualization-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/features/virtualization/virtualization-overview.mdx @@ -5,7 +5,6 @@ slug: iggrid-virtualization-overview # 仮想化概要 (igGrid) - ## このトピックの内容 このトピックは、以下のセクションで構成されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/igdatasource-architecture-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/igdatasource-architecture-overview.mdx index b95f200e3f..bc08f5e4df 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/igdatasource-architecture-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/igdatasource-architecture-overview.mdx @@ -21,7 +21,7 @@ slug: iggrid-igdatasource-architecture-overview ## <a id="overview"></a>概要 -{environment:ProductName}™ グリッド、つまり `igGrid`™ は JavaScript、HTML、および CSS で完全にビルドされたクライアント側グリッド コントロールです。このコントロールのクライアント特有の性質によりサーバー側の技術に関係なく、PHP、Ruby on Rails®、Java™、Python™、Microsoft® ASP.NET™ などでビルドされ、アプリケーションとシームレスに相互作用を行うことができます。 +\{environment:ProductName\}™ グリッド、つまり `igGrid`™ は JavaScript、HTML、および CSS で完全にビルドされたクライアント側グリッド コントロールです。このコントロールのクライアント特有の性質によりサーバー側の技術に関係なく、PHP、Ruby on Rails®、Java™、Python™、Microsoft® ASP.NET™ などでビルドされ、アプリケーションとシームレスに相互作用を行うことができます。 グリッドはモジュール アーキテクチャを使用して構築されており、データ ソースとオプション機能は論理的にグリッド コントロールとは分離しています。プレゼンテーションのロジックが分離していることで、関連付けられたデータ ソース コントロールがページング、並べ替え、フィルタリングなどの機能の処理を引き受けることができます。一方、グリッド自体はプレゼンテーションの詳細にのみ関係します。グリッドがこのモジュール構造でビルドされている一方、まずデータ ソース、次にグリッドを設定する必要はありません。グリッド コントロールのパブリック インターフェイスを介してデータ ソースを簡単に構成できます。 @@ -82,7 +82,7 @@ slug: iggrid-igdatasource-architecture-overview - ***$.ig.XMLDataSource*** - このクラスは特に [XML](http://ja.wikipedia.org/wiki/Extensible_Markup_Language) データを処理するようあらかじめ構成されています。 -> **注:** 上記に一覧されたコントロールは、{environment:ProductName} データ ソース JavaScript ライブラリに組み込まれています。 +> **注:** 上記に一覧されたコントロールは、\{environment:ProductName\} データ ソース JavaScript ライブラリに組み込まれています。 また、高度にカスタマイズされたデータ バインド機能を実現するため、データ ソース コントロールを拡張してそのいずれかの実装をオーバーライドできます。リスト 1 は基本データ ソースを拡張して、JSON データを処理するオプションをあらかじめ構成する方法を示しています。 @@ -242,7 +242,7 @@ $("#grid1").igGridSorting("sortColumn", … ) ; - [パフォーマンス ガイド (igGrid)](/iggrid-performance-guide) - [igGrid のスタイル設定](/iggrid-styling-and-theming) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/iggridexcelexporter-configuring.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/iggridexcelexporter-configuring.mdx index beaac9f573..8399b96151 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/iggridexcelexporter-configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/iggridexcelexporter-configuring.mdx @@ -3,6 +3,8 @@ title: "igGridExcelExporter の構成" slug: iggridexcelexporter-configuring --- +# igGridExcelExporter の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igGridExcelExporter の構成 @@ -23,7 +25,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [スタイルの構成](#configure_styling) - [コールバックのアタッチ (イベント)](#callbacks) - [エクスポート時にオーバーレイを表示](#exporting_overlay) -- [{environment:ProductFamilyName} CLI で Excel エクスポートが構成された igGrid の作成](#adding-using-CLI) +- [\{environment:ProductFamilyName\} CLI で Excel エクスポートが構成された igGrid の作成](#adding-using-CLI) ### 前提条件 - [igGridExcelExporter 概要](iggridexcelexporter-overview.html "igGridExcelExporter Overview") - `igGridExcelExporter` コントロールの一般情報。 @@ -165,17 +167,17 @@ $.ig.GridExcelExporter.exportGrid($("#grid1"), {}, }); ``` -### <a id="adding-using-CLI"></a> {environment:ProductFamilyName} CLI で Excel エクスポートが構成された igGrid の作成 +### <a id="adding-using-CLI"></a> \{environment:ProductFamilyName\} CLI で Excel エクスポートが構成された igGrid の作成 -{environment:ProductFamilyName} CLI を使用して Excel エクスポートが構成された新しい igGrid を簡単にアプリケーションに追加できます。 +\{environment:ProductFamilyName\} CLI を使用して Excel エクスポートが構成された新しい igGrid を簡単にアプリケーションに追加できます。 -{environment:ProductFamilyName} CLI のインストール: +\{environment:ProductFamilyName\} CLI のインストール: ``` npm install -g igniteui-cli ``` -{environment:ProductFamilyName} CLI インストール後、{environment:ProductFamilyName} プロジェクトを生成し、Excel エクスポートが構成された新しい igGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 +\{environment:ProductFamilyName\} CLI インストール後、\{environment:ProductFamilyName\} プロジェクトを生成し、Excel エクスポートが構成された新しい igGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 ``` ig new <project name> @@ -184,11 +186,11 @@ ig add grid-export newGridExport ig start ``` -すべての利用可能なコマンドおよび詳細な情報については、[「{environment:ProductFamilyName} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、[「\{environment:ProductFamilyName\} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 ### <a id="Preview"></a>プレビュー 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/grid/export-client-events]({environment:SamplesEmbedUrl}/grid/export-client-events) + [\{environment:SamplesEmbedUrl\}/grid/export-client-events](\{environment:SamplesEmbedUrl\}/grid/export-client-events) </div> \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/iggridexcelexporter-overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/iggridexcelexporter-overview.mdx index a764c5a071..0e91783c67 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/iggridexcelexporter-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/iggridexcelexporter-overview.mdx @@ -3,6 +3,8 @@ title: "Grid Excel エクスポーターの概要" slug: iggridexcelexporter-overview --- +# Grid Excel エクスポーターの概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Grid Excel エクスポーターの概要 @@ -22,7 +24,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - エクスポート処理全体でコールバック (イベント) を提供 ## 前提条件 -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) - {environment:ProductName}™ ライブラリについての一般的情報。 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) - \{environment:ProductName\}™ ライブラリについての一般的情報。 - [igGrid の概要](/iggrid-overview) - `igGrid` コントロールについての一般的情報。 ## 依存関係 @@ -86,7 +88,7 @@ $.ig.GridExcelExporter.exportGrid( 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/grid/export-basic-grid]({environment:SamplesEmbedUrl}/grid/export-basic-grid) + [\{environment:SamplesEmbedUrl\}/grid/export-basic-grid](\{environment:SamplesEmbedUrl\}/grid/export-basic-grid) </div> ## 関連コンテンツ @@ -97,7 +99,7 @@ $.ig.GridExcelExporter.exportGrid( ### <a id="samples"></a> サンプル -- [基本グリッドを Excel にエクスポート]({environment:SamplesUrl}/grid/export-basic-grid) -- [機能とグリッドを Excel へエクスポート]({environment:SamplesUrl}/grid/export-feature-rich-grid) -- [グリッド Excel エクスポートのカスタマイズ]({environment:SamplesUrl}/grid/export-client-events) -- [進行状況インジケーターとグリッドを Excel へエクスポート]({environment:SamplesUrl}/grid/export-grid-loading-indicator) +- [基本グリッドを Excel にエクスポート](\{environment:SamplesUrl\}/grid/export-basic-grid) +- [機能とグリッドを Excel へエクスポート](\{environment:SamplesUrl\}/grid/export-feature-rich-grid) +- [グリッド Excel エクスポートのカスタマイズ](\{environment:SamplesUrl\}/grid/export-client-events) +- [進行状況インジケーターとグリッドを Excel へエクスポート](\{environment:SamplesUrl\}/grid/export-grid-loading-indicator) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/jquery-api.mdx index 9da6007c66..3a6c8d38fe 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/jquery-api.mdx @@ -3,13 +3,15 @@ title: "jQuery と MVC API リンク (igGrid)" slug: iggrid-jquery-api --- +# jQuery と MVC API リンク (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リンク (igGrid) -`igGrid` は、{environment:ProductNameMVC} Grid を含む jQuery UI ウィジェットとしてビルドされます。各 API の詳細については、以下の API ドキュメントを参照してください。 +`igGrid` は、\{environment:ProductNameMVC\} Grid を含む jQuery UI ウィジェットとしてビルドされます。各 API の詳細については、以下の API ドキュメントを参照してください。 - <ApiLink type="igGrid" label="igGrid jQuery API" /> - [igGrid MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel.html) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/known-issues.mdx index 16630189ba..0a0c73d426 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/known-issues.mdx @@ -3,6 +3,8 @@ title: "既知の問題と制限 (igGrid)" slug: iggrid-known-issues --- +# 既知の問題と制限 (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限 (igGrid) @@ -34,7 +36,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; [showHeader オプションが正しく動作しない](#showHeader)|グリッドの初期化で <ApiLink type="iggrid" member="showHeader" section="options" label="showHeader" /> オプションが false に設定されている場合、API を使用してそれを true のランタイムに設定すると、ヘッダーが表示されません。 | ![](../../images/images/positive.png) [Mac OS での水平スクロールバーの表示の問題](#scrollbar-mac)|Mac OS® で、*Show scrollbars only when scrolling* オプションを true に設定した場合、グリッドの水平スクロールバーは表示されません。これは、グリッドの水平スクロールバーで、`overflow` が hidden に設定されているためです。 | ![](../../images/images/positive.png) 自動生成の列で、ソースはキー / 値ペアが含まれている必要がある|グリッドの列が自動生成の場合 (たとえば、<ApiLink type="iggrid" member="autoGenerateColumns" section="options" label="autoGenerateColumns" /> が有効な場合)、ソースは常にキー / 値のペアを含む必要があります。含まれていない場合は、グリッドが正しく描画されない可能性があります。 | ![](../../images/images/positive.png) -機能を複数回定義できない|**JavaScript の場合:**<br />`igGrid` と `igHierarchicalGrid`™ のいずれの場合も、1 つの機能を複数回定義するとエラーがスローします。<br />**MVC の場合:**<br />`igGrid` と `igHierarchicalGrid` のいずれの場合も、{environment:ProductNameMVC} で機能を複数回定義すると、最後の定義のみが取り入れられます。 | ![](../../images/images/negative.png) +機能を複数回定義できない|**JavaScript の場合:**<br />`igGrid` と `igHierarchicalGrid`™ のいずれの場合も、1 つの機能を複数回定義するとエラーがスローします。<br />**MVC の場合:**<br />`igGrid` と `igHierarchicalGrid` のいずれの場合も、\{environment:ProductNameMVC\} で機能を複数回定義すると、最後の定義のみが取り入れられます。 | ![](../../images/images/negative.png) [チェックボックスの表示が、テンプレート (行および列) と一致しない](#checkbox-template)|テンプレート機能を使用し、`renderCheckboxes` オプションを true に設定した場合、ブール値の列にテンプレートが定義されているかどうかをチェックできないため、ブール値の列にはチェックボックスが表示されません。 | ![](../../images/images/positive.png) API メソッドの呼び出しは関連イベントを直接発生させません。 | プログラムによる API メソッドの呼び出しはその操作に関連するイベントを発生させません。イベントは個別のユーザー操作によってのみ発生します。| ![](../../images/images/negative.png) [KnockoutJS の監視可能な配列機能が制限される](#knockout-observable-array)|`unshift`、`reverse`、および `sort` の監視可能な配列機能を使用すると、グリッドのビジュアル外観が誤って表示されます。 | ![](../../images/images/positive.png) @@ -211,7 +213,7 @@ IE 9 で選択機能が正しく動作しない|Internet Explorer 9 では、テ 問題|説明|状態 ------|-------------|------- -[リモート データを使用したカスタム集計の使用時の制限](#summaries-custom-remote)| {environment:ProductNameMVC} Grid は、デフォルトでカスタム サマリーを処理できません。したがって、カスタム サマリーを別に作成して、計算する必要があります。 | ![](../../images/images/positive.png) +[リモート データを使用したカスタム集計の使用時の制限](#summaries-custom-remote)| \{environment:ProductNameMVC\} Grid は、デフォルトでカスタム サマリーを処理できません。したがって、カスタム サマリーを別に作成して、計算する必要があります。 | ![](../../images/images/positive.png) 基本の数値フォーマットのみのサポート|<ApiLink type="iggridgroupby" member="summarySettings.summaryFormat" section="options" label="summaryFormat" /> プロパティは基本の数値フォーマットのみをサポートします。たとえば、$ 0.00 のような形式は「$」記号を表示することはできません。 | ![](../../images/images/negative.png) [カスタム メソッド設定時の制限](#summaries-custom-methods)|カスタム メソッドを設定する場合は、順序および集計オペランドの <ApiLink type="iggridsummaries" member="columnSettings.summaryOperands.summaryCalculator" section="options" label="summaryCalculator" /> オプションの設定を強く推奨します。 | ![](../../images/images/positive.png) @@ -437,9 +439,9 @@ Mac OS で、**Show scrollbars only when scrolling** オプションを true に > > 非バインド列が定義される場合、並べ替え、フィルタリング、グループ化機能のためにローカル構成を使用します。 -### <a id="SetUnboundValues"></a> {environment:ProductNameMVC} Grid の SetUnboundValues(<列キー>, <値のディクショナリ>) メソッド オーバーロードにはプライマリ キーが必要とされる +### <a id="SetUnboundValues"></a> \{environment:ProductNameMVC\} Grid の SetUnboundValues(<列キー>, <値のディクショナリ>) メソッド オーバーロードにはプライマリ キーが必要とされる -{environment:ProductNameMVC} Grid の [`SetUnboundValues(<列キー>, <値のディクショナリ>)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~SetUnboundValues.html) メソッド オーバーロードにはプライマリ キーが必要とされるこのオーバーロードは、プライマリ キーに関するパラメーターと、プライマリ キーおよび非バインド値ペアのディクショナリーに関するパラメーターを備えています。ディクショナリーに含まれるプライマリ キーは、グリッド内の行のプライマリ キーであり、非バインド値は、その列キーに一致するキーを持つ非バインド列内に設定されることになる値です。 +\{environment:ProductNameMVC\} Grid の [`SetUnboundValues(<列キー>, <値のディクショナリ>)`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~SetUnboundValues.html) メソッド オーバーロードにはプライマリ キーが必要とされるこのオーバーロードは、プライマリ キーに関するパラメーターと、プライマリ キーおよび非バインド値ペアのディクショナリーに関するパラメーターを備えています。ディクショナリーに含まれるプライマリ キーは、グリッド内の行のプライマリ キーであり、非バインド値は、その列キーに一致するキーを持つ非バインド列内に設定されることになる値です。 > **回避方法** > @@ -447,7 +449,7 @@ Mac OS で、**Show scrollbars only when scrolling** オプションを true に ### <a id="unbound-mvc-helper"></a> ビュー内でのグリッド ヘルパーの使用に制限がある -データ ソースがリモートにあり、[`MergeUnboundColumns`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~MergeUnboundColumns.html) が true に設定されている場合、View でグリッド ヘルパーを使用できないデータ ソースがリモートにあり、`MergeUnboundColumns` プロパティが true に設定されている場合、ASP.NET MVC ビューの内部では {environment:ProductNameMVC} Grid が使用できないようになっています。 +データ ソースがリモートにあり、[`MergeUnboundColumns`](Infragistics.Web.Mvc~Infragistics.Web.Mvc.GridModel~MergeUnboundColumns.html) が true に設定されている場合、View でグリッド ヘルパーを使用できないデータ ソースがリモートにあり、`MergeUnboundColumns` プロパティが true に設定されている場合、ASP.NET MVC ビューの内部では \{environment:ProductNameMVC\} Grid が使用できないようになっています。 チェーン処理を介して設定できるオプションがいくつかありますが、リモート要求が実行される場合、こうしたオプションは、その要求に設定されている既定値にリセットされます。 @@ -804,7 +806,7 @@ IE で行を選択すると、行にフォーカスが適用され、`igGrid` ### <a id="summaries-custom-remote"></a> リモート データを使用したカスタム集計の使用時の制限 -{environment:ProductNameMVC} は、デフォルトでカスタム サマリーを処理できません。 +\{environment:ProductNameMVC\} は、デフォルトでカスタム サマリーを処理できません。 したがって、カスタム サマリーを別に作成して、計算する必要があります。 > **回避方法** diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/migrating-enableutcdates-option-in-17-1.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/migrating-enableutcdates-option-in-17-1.mdx index 98f634d6ae..a1259c4eb2 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/migrating-enableutcdates-option-in-17-1.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/migrating-enableutcdates-option-in-17-1.mdx @@ -3,6 +3,8 @@ title: "17.1 の enableUTCDates オプションの移行" slug: migrating-enableUTCDates-option-in-17-1 --- +# 17.1 の enableUTCDates オプションの移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 17.1 の enableUTCDates オプションの移行 @@ -13,15 +15,15 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - <ApiLink type="iggrid" member="enableUTCDates" section="options" label="enableUTCDates" /> - このオプションは igDateEditor および igDatePicker のオプションと同様です。日付の表示と関係ありません。日付のシリアル化のみを指定します。日付が [UTC ISO 8061](https://en.wikipedia.org/wiki/ISO_8601#UTC) 文字列またはローカル時間およびタイムゾーン値でシリアル化されるかどうかを指定します。 たとえば、GMT の前の 5 時のローカル オフセットを持つクライアントからの「10:00」は、「2016-11-11T10:00:00+05:00」としてシリアル化されます。オプションのデフォルトの 'false' 値の場合です。それ以外の場合、日付は ISO UTC 形式を使用します: "2016-11-11T05:00:00Z"。 -- <ApiLink type="iggrid" member="columns.dateDisplayType" section="options" label="dateDisplayType" /> – このオプションは columns 定義の部分で、日付列で使用できます。"local" (デフォルト値) に設定される場合、グリッドは日付をローカル タイム ゾーンで描画します。utc" に設定される場合、グリッドは日付を UTC で描画します。デフォルトの {environment:ProductNameMVC} Grid のシナリオを処理するもう 1 つの動作がそのオプションで実装されます。タイム ゾーン オフセットのメタデータを持つデータ ソースが必要です。日付は追加されたオフセット (UTC) で描画されます。これはサーバーで表示される日付をユーザーに表示するためです。dateDisplayType オプションは日付型以外の列に影響せず、無視されます。 +- <ApiLink type="iggrid" member="columns.dateDisplayType" section="options" label="dateDisplayType" /> – このオプションは columns 定義の部分で、日付列で使用できます。"local" (デフォルト値) に設定される場合、グリッドは日付をローカル タイム ゾーンで描画します。utc" に設定される場合、グリッドは日付を UTC で描画します。デフォルトの \{environment:ProductNameMVC\} Grid のシナリオを処理するもう 1 つの動作がそのオプションで実装されます。タイム ゾーン オフセットのメタデータを持つデータ ソースが必要です。日付は追加されたオフセット (UTC) で描画されます。これはサーバーで表示される日付をユーザーに表示するためです。dateDisplayType オプションは日付型以外の列に影響せず、無視されます。 ->**注:** {environment:ProductNameMVC} Grid が初期化された場合、`enableUTCDates` がデフォルトで `true` に設定されます。{environment:ProductName} Grid が初期化された場合、オプションがデフォルトで `false` に設定されます。たとえば、`enableUTCDates` がデフォルト動作を使用し、{environment:ProductNameMVC} が使用される場合、日付が ISO UTC 形式 ("2016-11-11T05:00:00Z") でシリアル化されます。MVC 以外のシナリオで `enableUTCDates` を指定しない場合は日付をローカル時間およびゾーン値 ("2016-11-11T10:00:00+05:00") にシリアル化します。 +>**注:** \{environment:ProductNameMVC\} Grid が初期化された場合、`enableUTCDates` がデフォルトで `true` に設定されます。\{environment:ProductName\} Grid が初期化された場合、オプションがデフォルトで `false` に設定されます。たとえば、`enableUTCDates` がデフォルト動作を使用し、\{environment:ProductNameMVC\} が使用される場合、日付が ISO UTC 形式 ("2016-11-11T05:00:00Z") でシリアル化されます。MVC 以外のシナリオで `enableUTCDates` を指定しない場合は日付をローカル時間およびゾーン値 ("2016-11-11T10:00:00+05:00") にシリアル化します。 日付の処理を理解するには、日付の保存方法および保存場所が重要です。すべてのレコードおよび (日付などの) 値は igDataSource で保存されます。日付を保存する前に、まだ Date オブジェクトではない場合、igDataSource はそれを Date オブジェクトに変換します。保存された後、グリッド セルに表示されます。この表示は $.ig.formatter によって実行されます。formatter は `dateDisplayType` オプションに基づいて日付を描画します。 もうひとつの動作変更は、トランザクション ログがシリアル化された日付を含みません。すべての日付は Date オブジェクトとして保存し、シリアル化が saveChanges が呼び出したときに渡されたパラメーターのみに適用されます。enableUTCDates オプションはシリアル化の方法を示します。 -17.1 以後で、{environment:ProductNameMVC} は以下の形式で日付を送信します。 +17.1 以後で、\{environment:ProductNameMVC\} は以下の形式で日付を送信します。 ```js { @@ -52,9 +54,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; `enableUTCDates` オプションは、グリッドが日付を表示してセルで使用する方法を決定します。 - 有効な場合、グリッドはクライアント オフセットを無視して UTC 時間を表示します。たとえば、値が 2009-02-15T04:00:00Z の場合、クライアントで GMT+02:00 オフセットされます。その場合、グリッドは 04:00 を使用します。また、並べ替えおよびフィルター機能はこの値を比較操作で使用します。 - 無効な場合、グリッドはクライアント オフセットを適用してローカル時間を使用します。たとえば、データ ソースの値が 2009-02-15T04:00:00Z で、クライアント オフセットが GMT+02:00 です。この場合、グリッドは 06:00 を使用します。 ->**注:** {environment:ProductNameMVC} Grid が使用された場合、デフォルトで enableUTCDates オプションは有効にされます。それ以外の場合、オプションはデフォルトで無効されます。 +>**注:** \{environment:ProductNameMVC\} Grid が使用された場合、デフォルトで enableUTCDates オプションは有効にされます。それ以外の場合、オプションはデフォルトで無効されます。 ->**注:** {environment:ProductNameMVC} がデータ ソースの処理で使用されたか、データ ソースがリモートで GridDataSource 属性が使用された場合、タイム ゾーン オフセットを持つメタデータが生成されます。 +>**注:** \{environment:ProductNameMVC\} がデータ ソースの処理で使用されたか、データ ソースがリモートで GridDataSource 属性が使用された場合、タイム ゾーン オフセットを持つメタデータが生成されます。 ```js "Metadata": { @@ -108,7 +110,7 @@ allTransactions() API メソッドから返されたトランザクションは ## igGrid、igHierarchicalGrid または igTreeGrid を 16.2 から 17.1 以後へ移行 17.1 以後、igDataSource は Microsoft 日付形式をサポートしません: `/Date(1234656000000)/`。提供されたデータ ソースがそのようなデータを含む場合、ISO UTC 形式 "2009-02-15T00:00:00Z" に変更する必要があります。 -{environment:ProductNameMVC} が使用される場合、ユーザーによる構成が必要な項目はありません。{environment:ProductNameMVC} は内部で Microsoft 形式を使用していましたが、17.1 以後では ISO UTC 形式で日付を送信します。 +\{environment:ProductNameMVC\} が使用される場合、ユーザーによる構成が必要な項目はありません。\{environment:ProductNameMVC\} は内部で Microsoft 形式を使用していましたが、17.1 以後では ISO UTC 形式で日付を送信します。 17.1 以後のバージョンで UTC 時間を表示: ```js @@ -143,7 +145,7 @@ $('#Grid1').igGrid({ }); ``` -{environment:ProductNameMVC} 17.1 以後: +\{environment:ProductNameMVC\} 17.1 以後: ```csharp @(Html.Infragistics().Grid(Model) .ID("Grid1") @@ -163,7 +165,7 @@ $('#Grid1').igGrid({ .Render() ) ``` -{environment:ProductNameMVC} 16.2 以前: +\{environment:ProductNameMVC\} 16.2 以前: ```csharp @(Html.Infragistics().Grid(Model) @@ -218,7 +220,7 @@ $('#Grid1').igGrid({ }); ``` -{environment:ProductNameMVC} 17.1 以後: +\{environment:ProductNameMVC\} 17.1 以後: ```csharp .ID("Grid1") .AutoGenerateColumns(false) @@ -237,7 +239,7 @@ $('#Grid1').igGrid({ .Render() ) ``` -{environment:ProductNameMVC} 16.2 以前: +\{environment:ProductNameMVC\} 16.2 以前: ```csharp @(Html.Infragistics().Grid(Model) .ID("Grid1") @@ -260,7 +262,7 @@ $('#Grid1').igGrid({ ``` ->**注:** デフォルトの {environment:ProductNameMVC} Grid がサーバー形式で日付を表示します。初期化が {environment:ProductNameMVC} で実行されない場合、デフォルト動作でローカル時間を表示します。 +>**注:** デフォルトの \{environment:ProductNameMVC\} Grid がサーバー形式で日付を表示します。初期化が \{environment:ProductNameMVC\} で実行されない場合、デフォルト動作でローカル時間を表示します。 -クライアント日付を表示する方法の詳細については、[{environment:ProductName} コントロールを別のタイム ゾーンで使用](/Using-igniteui-controls-in-different-time-zones)トピックの「サーバー日付を無視してクライアント側の日付を表示」セクションを参照してください。 +クライアント日付を表示する方法の詳細については、[\{environment:ProductName\} コントロールを別のタイム ゾーンで使用](/Using-igniteui-controls-in-different-time-zones)トピックの「サーバー日付を無視してクライアント側の日付を表示」セクションを参照してください。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/overview.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/overview.mdx index fb2c57156c..d62cae8baa 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/overview.mdx @@ -3,6 +3,8 @@ title: "igGrid の概要" slug: iggrid-overview --- +# igGrid の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igGrid の概要 @@ -38,17 +40,17 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - 豊富なクライアント側 API - ASP.NET MVC ラッパー -## {environment:ProductFamilyName} CLI で igGrid を追加 +## \{environment:ProductFamilyName\} CLI で igGrid を追加 -新しい igGrid を簡単にアプリケーションに追加するには、{environment:ProductFamilyName} CLI を使用します。 +新しい igGrid を簡単にアプリケーションに追加するには、\{environment:ProductFamilyName\} CLI を使用します。 -{environment:ProductFamilyName} CLI のインストール: +\{environment:ProductFamilyName\} CLI のインストール: ``` npm install -g igniteui-cli ``` -{environment:ProductFamilyName} CLI インストール後、{environment:ProductFamilyName} プロジェクトを生成し、新しい igGrid コンポーネントを追加してプロジェクトをビルドおよび公開すためにカスタム コマンドを実行するには、以下のコマンドを使用します。 +\{environment:ProductFamilyName\} CLI インストール後、\{environment:ProductFamilyName\} プロジェクトを生成し、新しい igGrid コンポーネントを追加してプロジェクトをビルドおよび公開すためにカスタム コマンドを実行するには、以下のコマンドを使用します。 ``` ig new <project name> @@ -57,15 +59,15 @@ ig add grid newGrid ig start ``` -すべての利用可能なコマンドおよび詳細な情報については、[「{environment:ProductFamilyName} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、[「\{environment:ProductFamilyName\} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 ## igGrid の Web ページへの追加 -次のステップは、いずれかの jQuery クライアント コードを使用して、Web ページに jQuery グリッドの基本的な実装を作成する方法を示します。どの実装を選択するかについて詳細は、[「{environment:ProductName} の概要」](/igniteui-for-jquery-overview)を参照してください。 +次のステップは、いずれかの jQuery クライアント コードを使用して、Web ページに jQuery グリッドの基本的な実装を作成する方法を示します。どの実装を選択するかについて詳細は、[「\{environment:ProductName\} の概要」](/igniteui-for-jquery-overview)を参照してください。 -[igGrid の概要のサンプル]({environment:SamplesUrl}/grid/overview) +[igGrid の概要のサンプル](\{environment:SamplesUrl\}/grid/overview) -最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 1. HTML ページに**必要な JavaScript および CSS ファイルを参照**してください。**HTML の場合:** @@ -169,7 +171,7 @@ ig start 6. サンプル <div class="embed-sample"> - [igGrid グリッド API およびイベント]({environment:SamplesEmbedUrl}/grid/grid-api-events) + [igGrid グリッド API およびイベント](\{environment:SamplesEmbedUrl\}/grid/grid-api-events) </div> ## 関連コンテンツ @@ -177,8 +179,8 @@ ig start ### トピック - [igGrid/igDataSource アーキテクチャの概要](/iggrid-igdatasource-architecture-overview) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/performance-guide.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/performance-guide.mdx index 37b754492f..bb3decccb7 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/performance-guide.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/performance-guide.mdx @@ -3,6 +3,8 @@ title: "パフォーマンス ガイド (igGrid)" slug: iggrid-performance-guide --- +# パフォーマンス ガイド (igGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # パフォーマンス ガイド (igGrid) @@ -32,7 +34,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="overview"></a> 概要 -{environment:ProductName}® `igGrid` は、デフォルトのままでも非常に優れたパフォーマンスを提供します。特殊なケースでは、設定をデフォルトから変更することで、(機能を犠牲にせずに) グリッドのパフォーマンスがさらに向上します。 +\{environment:ProductName\}® `igGrid` は、デフォルトのままでも非常に優れたパフォーマンスを提供します。特殊なケースでは、設定をデフォルトから変更することで、(機能を犠牲にせずに) グリッドのパフォーマンスがさらに向上します。 グリッドのパフォーマンスを微調整する方法について学ぶ前に、まず、グリッドの基本的なビルディング ブロックについて理解しましょう。 diff --git a/docs/jquery/src/content/ja/topics/controls/iggrid/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/iggrid/styling-and-theming.mdx index 7ba5013468..f1c7bb4163 100644 --- a/docs/jquery/src/content/ja/topics/controls/iggrid/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iggrid/styling-and-theming.mdx @@ -7,7 +7,7 @@ slug: iggrid-styling-and-theming ## 必要な CSS とテーマ -{environment:ProductName}™ グリッド (`igGrid`) は、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。{environment:ProductName} には、Infragistics および Metro と呼ばれるカスタム jQuery UI テーマが含まれています。これらのテーマによって、Infragistics ウィジェットおよび標準の jQuery UI ウィジェットが、プロフェッショナルで魅力的な外観になります。 +\{environment:ProductName\}™ グリッド (`igGrid`) は、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。\{environment:ProductName\} には、Infragistics および Metro と呼ばれるカスタム jQuery UI テーマが含まれています。これらのテーマによって、Infragistics ウィジェットおよび標準の jQuery UI ウィジェットが、プロフェッショナルで魅力的な外観になります。 Infragistics および Metro テーマに加えて、Infragistics ウィジェットの基本 CSS レイアウトに必要な structure ディレクトリがあります。 @@ -80,7 +80,7 @@ Metro テーマは、jQuery テーマの後に参照されます。`igGrid` コ ## ThemeRoller の使用 -ThemeRoller は jQuery UI が提供するツールで、これを使用すると、jQuery UI ウィジェットと互換性のあるカスタム テーマを簡単に作成できるようになります。数々のビルド済みテーマをご自分の Web サイトにダウンロードして、組み込むことができます。{environment:ProductName} ウィジェットでは、ThemeRoller テーマをサポートしています。 +ThemeRoller は jQuery UI が提供するツールで、これを使用すると、jQuery UI ウィジェットと互換性のあるカスタム テーマを簡単に作成できるようになります。数々のビルド済みテーマをご自分の Web サイトにダウンロードして、組み込むことができます。\{environment:ProductName\} ウィジェットでは、ThemeRoller テーマをサポートしています。 個々のテーマを組み込めるだけでなく、[jQuery UI Theme Switcher ウィジェット](http://docs.jquery.com/UI/Theming/ThemeSwitcher)を使用して、ビルド済みの jQuery UI テーマをブラウザー内で動的に変更できます。ThemeRoller と Theme Switcher ウィジェットの詳細については、下記の[**外部参照**](#external-references)を参照してください。 @@ -148,7 +148,7 @@ ThemeRoller は jQuery UI が提供するツールで、これを使用すると ### <a id="samples"></a> サンプル -- [Windows UI テーマのサンプル]({environment:SamplesUrl}/grid/windows-ui-theme) +- [Windows UI テーマのサンプル](\{environment:SamplesUrl\}/grid/windows-ui-theme) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/accessibility-compliance.mdx index 1a82ecf2c2..08b1b6067a 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/accessibility-compliance.mdx @@ -14,7 +14,7 @@ slug: ighierarchicalgrid-accessibility-compliance ## <a id="section-508"></a>igHierarchicalGrid 第 508 条の遵守の概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。「第 508 条の遵守内容」という項に示す表は、コントロールについて第 1194 項第 22 節に規定されている個々の規則を列挙し、グリッド コントロールにおける各規則の遵守方法の詳細をまとめたものです。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。「第 508 条の遵守内容」という項に示す表は、コントロールについて第 1194 項第 22 節に規定されている個々の規則を列挙し、グリッド コントロールにおける各規則の遵守方法の詳細をまとめたものです。 各アクセシビリティ規則の要件を満たすためには、コントロールのプロパティについてインタラクティブな設定操作が必要とされる場合もありますが、コントロールがプロパティを自動的に設定する場合もあります。 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-dataset.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-dataset.mdx index c73a54960a..902835fcce 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-dataset.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-dataset.mdx @@ -232,7 +232,7 @@ public List<Transaction<T>> LoadTransactionsDictionary<T>(string postdata) where もう 1 つ、タイプを強化したモデルを作成する方法があります。これは、`DataSet` から取得した各 `DataTable` の構造に対応しています。カスタム タイプのフィールドは、それで表現する `DataTable` の `DataColumns` のタイプとキーを一致させてください。このモデルは、LoadTransactions メソッドで使用します。 -サンプル [DataSet の編集]({environment:SamplesUrl}/hierarchical-grid/editing-dataset) では、`DataSet` にバインドして、`LoadTransactions` メソッドのルート テーブルのレイアウトに基づいてモデルを渡すときの更新機能の使用方法を紹介します。 +サンプル [DataSet の編集](\{environment:SamplesUrl\}/hierarchical-grid/editing-dataset) では、`DataSet` にバインドして、`LoadTransactions` メソッドのルート テーブルのレイアウトに基づいてモデルを渡すときの更新機能の使用方法を紹介します。 ### バインドした DataTables に primaryKeys を設定しない場合は、対応する GridModel オブジェクトと ColumnLayout オブジェクトに設定してください。 @@ -245,13 +245,13 @@ GridModel grid = new GridModel(); grid.PrimaryKey = "DepartmentID"; ``` -### {environment:ProductNameMVC} をビューで使用して igHierarchicalGrid に列を手動で作成 +### \{environment:ProductNameMVC\} をビューで使用して igHierarchicalGrid に列を手動で作成 `DataSet` にバインドして、手動でレイアウトを作成するとき、データセット テーブルのコレクションでは、各 `ColumnLayout` の `DataMember` がそれぞれ対応する `DataTable` の名前に設定されます。 `igHierarchicalGrid` をビューに定義して、`DataSet` をグリッドのモデルとして使用すると、列は自動生成以外では生成できなくなります。列を手動で定義するときは、`DataTable` 構造に対応したモデルを定義し、それをグリッドのタイプとして設定してください。 -タイプを強化して `DataSet` から取得した各 `DataTable` の構造に対応させたモデルを作成してください。そうすれば、グリッドの {environment:ProductNameMVC} をビューで使用できます。 +タイプを強化して `DataSet` から取得した各 `DataTable` の構造に対応させたモデルを作成してください。そうすれば、グリッドの \{environment:ProductNameMVC\} をビューで使用できます。 注: カスタム タイプ Customer のフィールドでは、そのフィールドが表す DataTable の DataColumns のタイプとキーを一致させてください。 @@ -314,8 +314,8 @@ public class Order ### サンプル -- [編集 - 編集ダイアログ]({environment:SamplesUrl}/hierarchical-grid/row-edit-dialog): このサンプルでは、編集ダイアログと更新機能の使用方法を紹介します。 -- [ロード オン デマンド]({environment:SamplesUrl}/hierarchical-grid/load-on-demand): このサンプルでは、ロード オン デマンド機能の使用方法を紹介します。 +- [編集 - 編集ダイアログ](\{environment:SamplesUrl\}/hierarchical-grid/row-edit-dialog): このサンプルでは、編集ダイアログと更新機能の使用方法を紹介します。 +- [ロード オン デマンド](\{environment:SamplesUrl\}/hierarchical-grid/load-on-demand): このサンプルでは、ロード オン デマンド機能の使用方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-local-data.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-local-data.mdx index 00affd5929..fd5f744821 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-local-data.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-local-data.mdx @@ -3,6 +3,8 @@ title: "igHierarchicalGrid をローカル データにバインド" slug: ighierarchicalgrid-binding-to-local-data --- +# igHierarchicalGrid をローカル データにバインド + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igHierarchicalGrid をローカル データにバインド @@ -66,7 +68,7 @@ igHierarchicalGrid は、階層構造で JSON オブジェクトへバインド サンプルでこの構成の結果を確認できます。 <div class="embed-sample"> - [Hierarchical Grid JSON Binding]({environment:SamplesEmbedUrl}/hierarchical-grid/json-binding) + [Hierarchical Grid JSON Binding](\{environment:SamplesEmbedUrl\}/hierarchical-grid/json-binding) </div> ## <a id="xml"></a> XML データへのバインド @@ -143,7 +145,7 @@ var xmlSchema = new $.ig.DataSchema("xml", 以下のサンプルは、この構成の結果です。 <div class="embed-sample"> - [階層グリッドの XML バインド]({environment:SamplesEmbedUrl}/hierarchical-grid/xml-binding) + [階層グリッドの XML バインド](\{environment:SamplesEmbedUrl\}/hierarchical-grid/xml-binding) </div> ### <a id='related'></a> 関連コンテンツ diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-rest-services.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-rest-services.mdx index 878edb6bdd..93ef6883f5 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-rest-services.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-rest-services.mdx @@ -3,6 +3,8 @@ title: "igHierarchicalGrid を REST サービスへバインド" slug: ighierarchicalgrid-binding-to-rest-services --- +# igHierarchicalGrid を REST サービスへバインド + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igHierarchicalGrid を REST サービスへバインド @@ -110,7 +112,7 @@ DELETE|空|/api/customers/{customerId}/orders/{orderId}|/api この手順を実行するには、以下のリソースが必要です。 -- {environment:ProductName} JavaScript とテーマ ファイル +- \{environment:ProductName\} JavaScript とテーマ ファイル ## 手順 @@ -150,7 +152,7 @@ $.ig.loader({ }); ``` -> **注:** Infragistics Loader は、必要なファイルを素早く効果的に参照するための方法です。ただし、ファイルは手動で参照することができます。詳細については、[関連コンテンツ](#related-content)セクションの「[{environment:ProductName} の JavaScript リソースの使用](/deployment-guide-javascript-resources)」トピック を参照してください。 +> **注:** Infragistics Loader は、必要なファイルを素早く効果的に参照するための方法です。ただし、ファイルは手動で参照することができます。詳細については、[関連コンテンツ](#related-content)セクションの「[\{environment:ProductName\} の JavaScript リソースの使用](/deployment-guide-javascript-resources)」トピック を参照してください。 ### 手順 4:*igHierarchicalGrid* を初期化します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-webapi.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-webapi.mdx index f3ab7992a6..4f2d3ca476 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-webapi.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/bind/binding-to-webapi.mdx @@ -76,7 +76,7 @@ ASP.NET MVC 4 Web API へバインドする手順をおおまかに示すと、 - MVC 4 Framework のインストール - Northwind データベースのインストール - Infragistics.Web.Mvc.dll -- {environment:ProductName} JavaScript とテーマ ファイル +- \{environment:ProductName\} JavaScript とテーマ ファイル ### 手順 @@ -95,8 +95,8 @@ ASP.NET MVC 4 Web API へバインドする手順をおおまかに示すと、 - 参照フォルダーを右クリックして [参照の追加…] を選択します。 - `Infragistics.Web.Mvc.dll` を [.NET] タブから選択するか、[参照] から探し出して選択します。 -3. {environment:ProductName} スクリプトへの参照を追加します。 - - {environment:ProductName} 配布可能ファイルをプロジェクトのスクリプト ディレクトリにコピーします。 +3. \{environment:ProductName\} スクリプトへの参照を追加します。 + - \{environment:ProductName\} 配布可能ファイルをプロジェクトのスクリプト ディレクトリにコピーします。 - `Views\Shared` フォルダーにある `_Layout.cshtml` ファイルに Infragistics フォルダーへの参照を追加します。 **HTML の場合:** @@ -205,7 +205,7 @@ Infragistics Loader を追加します。 @Html.Infragistics().Loader().ScriptPath("~/Scripts/Infragistics/js/").CssPath("~/Scripts/Infragistics /css/").Render() ``` -> 注: それぞれの {environment:ProductName} ファイル ロケーションに合わせて `ScriptPath` と `CssPath` のロケーションを変更する必要があります。 +> 注: それぞれの \{environment:ProductName\} ファイル ロケーションに合わせて `ScriptPath` と `CssPath` のロケーションを変更する必要があります。 グリッドを定義します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/configuring-knockout-support.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/configuring-knockout-support.mdx index d9b7092469..32a2383253 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/configuring-knockout-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/configuring-knockout-support.mdx @@ -3,6 +3,8 @@ title: "Knockout サポートの構成 (igHierarchicalGrid)" slug: ighierarchicalgrid-configuring-knockout-support --- +# Knockout サポートの構成 (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Knockout サポートの構成 (igHierarchicalGrid) @@ -57,7 +59,7 @@ Knockout 管理データ構造にバインドされる `igHierarchicalGrid` の この実装では、階層グリッドの親/子レイアウトの最初の行は標準の TwoWay バインディングによってバインドされます。 <div class="embed-sample"> - [階層グリッドKnockoutJS の構成]({environment:SamplesEmbedUrl}/hierarchical-grid/bind-hgrid-with-ko) + [階層グリッドKnockoutJS の構成](\{environment:SamplesEmbedUrl\}/hierarchical-grid/bind-hgrid-with-ko) </div> ## <a id="related-topics"></a> 関連トピック diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/events-api.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/events-api.mdx index 82b8ebb411..8c9c4e7aaa 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/events-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/events-api.mdx @@ -3,6 +3,8 @@ title: "イベント リファレンス (igHierarchicalGrid)" slug: ighierarchicalgrid-events-api --- +# イベント リファレンス (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # イベント リファレンス (igHierarchicalGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/columns-and-layouts.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/columns-and-layouts.mdx index 14995d8d1d..55af0cc298 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/columns-and-layouts.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/columns-and-layouts.mdx @@ -3,6 +3,8 @@ title: "列とレイアウト (igHierarchicalGrid)" slug: ighierarchicalgrid-columns-and-layouts --- +# 列とレイアウト (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 列とレイアウト (igHierarchicalGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/feature-inheritance.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/feature-inheritance.mdx index 1449b92ba1..3eb0107572 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/feature-inheritance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/feature-inheritance.mdx @@ -3,6 +3,8 @@ title: "機能の継承 (igHierarchicalGrid)" slug: ighierarchicalgrid-feature-inheritance --- +# 機能の継承 (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 機能の継承 (igHierarchicalGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-custom.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-custom.mdx index 0a4d0a07ee..64c8310093 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-custom.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-custom.mdx @@ -6,7 +6,6 @@ slug: ighierarchicalgrid-grouping-custom # カスタム グループ化の構成 (igHierarchicalGrid) - ## トピックの概要 #### 目的 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-overview.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-overview.mdx index 67c504ec2b..d6910c789c 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-overview.mdx @@ -3,6 +3,8 @@ title: "グループ化の概要 (igHierarchicalGrid)" slug: ighierarchicalgrid-grouping-overview --- +# グループ化の概要 (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # グループ化の概要 (igHierarchicalGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-with-summaries.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-with-summaries.mdx index b3cd6e1589..7ca8e595d5 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-with-summaries.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/grouping/grouping-with-summaries.mdx @@ -2,6 +2,9 @@ title: "集計を使用したグループ化 (igHierarchicalGrid)" slug: ighierarchicalgrid-grouping-with-summaries --- + +# 集計を使用したグループ化 (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 集計を使用したグループ化 (igHierarchicalGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/load-on-demand.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/load-on-demand.mdx index 29429aad70..f2925d670b 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/load-on-demand.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/load-on-demand.mdx @@ -3,6 +3,8 @@ title: "ロードオンデマンド (igHierarchicalGrid)" slug: ighierarchicalgrid-load-on-demand --- +# ロードオンデマンド (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ロードオンデマンド (igHierarchicalGrid) @@ -30,9 +32,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="introduction"></a> 概要 ロード オン デマンドがクライアントで無効になっている場合、データ セット全体がサーバーから取得されます。ロード オン デマンドが有効な場合、必要なデータ セットのみ取得されます。JSON 形式では、ロード オン デマンドが有効な場合、子データのない JSON ファイルが生成されます。 -{environment:ProductName} または {environment:ProductNameMVC} のどちらかが使用されているかにより、igHierarchicalGrid に対するロード オン デマンドの動作が異なります。ウィジェットにはロード オン デマンドの特定のプロパティはありませんが、oData プロトコルを使用してこの効果を得ることができます。つまり、データはそのプロトコルをサポートしているリモート サーバーから取得される必要があります。 +\{environment:ProductName\} または \{environment:ProductNameMVC\} のどちらかが使用されているかにより、igHierarchicalGrid に対するロード オン デマンドの動作が異なります。ウィジェットにはロード オン デマンドの特定のプロパティはありませんが、oData プロトコルを使用してこの効果を得ることができます。つまり、データはそのプロトコルをサポートしているリモート サーバーから取得される必要があります。 -一方 {environment:ProductNameMVC} Hierarchical Grid には Load On Demand プロパティがあり、そのプロパティが true に設定されている場合、コントロールは要求されたレイアウトのデータのみをクライアントに送信します。 +一方 \{environment:ProductNameMVC\} Hierarchical Grid には Load On Demand プロパティがあり、そのプロパティが true に設定されている場合、コントロールは要求されたレイアウトのデータのみをクライアントに送信します。 次に続くテキスト ブロックは、これら 2 種類のアプローチをそれぞれ実装する方法を示しています。 @@ -189,4 +191,4 @@ igHierarchicalGrid がオン デマンドでデータを読み込む場合、内 - <ApiLink type="ighierarchicalgrid" label="igHierarchicalGrid プロパティ リファレンス" /> ## <a id="relSamples"></a> 関連サンプル -- [igHierarchicalGrid ロード オン デマンド]({environment:SamplesUrl}/hierarchical-grid/load-on-demand) +- [igHierarchicalGrid ロード オン デマンド](\{environment:SamplesUrl\}/hierarchical-grid/load-on-demand) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/multicolumnheaders-configuring.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/multicolumnheaders-configuring.mdx index 7a890fd6a4..3507289b2b 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/multicolumnheaders-configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/multicolumnheaders-configuring.mdx @@ -3,6 +3,8 @@ title: "複数列ヘッダーの構成 (igHierarchicalGrid)" slug: ighierarchicalgrid-multicolumnheaders-configuring --- +# 複数列ヘッダーの構成 (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 複数列ヘッダーの構成 (igHierarchicalGrid) @@ -254,7 +256,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - MVC 4 Framework 以降のインストール - Northwind データベースのインストール - ASP.NET MVC プロジェクトに追加された Infragistics.Web.Mvc.dll -- ASP.NET MVC プロジェクトに追加された {environment:ProductName} JavaScript およびテーマ ファイル +- ASP.NET MVC プロジェクトに追加された \{environment:ProductName\} JavaScript およびテーマ ファイル ### 手順 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/configuring-rowselectors.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/configuring-rowselectors.mdx index 04724a1b18..6f495ed5ae 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/configuring-rowselectors.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/configuring-rowselectors.mdx @@ -3,6 +3,8 @@ title: "行セレクターの構成 (igHierarchicalGrid)" slug: ighierarchicalgrid-configuring-rowselectors --- +# 行セレクターの構成 (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 行セレクターの構成 (igHierarchicalGrid) @@ -389,4 +391,4 @@ igGridRowSelectors ウィジェットの `rowSelectorColumnWidth` オプショ ### サンプル このトピックについては、以下のサンプルも参照してください。 -- [行セレクター]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): igHierarchicalGrid で `RowSelectors` を使用する用法について説明します。 +- [行セレクター](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): igHierarchicalGrid で `RowSelectors` を使用する用法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/enabling-rowselectors.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/enabling-rowselectors.mdx index 01f8d486b9..a82bb02c9f 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/enabling-rowselectors.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/enabling-rowselectors.mdx @@ -227,5 +227,5 @@ End Function ### サンプル このトピックについては、以下のサンプルも参照してください。 -- [行セレクター]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): igHierarchicalGrid で RowSelectors を使用する用法について説明します。 +- [行セレクター](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): igHierarchicalGrid で RowSelectors を使用する用法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/rowselectors-events.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/rowselectors-events.mdx index bdd0349a36..a94c503b93 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/rowselectors-events.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/row-selectors/rowselectors-events.mdx @@ -3,6 +3,8 @@ title: "イベントのリファレンス (行セレクター, igHierarchicalGri slug: ighierarchicalgrid-rowselectors-events --- +# イベントのリファレンス (行セレクター, igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # イベントのリファレンス (行セレクター, igHierarchicalGrid) @@ -114,7 +116,7 @@ $("#grid").igHierarchicalGrid({ ## <a id="example_attaching_event_handler_mvc"></a> コード例: jQuery および MVC で実行時にイベント ハンドラーを割り当てる場合 ### 説明 -{environment:ProductNameMVC} を使用する場合、jQueryの `on()` メソッドを使用して、ランタイムにイベントハンドラーをアタッチできます。 +\{environment:ProductNameMVC\} を使用する場合、jQueryの `on()` メソッドを使用して、ランタイムにイベントハンドラーをアタッチできます。 **JavaScript の場合:** @@ -125,7 +127,7 @@ $("#grid").on("iggridrowselectorsrowselectorclicked", function (e, args) { ); ``` -このオプションは、{environment:ProductNameMVC} を使用する場合にも使用できますが、{environment:ProductNameMVC} は、 `AddClientEvent` メソッドによって別の方法も公開します。最初のメソッド引数は、イベントのオプションの文字列名前です。第 2 の引数は、イベント ハンドラー関数の文字列名前です。 +このオプションは、\{environment:ProductNameMVC\} を使用する場合にも使用できますが、\{environment:ProductNameMVC\} は、 `AddClientEvent` メソッドによって別の方法も公開します。最初のメソッド引数は、イベントのオプションの文字列名前です。第 2 の引数は、イベント ハンドラー関数の文字列名前です。 この方法は一般的なユース ケースに使用できますが、`AddClientEvent` メソッドの第 2 の引数も実行する JavaScript コードの文字列が可能で、スクリプト要素タグがない手順 2 の完全な JavaScript 関数を表現する文字列も可能です。 @@ -197,7 +199,7 @@ $("#grid").igHierarchicalGrid({ このトピックについては、以下のサンプルも参照してください。 -- [**行セレクター**]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): igHierarchicalGrid で RowSelectors を使用する用法について説明します。 +- [**行セレクター**](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): igHierarchicalGrid で RowSelectors を使用する用法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-features-selection-enabling-ighierarchical-grid-selection.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-features-selection-enabling-ighierarchical-grid-selection.mdx index 707bbf2b84..82239feb70 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-features-selection-enabling-ighierarchical-grid-selection.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-features-selection-enabling-ighierarchical-grid-selection.mdx @@ -239,4 +239,4 @@ public ActionResult Default(){ このトピックについては、以下のサンプルも参照してください。 -- [選択]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): このサンプルでは、igHierarchicalGrid の選択の構成について紹介します。 +- [選択](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): このサンプルでは、igHierarchicalGrid の選択の構成について紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selecting-and-deselecting-rows-and-cell-programmatically-in-ighierarchicalgrid.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selecting-and-deselecting-rows-and-cell-programmatically-in-ighierarchicalgrid.mdx index 52f6363c1d..68db1fbc2e 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selecting-and-deselecting-rows-and-cell-programmatically-in-ighierarchicalgrid.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selecting-and-deselecting-rows-and-cell-programmatically-in-ighierarchicalgrid.mdx @@ -2,6 +2,9 @@ title: "行とセルのプログラムによる選択および選択解除 (igHierarchicalGrid)" slug: jquery-ighierarchical-grid-selecting-and-deselecting-rows-and-cell-programmatically-in-ighierarchicalgrid --- + +# 行とセルのプログラムによる選択および選択解除 (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 行とセルのプログラムによる選択および選択解除 (igHierarchicalGrid) @@ -169,7 +172,7 @@ function clearSelectionOfSecondLevelChildrenRecursively() { このトピックについては、以下のサンプルも参照してください。 -- [選択]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): このサンプルでは、igHierarchicalGrid の選択機能の構成について紹介します。 +- [選択](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): このサンプルでは、igHierarchicalGrid の選択機能の構成について紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selection-overview.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selection-overview.mdx index dda2784e1e..634c52258a 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selection-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/selection/jquery-ighierarchical-grid-selection-overview.mdx @@ -74,7 +74,7 @@ slug: jquery-ighierarchical-grid-selection-overview 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [選択]({environment:SamplesUrl}/hierarchical-grid/selection-rowselectors): このサンプルでは、igHierarchicalGrid の選択機能の構成について紹介します。 +- [選択](\{environment:SamplesUrl\}/hierarchical-grid/selection-rowselectors): このサンプルでは、igHierarchicalGrid の選択機能の構成について紹介します。 ### リソース diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/virtualization/enabling-and-configuring-virtualization.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/virtualization/enabling-and-configuring-virtualization.mdx index c627baec4e..1cd09775fa 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/virtualization/enabling-and-configuring-virtualization.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/features/virtualization/enabling-and-configuring-virtualization.mdx @@ -3,6 +3,8 @@ title: "仮想化の有効化と構成 (igHierarchicalGrid)" slug: ighierarchicalgrid-enabling-and-configuring-virtualization --- +# 仮想化の有効化と構成 (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 仮想化の有効化と構成 (igHierarchicalGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/ighierarchicalgrid.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/ighierarchicalgrid.mdx index 2f5cf1450e..78c7fca2c5 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/ighierarchicalgrid.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/ighierarchicalgrid.mdx @@ -6,7 +6,6 @@ slug: ighierarchicalgrid-ighierarchicalgrid # igHierarchicalGrid - 以下のリンクをクリックして、igHierarchicalGrid を素早く起動して実行する方法についての情報を参照してください。 - [igHierarchicalGrid の概要](/ighierarchicalgrid-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/initializing.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/initializing.mdx index 87687da3ca..a8092d90fe 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/initializing.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/initializing.mdx @@ -3,6 +3,8 @@ title: "igHierarchicalGrid の初期化" slug: ighierarchicalgrid-initializing --- +# igHierarchicalGrid の初期化 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igHierarchicalGrid の初期化 @@ -60,7 +62,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - (MVC IG ラッパーが納められた) MVC dll への参照があること ### スクリプティング要件 -{environment:ProductNameMVC} が jQuery ウィジェットを再描画するため、jQuery と MVC 両方のサンプルに必要なスクリプトは同じです。次が必要になります。 +\{environment:ProductNameMVC\} が jQuery ウィジェットを再描画するため、jQuery と MVC 両方のサンプルに必要なスクリプトは同じです。次が必要になります。 グリッドとそのグループ化機能を実行するためには以下のスクリプトが必要とされます。 @@ -89,7 +91,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルでは、igHierarchicalGrid コントロールを JSON データ ソースにバインドする方法を紹介します。 <div class="embed-sample"> - [igHierarchicalGrid JSON のバインド]({environment:SamplesEmbedUrl}/hierarchical-grid/json-binding) + [igHierarchicalGrid JSON のバインド](\{environment:SamplesEmbedUrl\}/hierarchical-grid/json-binding) </div> ## <a id="initializing-mvc"></a> MVC igHierarchicalGrid の初期化 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/jquery-ighierarchical-grid-expanding-and-collapsing-rows-programmatically-in-ighierarchicalgrid.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/jquery-ighierarchical-grid-expanding-and-collapsing-rows-programmatically-in-ighierarchicalgrid.mdx index 934622797d..42a8baed65 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/jquery-ighierarchical-grid-expanding-and-collapsing-rows-programmatically-in-ighierarchicalgrid.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/jquery-ighierarchical-grid-expanding-and-collapsing-rows-programmatically-in-ighierarchicalgrid.mdx @@ -2,6 +2,9 @@ title: "行のプログラムによる展開と縮小 (igHierarchicalGrid)" slug: jquery-ighierarchical-grid-expanding-and-collapsing-rows-programmatically-in-ighierarchicalgrid --- + +# 行のプログラムによる展開と縮小 (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 行のプログラムによる展開と縮小 (igHierarchicalGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/known-issues.mdx index b9205a2bc4..9d336acb07 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/known-issues.mdx @@ -2,6 +2,9 @@ title: "既知の問題と制限 (igHierarchicalGrid)" slug: ighierarchicalgrid-known-issues --- + +# 既知の問題と制限 (igHierarchicalGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限 (igHierarchicalGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/overview.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/overview.mdx index 64a6e10258..f00b0ce074 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/overview.mdx @@ -5,8 +5,6 @@ slug: ighierarchicalgrid-overview # igHierarchicalGrid の概要 -# トピックの概要 - ## 目的 このトピックでは、機能、データ ソースへのバインド、要件、テンプレートなどの情報を含む、igCombo コントロールの概念情報を説明します。 @@ -22,9 +20,9 @@ slug: ighierarchicalgrid-overview - [継承](#inheritance) - [イベント API](#events-api) - [スタイル設定とテーマ設定](#styling-theming) -- [{environment:ProductFamilyName} CLI で igHierarchicalGrid を追加](#adding-using-CLI) - - [{environment:ProductFamilyName} CLI で Excel エクスポートが構成された igHierarchicalGrid を追加](#exporting-with-CLI) -- [{environment:ProductNameMVC}](#aspnet-mvc-helper) +- [\{environment:ProductFamilyName\} CLI で igHierarchicalGrid を追加](#adding-using-CLI) + - [\{environment:ProductFamilyName\} CLI で Excel エクスポートが構成された igHierarchicalGrid を追加](#exporting-with-CLI) +- [\{environment:ProductNameMVC\}](#aspnet-mvc-helper) - [バインド要件](#binding-requirements) # 概要 @@ -86,7 +84,7 @@ slug: ighierarchicalgrid-overview - [igHierarchicalGrid ロード オン デマンド](/ighierarchicalgrid-load-on-demand) ### 関連サンプル -- [igHierarchicalGrid ロード オン デマンド]({environment:SamplesUrl}/hierarchical-grid/load-on-demand) +- [igHierarchicalGrid ロード オン デマンド](\{environment:SamplesUrl\}/hierarchical-grid/load-on-demand) ## <a id="inheritance"></a> 継承 @@ -109,17 +107,17 @@ igHierarchicalGrid には、子レイアウトを展開および縮小したと ### 関連トピック - [igHierarchicalGrid のスタイル設定およびテーマ設定](/ighierarchicalgrid-styling-and-theming) -## <a id="adding-using-CLI"></a> {environment:ProductFamilyName} CLI で igHierarchicalGrid を追加 +## <a id="adding-using-CLI"></a> \{environment:ProductFamilyName\} CLI で igHierarchicalGrid を追加 -{environment:ProductFamilyName} CLI で新しい igHierarchicalGrid を簡単にアプリケーションに追加できます。 +\{environment:ProductFamilyName\} CLI で新しい igHierarchicalGrid を簡単にアプリケーションに追加できます。 -{environment:ProductFamilyName} CLI のインストール: +\{environment:ProductFamilyName\} CLI のインストール: ``` npm install -g igniteui-cli ``` -{environment:ProductFamilyName} CLI インストール後、{environment:ProductName} プロジェクトを生成し、新しい igHierarchicalGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 +\{environment:ProductFamilyName\} CLI インストール後、\{environment:ProductName\} プロジェクトを生成し、新しい igHierarchicalGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 ``` ig new <project name> --framework=jquery @@ -134,19 +132,19 @@ ig start ig add hierarchical-grid-editing newHierarchicalGridEditing ``` -すべての利用可能なコマンドおよび詳細な情報については、[「{environment:ProductFamilyName} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、[「\{environment:ProductFamilyName\} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 -## <a id="exporting-with-CLI"></a> {environment:ProductFamilyName} CLI で Excel エクスポートが構成された igHierarchicalGrid を追加 +## <a id="exporting-with-CLI"></a> \{environment:ProductFamilyName\} CLI で Excel エクスポートが構成された igHierarchicalGrid を追加 -{environment:ProductFamilyName} CLI を使用してエクスポートが構成された新しい igHierarchicalGrid を簡単に追加できます。 +\{environment:ProductFamilyName\} CLI を使用してエクスポートが構成された新しい igHierarchicalGrid を簡単に追加できます。 -{environment:ProductFamilyName} CLI のインストール: +\{environment:ProductFamilyName\} CLI のインストール: ``` npm install -g igniteui-cli ``` -{environment:ProductFamilyName} CLI インストール後、{environment:ProductName} プロジェクトを生成し、Excel エクスポートが構成された新しい igHierarachicalGrid を追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 +\{environment:ProductFamilyName\} CLI インストール後、\{environment:ProductName\} プロジェクトを生成し、Excel エクスポートが構成された新しい igHierarachicalGrid を追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 ``` ig new <project name> --framework=jquery @@ -155,18 +153,18 @@ ig add hierarchical-grid-export newHierarchicalGridExport ig start ``` -すべての利用可能なコマンドおよび詳細な情報については、[「{environment:ProductFamilyName} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、[「\{environment:ProductFamilyName\} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 ## <a id="aspnet-mvc-helper"></a> ASP.NET MVC ヘルパー -マネージ コード言語の {environment:ProductNameMVC} を使用して、igHierarchical コントロールを構成できます。igHierarchicalGrid の MVC ラッパーは、フラット igGrid ラッパーと同じコードを使用します。フラット igGrid の場合のように、機能のロジックが MVC ラッパーで自動的に処理され、ページング、並べ替え、フィルタリング、集計などの機能からの要求は内部処理されるため、これらの機能を実装する必要がないのはそのためです。 +マネージ コード言語の \{environment:ProductNameMVC\} を使用して、igHierarchical コントロールを構成できます。igHierarchicalGrid の MVC ラッパーは、フラット igGrid ラッパーと同じコードを使用します。フラット igGrid の場合のように、機能のロジックが MVC ラッパーで自動的に処理され、ページング、並べ替え、フィルタリング、集計などの機能からの要求は内部処理されるため、これらの機能を実装する必要がないのはそのためです。 ### 関連トピック - [igHierarchicalGrid の初期化](/ighierarchicalgrid-initializing) ## <a id="binding-requirements"></a> バインド要件 -igHierarchicalGrid コントロールは jQuery UI ウィジェットであるため、jQuery コアおよび jQuery UI JavaScript ライブラリに依存しています。また、igHierarchicalGrid が機能の共有やデータのバインドを行うために使用する {environment:ProductName} JavaScript リソースもいくつかあります。これらの JavaScript 参照は igHierarchicalGrid が JavaScript または ASP.NET MVC のいずれで使用されていても必要です。igHierarchicalGrid を ASP.NET MVC で使用する場合、igHierarchicalGrid を .NET 言語で構成するために Infragistics.Web.Mvc アセンブリが必要です。 +igHierarchicalGrid コントロールは jQuery UI ウィジェットであるため、jQuery コアおよび jQuery UI JavaScript ライブラリに依存しています。また、igHierarchicalGrid が機能の共有やデータのバインドを行うために使用する \{environment:ProductName\} JavaScript リソースもいくつかあります。これらの JavaScript 参照は igHierarchicalGrid が JavaScript または ASP.NET MVC のいずれで使用されていても必要です。igHierarchicalGrid を ASP.NET MVC で使用する場合、igHierarchicalGrid を .NET 言語で構成するために Infragistics.Web.Mvc アセンブリが必要です。 データ構造は下のいずれかの形態を使用できます。 - ローカルで提供された、あるいは oData プロトコルをサポートするサーバーなどの Web サーバーから整形式 JSON または XML。 diff --git a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/styling-and-theming.mdx index 83b70c48c0..eaab5ebc5e 100644 --- a/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ighierarchicalgrid/styling-and-theming.mdx @@ -3,6 +3,8 @@ title: "igHierarchicalGrid のスタイル設定" slug: ighierarchicalgrid-styling-and-theming --- +# igHierarchicalGrid のスタイル設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igHierarchicalGrid のスタイル設定 @@ -33,7 +35,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="styling_using_themes"></a> テーマを使用したスタイル設定 ### <a id="required_css"></a> 必要な CSS とテーマ -{environment:ProductName}™ 階層グリッドは、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。{environment:ProductName} には、Infragistics および Metro と呼ばれるカスタム jQuery UI テーマが含まれています。これらのテーマによって、Infragistics ウィジェットおよび標準の jQuery UI ウィジェットが、プロフェッショナルで魅力的な外観になります。 +\{environment:ProductName\}™ 階層グリッドは、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。\{environment:ProductName\} には、Infragistics および Metro と呼ばれるカスタム jQuery UI テーマが含まれています。これらのテーマによって、Infragistics ウィジェットおよび標準の jQuery UI ウィジェットが、プロフェッショナルで魅力的な外観になります。 Infragistics および Metro テーマに加えて、Infragistics ウィジェットの基本 CSS レイアウトに必要な structure ディレクトリがあります。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/accessibility-compliance.mdx index cb2a2cd9a7..2d9e2f73c4 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/accessibility-compliance.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-accessibility-compliance # アクセシビリティ準拠 - ##トピックの概要 @@ -29,7 +28,7 @@ slug: ightmleditor-accessibility-compliance ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igHtmlEditor` コントロールが各規則をどう順守しているか詳細に説明しています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igHtmlEditor` コントロールが各規則をどう順守しているか詳細に説明しています。 各アクセシビリティ規則の要件を満たすために、場合によっては、特定のオプションを設定することによってコントロールを操作して必要がありますが、それ以外の場合はコントロール自身がこの作業を行います。 @@ -61,7 +60,7 @@ slug: ightmleditor-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): すべての {environment:ProductName} コントロールのアクセシビリティ準拠のための参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): すべての \{environment:ProductName\} コントロールのアクセシビリティ準拠のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/adding-ightmleditor.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/adding-ightmleditor.mdx index 9df129bd94..4d84e25ea0 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/adding-ightmleditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/adding-ightmleditor.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-adding-ightmleditor # igHtmlEditor の追加 - ##トピックの概要 @@ -21,7 +20,7 @@ slug: ightmleditor-adding-ightmleditor - [igHtmlEditor の概要](/ightmleditor-overview): このトピックは、`igHtmlEditor` およびその機能の概要を説明します。 -- [Infragistics Loader の使用](/using-infragistics-loader): このトピックでは、Infragistics Loader を使用して、{environment:ProductName} で作業するために必要なリソースを管理する方法について説明します。 +- [Infragistics Loader の使用](/using-infragistics-loader): このトピックでは、Infragistics Loader を使用して、\{environment:ProductName\} で作業するために必要なリソースを管理する方法について説明します。 ##igHtmlEditor を Web ページに追加 @@ -66,7 +65,7 @@ slug: ightmleditor-adding-ightmleditor 2. <a id="initialize-htmlEditor"></a> JavaScript で igHtmlEditor を初期化します。 - Infragistics {environment:ProductNameMVC} を使用している場合、手順 3 に示されているように、`igHtmlEditor` in ASP.NET MVC View をインスタンス化する必要があります。 + Infragistics \{environment:ProductNameMVC\} を使用している場合、手順 3 に示されているように、`igHtmlEditor` in ASP.NET MVC View をインスタンス化する必要があります。 1. HTML プレースホルダーをエディターに対して定義します。 @@ -88,7 +87,7 @@ slug: ightmleditor-adding-ightmleditor }); ``` - >**注:** Infragistics Loader は、必要なファイルを素早く効果的に参照するための方法です。ただし、ファイルは手動で参照することができます。詳細については、[関連コンテンツ](#related-content)セクションの「[{environment:ProductName} の JavaScript リソースの使用](/deployment-guide-javascript-resources)」トピック を参照してください。 + >**注:** Infragistics Loader は、必要なファイルを素早く効果的に参照するための方法です。ただし、ファイルは手動で参照することができます。詳細については、[関連コンテンツ](#related-content)セクションの「[\{environment:ProductName\} の JavaScript リソースの使用](/deployment-guide-javascript-resources)」トピック を参照してください。 3. igHtmlEditor を初期化します @@ -112,7 +111,7 @@ slug: ightmleditor-adding-ightmleditor @(Html.Infragistics().Loader().ScriptPath(Url.Content ("js")).CssPath(Url.Content("css")).Render()) ``` - {environment:ProductNameMVC} Loader を使用している場合、Resources メソッドの呼び出しは必要ありません。これは、ローダーは、特定のビューで使用される他の {environment:ProductNameMVC} ヘルパーに基づいて、含めるリソースを推測するためです。これは、{environment:ProductName} コントロールも {environment:ProductNameMVC} を使用してインスタンス化された場合にのみ有効です。 + \{environment:ProductNameMVC\} Loader を使用している場合、Resources メソッドの呼び出しは必要ありません。これは、ローダーは、特定のビューで使用される他の \{environment:ProductNameMVC\} ヘルパーに基づいて、含めるリソースを推測するためです。これは、\{environment:ProductName\} コントロールも \{environment:ProductNameMVC\} を使用してインスタンス化された場合にのみ有効です。 2. igHtmlEditor を初期化します @@ -134,7 +133,7 @@ slug: ightmleditor-adding-ightmleditor - [スタイル設定およびテーマ設定 (igHtmlEditor)](/ightmleditor-styling-and-theming): このトピックは、`igHtmlEditor` のルック アンド フィールをカスタマイズする方法をコード例を用いて説明しています。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで {environment:ProductName} を操作して、必要なリソースを管理する方法について説明します。 +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで \{environment:ProductName\} を操作して、必要なリソースを管理する方法について説明します。 @@ -142,9 +141,9 @@ slug: ightmleditor-adding-ightmleditor このトピックについては、以下のサンプルも参照してください。 -- [内容を編集する]({environment:SamplesUrl}/html-editor/edit-content): このフォーラム投稿のサンプルでは、HTML エディターでコンテンツを提供します。 +- [内容を編集する](\{environment:SamplesUrl\}/html-editor/edit-content): このフォーラム投稿のサンプルでは、HTML エディターでコンテンツを提供します。 -- [カスタム ツールバーおよびボタン]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 +- [カスタム ツールバーおよびボタン](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/api-reference.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/api-reference.mdx index 0d5fd55609..5ee2b5a12b 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/api-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/api-reference.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-api-reference # igHtmlEditor API リファレンス - ##トピックの概要 @@ -99,9 +98,9 @@ redo|キーボードのやり直しアクションで発生するイベント。 このトピックについては、以下のサンプルも参照してください。 -- [内容を編集する]({environment:SamplesUrl}/html-editor/edit-content): このフォーラム投稿のサンプルでは、HTML エディターでコンテンツを提供します。 +- [内容を編集する](\{environment:SamplesUrl\}/html-editor/edit-content): このフォーラム投稿のサンプルでは、HTML エディターでコンテンツを提供します。 -- [カスタム ツールバーおよびボタン]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 +- [カスタム ツールバーおよびボタン](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 - [API およびイベント](/ightmleditor-modifying-contents-programmatically#api-and-events-demo): このサンプルでは、HTML エディター コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/asp-net-mvc-helper-api.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/asp-net-mvc-helper-api.mdx index 97d53a3e8d..d2540e595e 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/asp-net-mvc-helper-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/asp-net-mvc-helper-api.mdx @@ -3,6 +3,8 @@ title: "API 参照リンク" slug: ightmleditor-asp-net-mvc-helper-api --- +# API 参照リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # API 参照リンク diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/adding-button-to-custom-toolbar.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/adding-button-to-custom-toolbar.mdx index f946ad5149..ff74020544 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/adding-button-to-custom-toolbar.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/adding-button-to-custom-toolbar.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-adding-button-to-custom-toolbar # カスタム ツールバーへのボタンの追加 - ##トピックの概要 @@ -294,7 +293,7 @@ slug: ightmleditor-adding-button-to-custom-toolbar このトピックについては、以下のサンプルも参照してください。 -- [カスタム ツールバーおよびボタン]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 +- [カスタム ツールバーおよびボタン](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/adding-combo-to-custom-toolbar.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/adding-combo-to-custom-toolbar.mdx index b05835df62..666990e4af 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/adding-combo-to-custom-toolbar.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/adding-combo-to-custom-toolbar.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-adding-combo-to-custom-toolbar # カスタム ツールバーへのコンボ ボックスの追加 - ##トピックの概要 @@ -277,7 +276,7 @@ slug: ightmleditor-adding-combo-to-custom-toolbar このトピックについては、以下のサンプルも参照してください。 -- [カスタム ツールバーおよびボタン]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 +- [カスタム ツールバーおよびボタン](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/configuring-custom-toolbars.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/configuring-custom-toolbars.mdx index 6f16767a87..54832ff176 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/configuring-custom-toolbars.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/configuring-custom-toolbars.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-configuring-custom-toolbars # カスタム ツールバーの構成 - ##トピックの概要 @@ -259,7 +258,7 @@ $("#htmlEditor").igHtmlEditor({ このトピックについては、以下のサンプルも参照してください。 -- [カスタム ツールバーおよびボタン]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 +- [カスタム ツールバーおよびボタン](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/custom-toolbars.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/custom-toolbars.mdx index 5fbd4d681c..5c3ce73fbe 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/custom-toolbars.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/custom-toolbars/custom-toolbars.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-custom-toolbars # カスタム ツールバー - ##このグループのトピックについて diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/known-issues.mdx index 144a889265..d2fc1e9526 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/known-issues.mdx @@ -15,7 +15,7 @@ slug: ightmleditor-known-issues このトピックを理解するために、以下のトピックを参照することをお勧めします。 -- [既知の問題](/known-issues-revision-history): すべての {environment:ProductName} コントロールの既知の問題と制限に関する参考情報を提供します。 +- [既知の問題](/known-issues-revision-history): すべての \{environment:ProductName\} コントロールの既知の問題と制限に関する参考情報を提供します。 ##既知の問題と制限 @@ -125,7 +125,7 @@ $.ig.loader(function () { - [アクセシビリティ準拠 (igHtmlEditor)](/ightmleditor-accessibility-compliance): このトピックでは、`igHtmlEditor` のアクセシビリティ機能について説明し、`igHtmlEditor` を含むページのアクセシビリティ準拠を達成する方法に関する情報を提供します。 -- [アクセシビリティ準拠](/accessibility-compliance): すべての {environment:ProductName} コントロールのアクセシビリティ準拠のための参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): すべての \{environment:ProductName\} コントロールのアクセシビリティ準拠のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/overview.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/overview.mdx index 8124b3ec10..190bc305e4 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/overview.mdx @@ -156,9 +156,9 @@ slug: ightmleditor-overview このトピックについては、以下のサンプルも参照してください。 -- [内容を編集する]({environment:SamplesUrl}/html-editor/edit-content): このフォーラム投稿のサンプルでは、HTML エディターでコンテンツを提供します。 +- [内容を編集する](\{environment:SamplesUrl\}/html-editor/edit-content): このフォーラム投稿のサンプルでは、HTML エディターでコンテンツを提供します。 -- [カスタム ツールバーおよびボタン]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 +- [カスタム ツールバーおよびボタン](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 - [API およびイベント](/ightmleditor-modifying-contents-programmatically#api-and-events-demo): このサンプルでは、HTML エディター コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/styling-and-theming.mdx index 7d95ce9251..778010c097 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/styling-and-theming.mdx @@ -5,7 +5,6 @@ slug: ightmleditor-styling-and-theming # スタイル設定とテーマ設定 - ##トピックの概要 @@ -28,7 +27,7 @@ slug: ightmleditor-styling-and-theming - [ツールバーとボタンの構成](/ightmleditor-configuring-toolbars-and-buttons): このトピックでは、`igHtmlEditor` のツールバーとボタンを構成する方法について説明します。 -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックでは、デザイン段階でのアプリケーションのセットアップ手順について説明し、実稼働環境で CSS を使用するためのオプションを紹介すると同時に、テーマの作成またはカスタマイズについての概要を示します。 +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックでは、デザイン段階でのアプリケーションのセットアップ手順について説明し、実稼働環境で CSS を使用するためのオプションを紹介すると同時に、テーマの作成またはカスタマイズについての概要を示します。 @@ -68,9 +67,9 @@ slug: ightmleditor-styling-and-theming ### 概要 -{environment:ProductName}™ はスタイルやテーマの設定に jQuery UI CSS フレームワークを利用します。Infragistics と Metro は、アプリケーションでの使用を目的として Infragistics によって提供される jQuery UI テーマです。 +\{environment:ProductName\}™ はスタイルやテーマの設定に jQuery UI CSS フレームワークを利用します。Infragistics と Metro は、アプリケーションでの使用を目的として Infragistics によって提供される jQuery UI テーマです。 -こうしたテーマの適用に関する詳細については、[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)トピックをご覧ください。 +こうしたテーマの適用に関する詳細については、[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)トピックをご覧ください。 `igHtmlEditor` ボタンのスタイルは jQuery UI テーマのスタイルによってオーバーライドされ、その結果、jQuery UI テーマとは異なるボタン アイコンが表示されることになるため、厳密には、`igHtmlEditor` が jQuery UI のテーマやテーマ ローラー ツールでサポートされているとはいえません。 @@ -90,7 +89,7 @@ slug: ightmleditor-styling-and-theming <tr> <td>IG テーマ</td> <td>パス: {IG CSS root}/themes/Infragistics/ ファイル: infragistics.theme.css</td> - <td>このテーマは、すべての {environment:ProductName} コントロールの一般的なビジュアル機能を定義します。</td> + <td>このテーマは、すべての \{environment:ProductName\} コントロールの一般的なビジュアル機能を定義します。</td> </tr> <tr> @@ -167,7 +166,7 @@ Metro テーマは、クリーンでモダンかつ高速な Metro デザイン このトピックについては、以下のサンプルも参照してください。 -- [カスタム アイコンとスタイル設定]({environment:SamplesUrl}/html-editor/custom-icons-and-styles): スタイル設定で `igHtmlEditor` コントロールは jQuery UI CSS フレームワークをサポートしません。標準の Infragistics テーマおよび Windows UI テーマはサポートされます。このサンプルは、CSS スタイルを使用して `igHtmlEditor` のルック アンド フィールをカスタマイズする方法を示します。 +- [カスタム アイコンとスタイル設定](\{environment:SamplesUrl\}/html-editor/custom-icons-and-styles): スタイル設定で `igHtmlEditor` コントロールは jQuery UI CSS フレームワークをサポートしません。標準の Infragistics テーマおよび Windows UI テーマはサポートされます。このサンプルは、CSS スタイルを使用して `igHtmlEditor` のルック アンド フィールをカスタマイズする方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/angularjs-support.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/angularjs-support.mdx index 3cc5deec5a..fb598e3724 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/angularjs-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/angularjs-support.mdx @@ -21,18 +21,18 @@ slug: ightmleditor-angularjs-support 以下は最終結果のプレビューです。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/html-editor/angular]({environment:SamplesEmbedUrl}/html-editor/angular) + [\{environment:SamplesEmbedUrl\}/html-editor/angular](\{environment:SamplesEmbedUrl\}/html-editor/angular) </div> ### <a id="Requirements"></a>要件 このサンプルを実行するために以下が必要です。 -- 必要となる {environment:ProductName} の JavaScript と CSS ファイル -- {environment:ProductFamilyName} AngularJS ディレクティブ +- 必要となる \{environment:ProductName\} の JavaScript と CSS ファイル +- \{environment:ProductFamilyName\} AngularJS ディレクティブ ### <a id="Details"></a>詳細 サンプルでは、`igHtmlEditor` が AngularJS ディレクティブで初期化されています。 `igHtmlEditor` のデータソースは AngularJS コントローラーの変数に保存されます。データを保持する同じ変数は HTML `textarea` にバインドされます。データを `textarea` から更新する場合、`igHtmlEditor` のコンテンツが直ちに更新されます。 ### <a id="Related_Content"></a>関連コンテンツ このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [AngularJS で {environment:ProductFamilyName} の使用](../../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx) - このトピックでは、AngularJS の {environment:ProductFamilyName} ディレクティブの使用方法の概要を説明します。 -- [AngularJS を使用した条件付きテンプレート化および高度なテンプレート化](../../../10_AngularJS Directives/01_Conditional_and_Advanced_Templating_with_AngularJS.mdx) - このトピックでは、条件付きテンプレートの使用方法と、AngularJS の {environment:ProductFamilyName} ディレクティブを使用して作成されたコントロールをカイタマイズするための高度なテンプレート化の方法について説明します。 +- [AngularJS で \{environment:ProductFamilyName\} の使用](../../../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx) - このトピックでは、AngularJS の \{environment:ProductFamilyName\} ディレクティブの使用方法の概要を説明します。 +- [AngularJS を使用した条件付きテンプレート化および高度なテンプレート化](../../../10_AngularJS Directives/01_Conditional_and_Advanced_Templating_with_AngularJS.mdx) - このトピックでは、条件付きテンプレートの使用方法と、AngularJS の \{environment:ProductFamilyName\} ディレクティブを使用して作成されたコントロールをカイタマイズするための高度なテンプレート化の方法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/configuring-toolbars-and-buttons.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/configuring-toolbars-and-buttons.mdx index 1103daa2b6..3ea4a87380 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/configuring-toolbars-and-buttons.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/configuring-toolbars-and-buttons.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-configuring-toolbars-and-buttons # ツールバーとボタンの構成 - ##トピックの概要 @@ -469,9 +468,9 @@ $('#htmlEditor').igHtmlEditor({ このトピックについては、以下のサンプルも参照してください。 -- [内容を編集する]({environment:SamplesUrl}/html-editor/edit-content): このフォーラム投稿のサンプルでは、HTML エディターでコンテンツを提供します。 +- [内容を編集する](\{environment:SamplesUrl\}/html-editor/edit-content): このフォーラム投稿のサンプルでは、HTML エディターでコンテンツを提供します。 -- [カスタム ツールバーおよびボタン]({environment:SamplesUrl}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 +- [カスタム ツールバーおよびボタン](\{environment:SamplesUrl\}/html-editor/custom-toolbars-and-buttons): このサンプルでは、HtmlEditor コントロールを電子メール クライアントとして実装します。署名をメッセージに追加するカスタム ツールバーがあります。 - [API およびイベント](/ightmleditor-modifying-contents-programmatically#api-and-events-demo): このサンプルでは、HTML エディター コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/modifying-contents-programmatically.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/modifying-contents-programmatically.mdx index f5363363e6..66c7cf5b70 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/modifying-contents-programmatically.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/modifying-contents-programmatically.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-modifying-contents-programmatically # プログラムによるコンテンツの変更 - ##トピックの概要 ### 目的 @@ -295,7 +294,7 @@ isDirty|boolean|エディターのコンテンツが変更されているかど 以下のサンプルは、イベントを処理し、`igHtmlEditor` コントロールの API を使用する方法を紹介します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/html-editor/api-and-events]({environment:SamplesEmbedUrl}/html-editor/api-and-events) + [\{environment:SamplesEmbedUrl\}/html-editor/api-and-events](\{environment:SamplesEmbedUrl\}/html-editor/api-and-events) </div> diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/saving-html-content.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/saving-html-content.mdx index 1e5ebcaa7a..fdbfffc32c 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/saving-html-content.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/saving-html-content.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-saving-html-content # HTML コンテンツをコードで保存 - ##トピックの概要 @@ -75,7 +74,7 @@ ASP.NET MVC 2 で、オブジェクト単位で Request Validation をオフに この手順を実行するには、以下が必要です。 -- {environment:ProductName} リソースが組み込まれた ASP.NET MVC 3 プロジェクト +- \{environment:ProductName\} リソースが組み込まれた ASP.NET MVC 3 プロジェクト ###<a id="asp-net-mvc-overview"></a> 概要 @@ -212,7 +211,7 @@ ASP.NET MVC 2 で、オブジェクト単位で Request Validation をオフに この手順を実行するには、以下が必要です。 -- {environment:ProductName} リソースが組み込まれた ASP.NET MVC 3 プロジェクト +- \{environment:ProductName\} リソースが組み込まれた ASP.NET MVC 3 プロジェクト ###<a id="ajax-call-overview"></a> 概要 @@ -334,7 +333,7 @@ ASP.NET MVC 2 で、オブジェクト単位で Request Validation をオフに このトピックについては、以下のサンプルも参照してください。 -- [内容を編集する]({environment:SamplesUrl}/html-editor/edit-content): このフォーラム投稿のサンプルでは、HTML エディターでコンテンツを提供します。 +- [内容を編集する](\{environment:SamplesUrl\}/html-editor/edit-content): このフォーラム投稿のサンプルでは、HTML エディターでコンテンツを提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/typescript-support.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/typescript-support.mdx index 9bd8556f98..d9f54898e8 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/typescript-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/typescript-support.mdx @@ -27,8 +27,8 @@ slug: ightmleditor-typescript-support ### <a id="Requirements"></a>要件 このサンプルを実行するために以下が必要です。 -- 必要となる {environment:ProductName} の JavaScript と CSS ファイル -- 必須な {environment:ProductName} TypeScript 定義 +- 必要となる \{environment:ProductName\} の JavaScript と CSS ファイル +- 必須な \{environment:ProductName\} TypeScript 定義 ### <a id="Overview"></a>概要 本トピックは、`igHtmlEditor` の作成および TypeScript コードの作成について順を追って説明します。 @@ -290,4 +290,4 @@ $(function () { ### <a id="Related_Content"></a>関連コンテンツ 以下のトピックでは、このトピックに関連する追加情報を提供しています。 -- [TypeScript で {environment:ProductName} を使用](Using-Ignite-UI-with-TypeScript.html) - このトピックでは、{environment:ProductName} の型定義を TypeScript で使用する方法の概要を説明します。 +- [TypeScript で \{environment:ProductName\} を使用](Using-Ignite-UI-with-TypeScript.html) - このトピックでは、\{environment:ProductName\} の型定義を TypeScript で使用する方法の概要を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/working-with-ightmleditor.mdx b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/working-with-ightmleditor.mdx index cb324e12e1..da313052b4 100644 --- a/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/working-with-ightmleditor.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ightmleditor/working/working-with-ightmleditor.mdx @@ -6,7 +6,6 @@ slug: ightmleditor-working-with-ightmleditor # igHtmlEditor の操作 - ### 概要 このセクションは、`igHtmlEditor`™ の使用方法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/accessibility-compliance.mdx index f3662fec36..59f0bf5c40 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/accessibility-compliance.mdx @@ -6,7 +6,6 @@ slug: iglayoutmanager-accessibility-compliance # アクセシビリティの遵守 (igLayoutManager) - ##トピックの概要 @@ -30,7 +29,7 @@ slug: iglayoutmanager-accessibility-compliance ### 概要 -すべての {environment:ProductName}® コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igLayoutManager` コントロールが各規則を遵守する方法も詳細に説明しています。 +すべての \{environment:ProductName\}® コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igLayoutManager` コントロールが各規則を遵守する方法も詳細に説明しています。 各アクセシビリティ規則の要件を満たすために、場合によっては、特定のオプションを設定することによってコントロールを操作する必要がありますが、それ以外の場合はコントロール自身がこの作業を行います。 @@ -52,7 +51,7 @@ slug: iglayoutmanager-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、すべての {environment:ProductName} コントロールのアクセシビリティ遵守のための参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、すべての \{environment:ProductName\} コントロールのアクセシビリティ遵守のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/adding.mdx b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/adding.mdx index b9a97515d1..5bd9cbb7b3 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/adding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/adding.mdx @@ -3,6 +3,8 @@ title: "igLayoutManager の追加" slug: iglayoutmanager-adding --- +# igLayoutManager の追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igLayoutManager の追加 @@ -84,7 +86,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ->**注:** JavaScript と CSS リソースを読み込むためには `igLoader` コンポーネントを使うことを推奨します。この方法の詳細は、[Infragistics Loader による必要なリソースの自動追加](/using-infragistics-loader)のトピックを参照してください。さらに、オンラインの [{environment:ProductName} サンプル ブラウザー]({environment:SamplesUrl}) には、`igLayoutManager` コンポーネントで `igLoader` を使用する方法の具体的な例が記載されています。 +>**注:** JavaScript と CSS リソースを読み込むためには `igLoader` コンポーネントを使うことを推奨します。この方法の詳細は、[Infragistics Loader による必要なリソースの自動追加](/using-infragistics-loader)のトピックを参照してください。さらに、オンラインの [\{environment:ProductName\} サンプル ブラウザー](\{environment:SamplesUrl\}) には、`igLayoutManager` コンポーネントで `igLoader` を使用する方法の具体的な例が記載されています。 ### <a id="steps"></a>手順 @@ -100,7 +102,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### <a id="introduction"></a>概要 -ここでは、フロー レイアウトとデフォルト設定を持つ `igLayoutManager` コントロールを HTML ページに追加する手順について説明します。ここでは、実際の HTML/JavaScript を実装します。これは、`igLayoutManager` コントロールによって必要とされるすべての {environment:ProductName} リソースを読み込むために、Infragistics Loader (`igLoader`) コンポーネントを使用します。マークアップについても、HTML ページに定義されています。`igLayoutManager` は、HTML マークアップ内で (すなわち、`` 要素のある `- ` 要素) 直接、初期化します。 +ここでは、フロー レイアウトとデフォルト設定を持つ `igLayoutManager` コントロールを HTML ページに追加する手順について説明します。ここでは、実際の HTML/JavaScript を実装します。これは、`igLayoutManager` コントロールによって必要とされるすべての \{environment:ProductName\} リソースを読み込むために、Infragistics Loader (`igLoader`) コンポーネントを使用します。マークアップについても、HTML ページに定義されています。`igLayoutManager` は、HTML マークアップ内で (すなわち、`` 要素のある `- ` 要素) 直接、初期化します。 その他のシナリオについては、[igLayoutManager の構成](/iglayoutmanager-configuring-layouts)を参照してください。 @@ -116,8 +118,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - 適切な場所に追加された必要なファイル: - Web ページと同じディレクトリにある Scripts という名前のフォルダーに追加された必要な jQuery および jQueryUI JavaScript リソース - - ig という名前のフォルダーに追加された {environment:ProductName} CSS ファイル (詳細は、[**{environment:ProductName} のスタイル設定とテーマ設定**](/deployment-guide-styling-and-theming)のトピックを参照してください。) - - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された {environment:ProductName} JavaScript ファイル (詳細は、[**{environment:ProductName} での JavaScript リソースの使用**](/deployment-guide-javascript-resources)のトピックを参照してください。) + - ig という名前のフォルダーに追加された \{environment:ProductName\} CSS ファイル (詳細は、[**\{environment:ProductName\} のスタイル設定とテーマ設定**](/deployment-guide-styling-and-theming)のトピックを参照してください。) + - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された \{environment:ProductName\} JavaScript ファイル (詳細は、[**\{environment:ProductName\} での JavaScript リソースの使用**](/deployment-guide-javascript-resources)のトピックを参照してください。) - ページの `<head>` セクションで参照される、必要な JavaScript リソース。 **HTML の場合:** @@ -199,7 +201,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### <a id="js-introduction"></a>概要 -この手順は、実際の HTML/JavaScript 実装を使用して、基本機能を持つ `igLayoutManager` コントロールを HTML ページへ追加する手順を説明します。`igLayoutManager` コントロールで必要なすべての {environment:ProductName} リソースを読み込むための Infragistics Loader コンポーネントを使用します。`igLayoutManager` は、コントロール オプション内の項目オブジェクトの配列として初期化します (すなわち、ブランクの `` 要素で、<ApiLink type="iglayoutmanager" label="itemCount" /> プロパティを使用して、`igLayoutManager` のインスタンス内部で項目数を提供します)。 +この手順は、実際の HTML/JavaScript 実装を使用して、基本機能を持つ `igLayoutManager` コントロールを HTML ページへ追加する手順を説明します。`igLayoutManager` コントロールで必要なすべての \{environment:ProductName\} リソースを読み込むための Infragistics Loader コンポーネントを使用します。`igLayoutManager` は、コントロール オプション内の項目オブジェクトの配列として初期化します (すなわち、ブランクの `` 要素で、<ApiLink type="iglayoutmanager" label="itemCount" /> プロパティを使用して、`igLayoutManager` のインスタンス内部で項目数を提供します)。 ### <a id="js-preview"></a>プレビュー @@ -213,8 +215,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - 適切な場所に追加された必要なファイル: - Web ページと同じディレクトリにある Scripts という名前のフォルダーに追加された必要な jQuery および jQueryUI JavaScript リソース - - ig という名前のフォルダーに追加された {environment:ProductName} CSS ファイル (詳細は、[**{environment:ProductName} のスタイル設定とテーマ設定**](/deployment-guide-styling-and-theming)のトピックを参照してください。) - - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された {environment:ProductName} JavaScript ファイル (詳細は、[**{environment:ProductName} での JavaScript リソースの使用**](/deployment-guide-javascript-resources)のトピックを参照してください。) + - ig という名前のフォルダーに追加された \{environment:ProductName\} CSS ファイル (詳細は、[**\{environment:ProductName\} のスタイル設定とテーマ設定**](/deployment-guide-styling-and-theming)のトピックを参照してください。) + - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された \{environment:ProductName\} JavaScript ファイル (詳細は、[**\{environment:ProductName\} での JavaScript リソースの使用**](/deployment-guide-javascript-resources)のトピックを参照してください。) - ページの `<head>` セクションで参照される、必要な JavaScript リソース。 **HTML の場合:** @@ -285,7 +287,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルでは、<ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> イベントの処理や作成した領域へのコンテンツの割り当てによって、レイアウト マネージャー コントロールの境界線レイアウトを JavaScript から初期化する方法を紹介します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/layout-manager/border-layout]({environment:SamplesEmbedUrl}/layout-manager/border-layout) + [\{environment:SamplesEmbedUrl\}/layout-manager/border-layout](\{environment:SamplesEmbedUrl\}/layout-manager/border-layout) </div> ##<a id="mvc-procedure"></a>ASP.NET MVC での igLayoutManager の追加 - 手順 @@ -306,8 +308,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - 適切な場所に追加された必要なファイル: - Web ページと同じディレクトリにある Scripts という名前のフォルダーに追加された必要な jQuery および jQueryUI JavaScript リソース - - ig という名前のフォルダーに追加された {environment:ProductName} CSS ファイル (詳細は、[**{environment:ProductName} のスタイル設定とテーマ設定**](/deployment-guide-styling-and-theming)のトピックを参照してください。) - - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された {environment:ProductName} JavaScript ファイル (詳細は、[**{environment:ProductName} での JavaScript リソースの使用**](/deployment-guide-javascript-resources)のトピックを参照してください。) + - ig という名前のフォルダーに追加された \{environment:ProductName\} CSS ファイル (詳細は、[**\{environment:ProductName\} のスタイル設定とテーマ設定**](/deployment-guide-styling-and-theming)のトピックを参照してください。) + - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された \{environment:ProductName\} JavaScript ファイル (詳細は、[**\{environment:ProductName\} での JavaScript リソースの使用**](/deployment-guide-javascript-resources)のトピックを参照してください。) - ページの `<head>` セクションで参照される、必要な JavaScript リソース。 **HTML の場合:** @@ -392,19 +394,19 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/layout-manager/aspnet-mvc-helper): このサンプルでは、レイアウト マネージャー コントロールの ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/layout-manager/aspnet-mvc-helper): このサンプルでは、レイアウト マネージャー コントロールの ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [HTML マークアップからの境界線のレイアウト]({environment:SamplesUrl}/layout-manager/border-layout-markup): このサンプルでは、「*center*」/「*left*」/「*right*」/「*header*」/「*footer*」 の各 CSS クラスを割り当て、HTML マークアップから `igLayoutManager` コントロールの境界線レイアウトを初期化する方法を紹介します。 +- [HTML マークアップからの境界線のレイアウト](\{environment:SamplesUrl\}/layout-manager/border-layout-markup): このサンプルでは、「*center*」/「*left*」/「*right*」/「*header*」/「*footer*」 の各 CSS クラスを割り当て、HTML マークアップから `igLayoutManager` コントロールの境界線レイアウトを初期化する方法を紹介します。 -- [レスポンシブ列レイアウト]({environment:SamplesUrl}/layout-manager/column-layout-markup): このサンプルでは、項目にクラスを割り当て、その内容がまたがる領域を指定して、`igLayoutManager` コントロールの列レイアウトを使用する方法を紹介します。このサンプルは JavaScript の初期化コードを使用しません。CSS および HTML のみで実装されています。 +- [レスポンシブ列レイアウト](\{environment:SamplesUrl\}/layout-manager/column-layout-markup): このサンプルでは、項目にクラスを割り当て、その内容がまたがる領域を指定して、`igLayoutManager` コントロールの列レイアウトを使用する方法を紹介します。このサンプルは JavaScript の初期化コードを使用しません。CSS および HTML のみで実装されています。 -- [レスポンシブ フロー レイアウト]({environment:SamplesUrl}/layout-manager/flow-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールのフロー レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 +- [レスポンシブ フロー レイアウト](\{environment:SamplesUrl\}/layout-manager/flow-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールのフロー レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 -- [colspan および rowspan 対応のグリッド レイアウト]({environment:SamplesUrl}/layout-manager/grid-layout): このサンプルは、定義済みのサイズのグリッドに項目を任意の位置に配置できる `igLayoutManager` コントロールのグリッド レイアウトの機能を紹介します。rowspan や colspan がさまざまに設定された項目があります。 +- [colspan および rowspan 対応のグリッド レイアウト](\{environment:SamplesUrl\}/layout-manager/grid-layout): このサンプルは、定義済みのサイズのグリッドに項目を任意の位置に配置できる `igLayoutManager` コントロールのグリッド レイアウトの機能を紹介します。rowspan や colspan がさまざまに設定された項目があります。 -- [カスタム サイズのグリッド レイアウト]({environment:SamplesUrl}/layout-manager/grid-layout-custom-size): このサンプルは、`igLayoutManager` コントロールのグリッド レイアウトで各列に特定の幅および高さを指定する機能を紹介します。 +- [カスタム サイズのグリッド レイアウト](\{environment:SamplesUrl\}/layout-manager/grid-layout-custom-size): このサンプルは、`igLayoutManager` コントロールのグリッド レイアウトで各列に特定の幅および高さを指定する機能を紹介します。 -- [レスポンシブ垂直レイアウト]({environment:SamplesUrl}/layout-manager/vertical-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールの垂直レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 +- [レスポンシブ垂直レイアウト](\{environment:SamplesUrl\}/layout-manager/vertical-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールの垂直レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/configuring-layouts.mdx b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/configuring-layouts.mdx index f2f9dacebc..0f3bf17929 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/configuring-layouts.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/configuring-layouts.mdx @@ -2,6 +2,9 @@ title: "igLayoutManager の構成" slug: iglayoutmanager-configuring-layouts --- + +# igLayoutManager の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igLayoutManager の構成 @@ -728,21 +731,21 @@ $("#layout").igLayoutManager({ このトピックについては、以下のサンプルも参照してください。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/layout-manager/aspnet-mvc-helper): このサンプルでは、レイアウト マネージャー コントロールの ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/layout-manager/aspnet-mvc-helper): このサンプルでは、レイアウト マネージャー コントロールの ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [HTML マークアップからの境界線のレイアウト]({environment:SamplesUrl}/layout-manager/border-layout-markup): このサンプルでは、「center」/「left」/「right」/「header」/「footer」 の各 CSS クラスを割り当て、HTML マークアップから `igLayoutManager` コントロールの境界線レイアウトを初期化する方法を紹介します。 +- [HTML マークアップからの境界線のレイアウト](\{environment:SamplesUrl\}/layout-manager/border-layout-markup): このサンプルでは、「center」/「left」/「right」/「header」/「footer」 の各 CSS クラスを割り当て、HTML マークアップから `igLayoutManager` コントロールの境界線レイアウトを初期化する方法を紹介します。 - [境界線のレイアウト - JavaScript による初期化](/iglayoutmanager-adding#js-steps): このサンプルでは、<ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> イベントの処理や作成した領域へのコンテンツの割り当てによって、`igLayoutManager` コントロールの境界線レイアウトを JavaScript から初期化する方法を紹介します。 -- [レスポンシブ列レイアウト]({environment:SamplesUrl}/layout-manager/column-layout-markup): このサンプルでは、項目にクラスを割り当て、その内容がまたがる領域を指定して、`igLayoutManager` コントロールの列レイアウトを使用する方法を紹介します。このサンプルは JavaScript の初期化コードを使用しません。CSS および HTML のみで実装されています。 +- [レスポンシブ列レイアウト](\{environment:SamplesUrl\}/layout-manager/column-layout-markup): このサンプルでは、項目にクラスを割り当て、その内容がまたがる領域を指定して、`igLayoutManager` コントロールの列レイアウトを使用する方法を紹介します。このサンプルは JavaScript の初期化コードを使用しません。CSS および HTML のみで実装されています。 -- [レスポンシブ フロー レイアウト]({environment:SamplesUrl}/layout-manager/flow-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールのフロー レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 +- [レスポンシブ フロー レイアウト](\{environment:SamplesUrl\}/layout-manager/flow-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールのフロー レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 -- [colspan および rowspan 対応のグリッド レイアウト]({environment:SamplesUrl}/layout-manager/grid-layout): このサンプルは、定義済みのサイズのグリッドに項目を任意の位置に配置できる `igLayoutManager` コントロールのグリッド レイアウトの機能を紹介します。rowspan や colspan がさまざまに設定された項目があります。 +- [colspan および rowspan 対応のグリッド レイアウト](\{environment:SamplesUrl\}/layout-manager/grid-layout): このサンプルは、定義済みのサイズのグリッドに項目を任意の位置に配置できる `igLayoutManager` コントロールのグリッド レイアウトの機能を紹介します。rowspan や colspan がさまざまに設定された項目があります。 -- [カスタム サイズのグリッド レイアウト]({environment:SamplesUrl}/layout-manager/grid-layout-custom-size): このサンプルは、`igLayoutManager` コントロールのグリッド レイアウトで各列に特定の幅および高さを指定する機能を紹介します。 +- [カスタム サイズのグリッド レイアウト](\{environment:SamplesUrl\}/layout-manager/grid-layout-custom-size): このサンプルは、`igLayoutManager` コントロールのグリッド レイアウトで各列に特定の幅および高さを指定する機能を紹介します。 -- [レスポンシブ垂直レイアウト]({environment:SamplesUrl}/layout-manager/vertical-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールの垂直レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 +- [レスポンシブ垂直レイアウト](\{environment:SamplesUrl\}/layout-manager/vertical-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールの垂直レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/handling-events.mdx b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/handling-events.mdx index 4b33426793..6555618f44 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/handling-events.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/handling-events.mdx @@ -3,6 +3,8 @@ title: "イベント処理 (igLayoutManager)" slug: iglayoutmanager-handling-events --- +# イベント処理 (igLayoutManager) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # イベント処理 (igLayoutManager) @@ -20,7 +22,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックを理解するために、以下のトピックを参照することをお勧めします。 -- [{environment:ProductName} でイベントの使用](/using-events-in-igniteui-for-jquery): このトピックでは、Web アプリケーションで {environment:ProductName}® を操作して、必要なリソースを管理する方法について説明します。 +- [\{environment:ProductName\} でイベントの使用](/using-events-in-igniteui-for-jquery): このトピックでは、Web アプリケーションで \{environment:ProductName\}® を操作して、必要なリソースを管理する方法について説明します。 - [igLayoutManager の概要](/iglayoutmanager-overview): このトピックでは、`igLayoutManager` コントロールの概念について説明し、サポートされているレイアウトやその使用についての情報を提供します。 @@ -61,7 +63,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; イベント ハンドラー関数の `igLayoutManager` コントロールへのアタッチは、一般的にコントロールの初期化時に行われます。 -HTML 内ではイベント ハンドラーを定義できないので、{environment:ProductNameMVC} を使用するときは、実行時にイベント ハンドラーを割り当てる必要があります。 +HTML 内ではイベント ハンドラーを定義できないので、\{environment:ProductNameMVC\} を使用するときは、実行時にイベント ハンドラーを割り当てる必要があります。 jQuery はイベント ハンドラーの割り当てるための以下のメソッドをサポートします。 @@ -76,7 +78,7 @@ jQuery はイベント ハンドラーの割り当てるための以下のメソ - <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> - すべての項目が描画された後に発生します。 - <ApiLink type="iglayoutmanager" member="rendered" section="events" label="rendered" /> - 項目がコンテナーの幅または高さに完全に対応しようとする前に発生します。 -イベントを処理する方法の詳細は、[{environment:ProductName} でのイベントの使用](/using-events-in-igniteui-for-jquery)のトピックを参照してください。 +イベントを処理する方法の詳細は、[\{environment:ProductName\} でのイベントの使用](/using-events-in-igniteui-for-jquery)のトピックを参照してください。 ### <a id="event-handaling"></a>イベント処理ケースの概要表 @@ -100,9 +102,9 @@ jQuery はイベント ハンドラーの割り当てるための以下のメソ 例|説明 ---|--- [jQuery での初期化時に itemRendered イベントを処理する](#example-jquery)|この例は、初期化時に jQuery で <ApiLink type="iglayoutmanager" label="itemRendered" /> イベントにイベント処理関数を割り当てます。 -[ASP.NET MVC での初期化時に itemRendered イベントを処理する](#example-asp-net)|この例は、初期化時に {environment:ProductNameMVC} を使用して <ApiLink type="iglayoutmanager" label="itemRendered" /> イベントにイベント処理関数を割り当てます。 +[ASP.NET MVC での初期化時に itemRendered イベントを処理する](#example-asp-net)|この例は、初期化時に \{environment:ProductNameMVC\} を使用して <ApiLink type="iglayoutmanager" label="itemRendered" /> イベントにイベント処理関数を割り当てます。 [jQuery での実行時に itemRendered イベントを処理する](#example-run-time-jquery)|この例は、実行時に jQuery で <ApiLink type="iglayoutmanager" label="itemRendered" /> イベントにイベント処理関数を割り当てます。 -[ASP.NET MVC での実行時に itemRendered イベントを処理する](#example-run-time-mvc)|この例は、実行時に {environment:ProductNameMVC} を使用して <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> イベントにイベント処理関数を割り当てます。 +[ASP.NET MVC での実行時に itemRendered イベントを処理する](#example-run-time-mvc)|この例は、実行時に \{environment:ProductNameMVC\} を使用して <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> イベントにイベント処理関数を割り当てます。 ##<a id="example-jquery"></a>コード例: jQuery での初期化時に itemRendered イベントを処理する @@ -130,7 +132,7 @@ $(".selector").igLayoutManager({ ### <a id="itemRender-mvc-description"></a>説明 -この例は、初期化時に {environment:ProductNameMVC} を使用して <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> イベントにイベント処理関数を割り当てます。 +この例は、初期化時に \{environment:ProductNameMVC\} を使用して <ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> イベントにイベント処理関数を割り当てます。 ### <a id="itemRender-mvc-code"></a>コード @@ -169,7 +171,7 @@ $(document).delegate(".selector", "iglayoutmanageritemrendered", function(evt, u ### <a id="itemRender-mvc-description-run-time"></a>説明 -この例は、実行時に {environment:ProductNameMVC} を使用して <ApiLink type="iglayoutmanager" label="itemRendered" /> イベントにイベント処理関数を割り当てます。 +この例は、実行時に \{environment:ProductNameMVC\} を使用して <ApiLink type="iglayoutmanager" label="itemRendered" /> イベントにイベント処理関数を割り当てます。 ### <a id="itemRender-mvc-code-run-time"></a>コード @@ -198,21 +200,21 @@ $(document).delegate(".selector", "iglayoutmanageritemrendered", function(evt, u このトピックについては、以下のサンプルも参照してください。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/layout-manager/aspnet-mvc-helper): このサンプルでは、レイアウト マネージャー コントロールの {environment:ProductNameMVC} を使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/layout-manager/aspnet-mvc-helper): このサンプルでは、レイアウト マネージャー コントロールの \{environment:ProductNameMVC\} を使用する方法を紹介します。 -- [HTML マークアップからの境界線のレイアウト]({environment:SamplesUrl}/layout-manager/border-layout-markup): このサンプルでは、「*center*」/「*left*」/「*right*」/「*header*」/「*footer*」 の各 CSS クラスを割り当て、HTML マークアップから `igLayoutManager` コントロールの境界線レイアウトを初期化する方法を紹介します。 +- [HTML マークアップからの境界線のレイアウト](\{environment:SamplesUrl\}/layout-manager/border-layout-markup): このサンプルでは、「*center*」/「*left*」/「*right*」/「*header*」/「*footer*」 の各 CSS クラスを割り当て、HTML マークアップから `igLayoutManager` コントロールの境界線レイアウトを初期化する方法を紹介します。 - [境界線のレイアウト - JavaScript による初期化](/iglayoutmanager-adding#js-steps): このサンプルでは、<ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> イベントの処理や作成した領域へのコンテンツの割り当てによって、`igLayoutManager` コントロールの境界線レイアウトを JavaScript から初期化する方法を紹介します。 -- [レスポンシブ列レイアウト]({environment:SamplesUrl}/layout-manager/column-layout-markup): このサンプルでは、項目にクラスを割り当て、その内容がまたがる領域を指定して、`igLayoutManager` コントロールの列レイアウトを使用する方法を紹介します。このサンプルは JavaScript の初期化コードを使用しません。CSS および HTML のみで実装されています。 +- [レスポンシブ列レイアウト](\{environment:SamplesUrl\}/layout-manager/column-layout-markup): このサンプルでは、項目にクラスを割り当て、その内容がまたがる領域を指定して、`igLayoutManager` コントロールの列レイアウトを使用する方法を紹介します。このサンプルは JavaScript の初期化コードを使用しません。CSS および HTML のみで実装されています。 -- [レスポンシブ フロー レイアウト]({environment:SamplesUrl}/layout-manager/flow-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールのフロー レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 +- [レスポンシブ フロー レイアウト](\{environment:SamplesUrl\}/layout-manager/flow-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールのフロー レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 -- [colspan および rowspan 対応のグリッド レイアウト]({environment:SamplesUrl}/layout-manager/grid-layout): このサンプルは、定義済みのサイズのグリッドに項目を任意の位置に配置できる `igLayoutManager` コントロールのグリッド レイアウトの機能を紹介します。rowspan や colspan がさまざまに設定された項目があります。 +- [colspan および rowspan 対応のグリッド レイアウト](\{environment:SamplesUrl\}/layout-manager/grid-layout): このサンプルは、定義済みのサイズのグリッドに項目を任意の位置に配置できる `igLayoutManager` コントロールのグリッド レイアウトの機能を紹介します。rowspan や colspan がさまざまに設定された項目があります。 -- [カスタム サイズのグリッド レイアウト]({environment:SamplesUrl}/layout-manager/grid-layout-custom-size): このサンプルは、`igLayoutManager` コントロールのグリッド レイアウトで各列に特定の幅および高さを指定する機能を紹介します。 +- [カスタム サイズのグリッド レイアウト](\{environment:SamplesUrl\}/layout-manager/grid-layout-custom-size): このサンプルは、`igLayoutManager` コントロールのグリッド レイアウトで各列に特定の幅および高さを指定する機能を紹介します。 -- [レスポンシブ垂直レイアウト]({environment:SamplesUrl}/layout-manager/vertical-layout) このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールの垂直レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 +- [レスポンシブ垂直レイアウト](\{environment:SamplesUrl\}/layout-manager/vertical-layout) このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールの垂直レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/jquery-and-aspnet-mvc-helper-api-links.mdx b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/jquery-and-aspnet-mvc-helper-api-links.mdx index b3127bd26e..a07aac9271 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/jquery-and-aspnet-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/jquery-and-aspnet-mvc-helper-api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igLayoutManager)" slug: iglayoutmanager-jquery-and-asp.net-mvc-helper-api-links --- +# jQuery および MVC API リファレンス リンク (igLayoutManager) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igLayoutManager) diff --git a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/known-issues-and-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/known-issues-and-limitations.mdx index eaf40a1d96..4e76367734 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/known-issues-and-limitations.mdx @@ -6,13 +6,12 @@ slug: iglayoutmanager-known-issues-and-limitations # 既知の問題と制限 (igLayoutManager) - ##既知の問題と制限 ### 既知の問題点と制約の概要表 -以下の表に、{environment:ProductName}® {environment:ProductVersion} リリースでの `igLayoutManager`™ コントロールの既知の問題と制限について簡単に説明します。 +以下の表に、\{environment:ProductName\}® \{environment:ProductVersion\} リリースでの `igLayoutManager`™ コントロールの既知の問題と制限について簡単に説明します。 ### 凡例: diff --git a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/landing-page.mdx b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/landing-page.mdx index 26745aa6a6..26851d790b 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/landing-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/landing-page.mdx @@ -6,7 +6,6 @@ slug: iglayoutmanager-landing-page # igLayoutManager - ##このグループのトピックについて diff --git a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/overview.mdx b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/overview.mdx index 3ed5105ec6..ccd8c20e6d 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglayoutmanager/overview.mdx @@ -3,6 +3,8 @@ title: "igLayoutManager の概要" slug: iglayoutmanager-overview --- +# igLayoutManager の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igLayoutManager の概要 @@ -14,7 +16,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -このトピックは、{environment:ProductName}® コントロールの概念について説明し、サポートされるレイアウトやその使用についての情報を提供します。 +このトピックは、\{environment:ProductName\}® コントロールの概念について説明し、サポートされるレイアウトやその使用についての情報を提供します。 ### このトピックの内容 @@ -225,7 +227,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ##<a id="requirements"></a>要件 -`igLayoutManager` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、Infragistics.Web.Mvc の組立が必要になります。 +`igLayoutManager` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、Infragistics.Web.Mvc の組立が必要になります。 完全な要件の一覧については、[igLayoutManager の追加](/iglayoutmanager-adding)のトピックを参照してください。 @@ -257,21 +259,21 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/layout-manager/aspnet-mvc-helper): このサンプルでは、レイアウト マネージャー コントロールの ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/layout-manager/aspnet-mvc-helper): このサンプルでは、レイアウト マネージャー コントロールの ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [HTML マークアップからの境界線のレイアウト]({environment:SamplesUrl}/layout-manager/border-layout-markup): このサンプルでは、「*center*」/「*left*」/「*right*」/「*header*」/「*footer*」 の各 CSS クラスを割り当て、HTML マークアップから `igLayoutManager` コントロールの境界線レイアウトを初期化する方法を紹介します。 +- [HTML マークアップからの境界線のレイアウト](\{environment:SamplesUrl\}/layout-manager/border-layout-markup): このサンプルでは、「*center*」/「*left*」/「*right*」/「*header*」/「*footer*」 の各 CSS クラスを割り当て、HTML マークアップから `igLayoutManager` コントロールの境界線レイアウトを初期化する方法を紹介します。 - [境界線のレイアウト - JavaScript による初期化](/iglayoutmanager-adding#js-steps): このサンプルでは、<ApiLink type="iglayoutmanager" member="itemRendered" section="events" label="itemRendered" /> イベントの処理や作成した領域へのコンテンツの割り当てによって、`igLayoutManager` コントロールの境界線レイアウトを JavaScript から初期化する方法を紹介します。 -- [レスポンシブ列レイアウト]({environment:SamplesUrl}/layout-manager/column-layout-markup): このサンプルでは、項目にクラスを割り当て、その内容がまたがる領域を指定して、`igLayoutManager` コントロールの列レイアウトを使用する方法を紹介します。このサンプルは JavaScript の初期化コードを使用しません。CSS および HTML のみで実装されています。 +- [レスポンシブ列レイアウト](\{environment:SamplesUrl\}/layout-manager/column-layout-markup): このサンプルでは、項目にクラスを割り当て、その内容がまたがる領域を指定して、`igLayoutManager` コントロールの列レイアウトを使用する方法を紹介します。このサンプルは JavaScript の初期化コードを使用しません。CSS および HTML のみで実装されています。 -- [レスポンシブ フロー レイアウト]({environment:SamplesUrl}/layout-manager/flow-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールのフロー レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 +- [レスポンシブ フロー レイアウト](\{environment:SamplesUrl\}/layout-manager/flow-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールのフロー レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 -- [colspan および rowspan 対応のグリッド レイアウト]({environment:SamplesUrl}/layout-manager/grid-layout): このサンプルは、定義済みのサイズのグリッドに項目を任意の位置に配置できる `igLayoutManager` コントロールのグリッド レイアウトの機能を紹介します。rowspan や colspan がさまざまに設定された項目があります。 +- [colspan および rowspan 対応のグリッド レイアウト](\{environment:SamplesUrl\}/layout-manager/grid-layout): このサンプルは、定義済みのサイズのグリッドに項目を任意の位置に配置できる `igLayoutManager` コントロールのグリッド レイアウトの機能を紹介します。rowspan や colspan がさまざまに設定された項目があります。 -- [カスタム サイズのグリッド レイアウト]({environment:SamplesUrl}/layout-manager/grid-layout-custom-size): このサンプルは、`igLayoutManager` コントロールのグリッド レイアウトで各列に特定の幅および高さを指定する機能を紹介します。 +- [カスタム サイズのグリッド レイアウト](\{environment:SamplesUrl\}/layout-manager/grid-layout-custom-size): このサンプルは、`igLayoutManager` コントロールのグリッド レイアウトで各列に特定の幅および高さを指定する機能を紹介します。 -- [レスポンシブ垂直レイアウト]({environment:SamplesUrl}/layout-manager/vertical-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールの垂直レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 +- [レスポンシブ垂直レイアウト](\{environment:SamplesUrl\}/layout-manager/vertical-layout): このサンプルは、さまざまな項目のサイズがピクセルまたはパーセンテージで設定された `igLayoutManager` コントロールの垂直レイアウトの応答について、また初期化のマークアップの必要なしで `igLayoutManager` のオプションに項目数を設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/accessibility-compliance.mdx index aa534f9421..563d9a3778 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/accessibility-compliance.mdx @@ -6,7 +6,6 @@ slug: iglineargauge-accessibility-compliance # アクセシビリティの遵守 (igLinearGauge) - ##トピックの概要 @@ -29,7 +28,7 @@ slug: iglineargauge-accessibility-compliance ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igLinearGauge` コントロールが各規則を遵守する方法も詳細に説明しています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igLinearGauge` コントロールが各規則を遵守する方法も詳細に説明しています。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -51,7 +50,7 @@ slug: iglineargauge-accessibility-compliance 以下のトピックでは、このトピックに関連する追加情報を提供しています。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、{environment:ProductName} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、\{environment:ProductName\} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/adding/adding-to-an-html-page.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/adding/adding-to-an-html-page.mdx index 1fa576fc23..665239cc03 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/adding/adding-to-an-html-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/adding/adding-to-an-html-page.mdx @@ -3,6 +3,8 @@ title: "igLinearGauge の HTML ページへの追加" slug: iglineargauge-adding-to-an-html-page --- +# igLinearGauge の HTML ページへの追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igLinearGauge の HTML ページへの追加 @@ -345,4 +347,4 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [基本構成]({environment:SamplesUrl}/linear-gauge/basic-configuration): このサンプルでは、`igLinearGauge` コントロールのシンプルな構成を紹介します。 +- [基本構成](\{environment:SamplesUrl\}/linear-gauge/basic-configuration): このサンプルでは、`igLinearGauge` コントロールのシンプルな構成を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/adding/adding-using-the-mvc-helper.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/adding/adding-using-the-mvc-helper.mdx index 13118a83a9..2026d272cd 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/adding/adding-using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/adding/adding-using-the-mvc-helper.mdx @@ -3,6 +3,8 @@ title: "igLinearGauge の ASP.NET MVC アプリケーションへの追加" slug: iglineargauge-adding-using-the-mvc-helper --- +# igLinearGauge の ASP.NET MVC アプリケーションへの追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igLinearGauge の ASP.NET MVC アプリケーションへの追加 @@ -27,7 +29,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **トピック** -- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで {environment:ProductName}™ コンポーネントを使用した作業の開始方法を説明します。 +- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで \{environment:ProductName\}™ コンポーネントを使用した作業の開始方法を説明します。 - [igLinearGauge の概要](/iglineargauge-overview): このトピックは、主要機能、最小要件およびユーザー機能性など、`igLinearGauge` コントロールの概念的な情報を提供します。 @@ -148,7 +150,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ``` 2. 基本的な描画オプションを構成する `igLinearGauge` コントロールのインスタンスを作成します。 - igLinearGauge のインスタンスを作成します。すべての {environment:ProductNameMVC} コントロールと同様に、Render メソッドを呼び出して HTML と JavaScript をビューに描画します。 + igLinearGauge のインスタンスを作成します。すべての \{environment:ProductNameMVC\} コントロールと同様に、Render メソッドを呼び出して HTML と JavaScript をビューに描画します。 **ASPX の場合:** @@ -275,7 +277,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [MVC の初期化]({environment:SamplesUrl}/linear-gauge/mvc-initialization): このサンプルでは、リニア ゲージの ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [MVC の初期化](\{environment:SamplesUrl\}/linear-gauge/mvc-initialization): このサンプルでは、リニア ゲージの ASP.NET MVC ヘルパーを使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/api-links.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/api-links.mdx index 3f44177ebf..6371bc2c61 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igLinearGauge)" slug: iglineargauge-api-links --- +# jQuery および MVC API リファレンス リンク (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igLinearGauge) diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/configuring-the-orientation-and-direction.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/configuring-the-orientation-and-direction.mdx index dd69fb98fe..19bad543a3 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/configuring-the-orientation-and-direction.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/configuring-the-orientation-and-direction.mdx @@ -3,6 +3,8 @@ title: "向きと方向の構成 (igLinearGauge)" slug: iglineargauge-configuring-the-orientation-and-direction --- +# 向きと方向の構成 (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 向きと方向の構成 (igLinearGauge) @@ -19,7 +21,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igLinearGauge の概要](/iglineargauge-overview): このトピックは、主要機能、最小要件およびユーザー機能性など、`igLinearGauge` コントロールの概念的な情報を提供します。 -- [igLinearGauge の追加](/iglineargauge-adding):このトピックでは、`igLinearGauge` コントロールを {environment:PlatformName} アプリケーションに追加する方法を説明します。 +- [igLinearGauge の追加](/iglineargauge-adding):このトピックでは、`igLinearGauge` コントロールを \{environment:PlatformName\} アプリケーションに追加する方法を説明します。 @@ -211,7 +213,7 @@ $('#igLinearGauge').igLinearGauge({ このトピックについては、以下のサンプルも参照してください。 -- [垂直方向]({environment:SamplesUrl}/linear-gauge/vertical-horizontal-orientation): このサンプルでは、`igLinearGauge` の方向を変更し、スケールを反転する方法を紹介します。 +- [垂直方向](\{environment:SamplesUrl\}/linear-gauge/vertical-horizontal-orientation): このサンプルでは、`igLinearGauge` の方向を変更し、スケールを反転する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/configuring.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/configuring.mdx index b3bf996c27..ea0eab926a 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/configuring.mdx @@ -5,7 +5,6 @@ slug: iglineargauge-configuring # igLinearGauge の構成 - ##このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-comparative-ranges.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-comparative-ranges.mdx index 6d485b7b1b..f819f87ea3 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-comparative-ranges.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-comparative-ranges.mdx @@ -3,6 +3,8 @@ title: "比較範囲の構成 (igLinearGauge)" slug: iglineargauge-configuring-comparative-ranges --- +# 比較範囲の構成 (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 比較範囲の構成 (igLinearGauge) @@ -274,7 +276,7 @@ $(function () { このトピックについては、以下のサンプルも参照してください。 -- [範囲設定]({environment:SamplesUrl}/linear-gauge/range-settings): このサンプルでは、`igLinearGauge` コントロールで比較範囲を設定する方法を紹介します。 +- [範囲設定](\{environment:SamplesUrl\}/linear-gauge/range-settings): このサンプルでは、`igLinearGauge` コントロールで比較範囲を設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-background.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-background.mdx index 782b065651..9140cfb2e8 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-background.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-background.mdx @@ -3,6 +3,8 @@ title: "背景の構成 (igLinearGauge)" slug: iglineargauge-configuring-the-background --- +# 背景の構成 (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 背景の構成 (igLinearGauge) diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-needle.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-needle.mdx index 5af03f6b6f..5190310f54 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-needle.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-needle.mdx @@ -3,6 +3,8 @@ title: "針の構成 (igLinearGauge)" slug: iglineargauge-configuring-the-needle --- +# 針の構成 (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 針の構成 (igLinearGauge) @@ -436,7 +438,7 @@ $("#lineargauge").igLinearGauge({ このトピックについては、以下のサンプルも参照してください。 -- [針の設定]({environment:SamplesUrl}/linear-gauge/needle-settings): このサンプルでは、定義済み図形を使用するか、カスタム図形を作成すると、値針を構成する方法を紹介します。 +- [針の設定](\{environment:SamplesUrl\}/linear-gauge/needle-settings): このサンプルでは、定義済み図形を使用するか、カスタム図形を作成すると、値針を構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-scale.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-scale.mdx index c30c33dc72..0685613c29 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-scale.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-scale.mdx @@ -3,6 +3,8 @@ title: "スケールの構成 (igLinearGauge)" slug: iglineargauge-configuring-the-scale --- +# スケールの構成 (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # スケールの構成 (igLinearGauge) @@ -306,7 +308,7 @@ $('#igLinearGauge').igLinearGauge({ ![](../../../../images/images/igLinearGauge_Configuring_the_Scale_2.png) -スケールの範囲を定義すると、比較範囲および針などの他の値ベースの視覚要素もスケール上に配置できます。前述の要素は値ベースであるため、スケールの範囲が変化 (最小値または最大値の変化、あるいはその両方の変化) すると、これらの視覚要素は、スケール上の位置が保持されたスケール値に応じて再配置されます。(この結果の実例は、[範囲設定]({environment:SamplesUrl}/linear-gauge/range-settings)のサンプルを参照してください。) +スケールの範囲を定義すると、比較範囲および針などの他の値ベースの視覚要素もスケール上に配置できます。前述の要素は値ベースであるため、スケールの範囲が変化 (最小値または最大値の変化、あるいはその両方の変化) すると、これらの視覚要素は、スケール上の位置が保持されたスケール値に応じて再配置されます。(この結果の実例は、[範囲設定](\{environment:SamplesUrl\}/linear-gauge/range-settings)のサンプルを参照してください。) ### <a id="range-setting"></a>プロパティ設定 @@ -786,7 +788,7 @@ result of the following settings: このトピックについては、以下のサンプルも参照してください。 -- [スケールの設定]({environment:SamplesUrl}/linear-gauge/scale-settings): このサンプルでは、`igLinearGauge` コントロールのサポートされるスケール構成を紹介します。 +- [スケールの設定](\{environment:SamplesUrl\}/linear-gauge/scale-settings): このサンプルでは、`igLinearGauge` コントロールのサポートされるスケール構成を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-tooltips.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-tooltips.mdx index 0ea7ddf977..9e43559b83 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-tooltips.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-tooltips.mdx @@ -3,6 +3,8 @@ title: "ツールチップの構成 (igLinearGauge)" slug: iglineargauge-configuring-the-tooltips --- +# ツールチップの構成 (igLinearGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ツールチップの構成 (igLinearGauge) diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-visual-elements.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-visual-elements.mdx index 7982a9dfac..535db2d909 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-visual-elements.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/configuring/elements/configuring-the-visual-elements.mdx @@ -6,7 +6,6 @@ slug: iglineargauge-configuring-the-visual-elements # 視覚要素の構成 (igLinearGauge) - ##このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/iglineargauge.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/iglineargauge.mdx index 994023c701..7393e38d39 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/iglineargauge.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/iglineargauge.mdx @@ -6,7 +6,6 @@ slug: iglineargauge # igLinearGauge - ##このグループのトピックについて @@ -14,7 +13,7 @@ slug: iglineargauge このグループのトピックでは、`igLinearGauge`™ コントロールとその使用方法を説明します。 -`igLinearGauge` コントロールは、データをリニア ゲージ形式で視覚化する {environment:ProductName}™ コントロールです。スケールおよび 1 つ以上の範囲と比較した値をシンプルで簡潔に表示します。 +`igLinearGauge` コントロールは、データをリニア ゲージ形式で視覚化する \{environment:ProductName\}™ コントロールです。スケールおよび 1 つ以上の範囲と比較した値をシンプルで簡潔に表示します。 ![](../../images/images/igLinearGauge.png) @@ -22,7 +21,7 @@ slug: iglineargauge - [igLinearGauge の概要](/iglineargauge-overview): このトピックは、主要機能、最小要件およびユーザー機能性など、`igLinearGauge` コントロールの概念的な情報を提供します。 -- [igLinearGauge の追加](/iglineargauge-adding): このトピックでは、`igLinearGauge` コントロールを {environment:PlatformName} アプリケーションに追加する方法を説明します。 +- [igLinearGauge の追加](/iglineargauge-adding): このトピックでは、`igLinearGauge` コントロールを \{environment:PlatformName\} アプリケーションに追加する方法を説明します。 - [igLinearGauge の構成](/iglineargauge-configuring): このトピック グループは、向きや視覚要素および値のアニメーション表示を含む `igLinearGauge` コントロールのさまざまな要素を構成する方法を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/known-issues-and-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/known-issues-and-limitations.mdx index 6f13ee9ccb..8a0be8a151 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/known-issues-and-limitations.mdx @@ -5,7 +5,6 @@ slug: iglineargauge-known-issues-and-limitations # 既知の問題と制限 (igLinearGauge) - ##既知の問題と制限 ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/iglineargauge/overview.mdx b/docs/jquery/src/content/ja/topics/controls/iglineargauge/overview.mdx index 19a503608e..c53ee4e51c 100644 --- a/docs/jquery/src/content/ja/topics/controls/iglineargauge/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/iglineargauge/overview.mdx @@ -3,6 +3,8 @@ title: "igLinearGauge の概要" slug: iglineargauge-overview --- +# igLinearGauge の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igLinearGauge の概要 @@ -50,7 +52,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### igLinearGauge の概要 -`igLinearGauge` コントロールは、データをリニア ゲージ形式で視覚化する {environment:ProductName} コントロールです。スケールおよび 1 つ以上の比較範囲と比較した主要な値をシンプルで簡潔に表示します。 +`igLinearGauge` コントロールは、データをリニア ゲージ形式で視覚化する \{environment:ProductName\} コントロールです。スケールおよび 1 つ以上の比較範囲と比較した主要な値をシンプルで簡潔に表示します。 ![](../../images/images/igLinearGauge.png) @@ -73,7 +75,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ---|--- 構成可能な向きと方向|`igLinearGauge` コントロールでは、スケールの向きと方向の状態を設定する API が公開され、ゲージの外観を大幅にカスタマイズすることができます。(詳細は、[向きと方向の構成 (igLinearGauge)](/iglineargauge-configuring-the-orientation-and-direction) のトピックを参照してください。) 構成可能な視覚要素|リニア ゲージの各[視覚要素](#config-visual-elements-related-prop)は、さまざまな形で構成できます。(詳細は、[igLinearGauge の構成可能な視覚要素と関連プロパティ](#config-visual-elements-related-prop) を参照してください。) -アニメーション化されたトランジション|`igLinearGauge` コントロールでは、<ApiLink type="igLinearGauge" member="transitionDuration" section="options" label="transitionDuration" /> プロパティによるアニメーションの組み込みサポートが提供されています。アニメーション結果は、コントロールの読み込みで再生し、プロパティの値が変更するときにも再生します。デフォルトで、アニメーション化されたトランジションは無効になっています。ミリ秒単位で値を設定できるコントロールの `transitionDuration` プロパティにより、ビューでコントロールをスワイプする時間枠を定義します。視覚要素は左下から右上に移動するスライド効果によって、すべて滑らかに表示されます。値を 0 に設定するとアニメーション トランジションが無効になります。アニメーション化されたトランジション効果を示すサンプルは、[アニメーション化されたトランジション]({environment:SamplesUrl}/linear-gauge/animated-transitions)のサンプルを参照してください。 +アニメーション化されたトランジション|`igLinearGauge` コントロールでは、<ApiLink type="igLinearGauge" member="transitionDuration" section="options" label="transitionDuration" /> プロパティによるアニメーションの組み込みサポートが提供されています。アニメーション結果は、コントロールの読み込みで再生し、プロパティの値が変更するときにも再生します。デフォルトで、アニメーション化されたトランジションは無効になっています。ミリ秒単位で値を設定できるコントロールの `transitionDuration` プロパティにより、ビューでコントロールをスワイプする時間枠を定義します。視覚要素は左下から右上に移動するスライド効果によって、すべて滑らかに表示されます。値を 0 に設定するとアニメーション トランジションが無効になります。アニメーション化されたトランジション効果を示すサンプルは、[アニメーション化されたトランジション](\{environment:SamplesUrl\}/linear-gauge/animated-transitions)のサンプルを参照してください。 ツールチップのサポート|`igLinearGauge` コントロールに組み込まれたツールチップは、針を作成するための値、または異なる範囲に対応したそれぞれの値を示します。コントロールのデフォルト ルックに合わせて初期スタイル設定がされていますが、その外観はテンプレートでカスタマイズできます。デフォルトでは、ツールチップは無効になっています。(詳細は、[ツールチップの構成 (igLinearGauge)](/iglineargauge-configuring-the-tooltips) を参照してください) @@ -547,7 +549,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ##<a id="requirements"></a>要件 -`igLinearGauge` コントロールは jQuery UI ウィジェットであるため、jQuery ライブラリと jQuery UI ライブラリに依存します。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 +`igLinearGauge` コントロールは jQuery UI ウィジェットであるため、jQuery ライブラリと jQuery UI ライブラリに依存します。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 リニア ゲージに針を表示するには、<ApiLink type="igLinearGauge" member="value" section="options" label="value" /> プロパティの設定が必要です。 @@ -561,7 +563,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igLinearGauge の追加](/iglineargauge-adding): このトピックでは、`igLinearGauge` コントロールを {environment:ProductName} アプリケーションに追加する方法を説明します。 +- [igLinearGauge の追加](/iglineargauge-adding): このトピックでは、`igLinearGauge` コントロールを \{environment:ProductName\} アプリケーションに追加する方法を説明します。 - [igLinearGauge の構成](/iglineargauge-configuring): このトピック グループは、向きや方向および視覚要素を含む `igLinearGauge` コントロールのさまざまな要素を構成する方法を説明します。 @@ -575,9 +577,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [基本構成]({environment:SamplesUrl}/linear-gauge/basic-configuration): このサンプルでは、`igLinearGauge` コントロールのシンプルな構成を紹介します。 +- [基本構成](\{environment:SamplesUrl\}/linear-gauge/basic-configuration): このサンプルでは、`igLinearGauge` コントロールのシンプルな構成を紹介します。 -- [アニメーション化されたトランジション]({environment:SamplesUrl}/linear-gauge/animated-transitions): このサンプルでは、複数の `igLinearGauge` コントロールの設定間でのアニメーション化されたトランジションを紹介します。 +- [アニメーション化されたトランジション](\{environment:SamplesUrl\}/linear-gauge/animated-transitions): このサンプルでは、複数の `igLinearGauge` コントロールの設定間でのアニメーション化されたトランジションを紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/accessibility-compliance.mdx index f03e4bb9e7..c5054f1e99 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/accessibility-compliance.mdx @@ -6,7 +6,6 @@ slug: igmap-accessibility-compliance # アクセシビリティの遵守 (igMap) - ##トピックの概要 @@ -28,7 +27,7 @@ slug: igmap-accessibility-compliance ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、igMap コントロールが各規則を順守するための詳しい方法も含まれています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、igMap コントロールが各規則を順守するための詳しい方法も含まれています。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -54,7 +53,7 @@ slug: igmap-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティの遵守](/accessibility-compliance): このトピックでは、{environment:ProductName} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 +- [アクセシビリティの遵守](/accessibility-compliance): このトピックでは、\{environment:ProductName\} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/adding-igmap.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/adding-igmap.mdx index 0d6a0d3827..9c3e194d63 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/adding-igmap.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/adding-igmap.mdx @@ -19,9 +19,9 @@ slug: adding-igmap **トピック** -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview): {environment:ProductName}™ ライブラリにつぃての一般的情報 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): \{environment:ProductName\}™ ライブラリにつぃての一般的情報 -- [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して {environment:ProductName} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 +- [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して \{environment:ProductName\} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 - [igMap の概要](/overview-igmap): このトピックは、`igMap` コントロールについて、その主要機能、最小要件、ユーザー インタラクションといった事項の概念的情報を提供します。 @@ -70,8 +70,8 @@ slug: adding-igmap - 必要なリソースを参照します。必要なリソースは次のとおりです。 - jQuery、jQueryUI、および Modernizer JavaScript リソース (Web サイトまたは Web アプリケーションのスクリプト フォルダーに格納されている必要があります) - - {environment:ProductName} CSS ファイル (Web サイトまたは Web アプリケーションの Infragistics® コンテンツ フォルダーに格納されている必要があります。詳細に関するトピックは [{environment:ProductName} のスタイルとテーマの設定](/deployment-guide-styling-and-theming)を参照) - - {environment:ProductName} JavaScript ファイル (Web サイトまたは Web アプリケーションの Infragistics スクリプト フォルダーに格納されている必要があります。詳細は [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)トピックを参照) + - \{environment:ProductName\} CSS ファイル (Web サイトまたは Web アプリケーションの Infragistics® コンテンツ フォルダーに格納されている必要があります。詳細に関するトピックは [\{environment:ProductName\} のスタイルとテーマの設定](/deployment-guide-styling-and-theming)を参照) + - \{environment:ProductName\} JavaScript ファイル (Web サイトまたは Web アプリケーションの Infragistics スクリプト フォルダーに格納されている必要があります。詳細は [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)トピックを参照) 参照は、手動でまたは [Infragistics Loader](/using-infragistics-loader) (推奨) を使用して追加できます。 @@ -218,8 +218,8 @@ slug: adding-igmap - 必要なリソースを参照します。必要なリソースは次のとおりです。 - jQuery、jQueryUI、および Modernizer JavaScript リソース (Web サイトまたは Web アプリケーションのスクリプト フォルダーに格納されている必要があります) - - {environment:ProductName} CSS ファイル (Web サイトまたは Web アプリケーションの Infragistics® コンテンツ フォルダーに格納されている必要があります。詳細に関するトピックは [{environment:ProductName} のスタイルとテーマの設定](/deployment-guide-styling-and-theming)を参照) - - {environment:ProductName} JavaScript ファイル (Web サイトまたは Web アプリケーションの Infragistics スクリプト フォルダーに格納されている必要があります。詳細は [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)トピックを参照) + - \{environment:ProductName\} CSS ファイル (Web サイトまたは Web アプリケーションの Infragistics® コンテンツ フォルダーに格納されている必要があります。詳細に関するトピックは [\{environment:ProductName\} のスタイルとテーマの設定](/deployment-guide-styling-and-theming)を参照) + - \{environment:ProductName\} JavaScript ファイル (Web サイトまたは Web アプリケーションの Infragistics スクリプト フォルダーに格納されている必要があります。詳細は [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)トピックを参照) 参照は、手動でまたは [Infragistics Loader](/using-infragistics-loader) (推奨) を使用して追加できます。 @@ -231,7 +231,7 @@ slug: adding-igmap <script type="text/javascript" src="/Scripts/ig/js/infragistics.loader.js"></script> ``` -次に ASP.NET MVC プロジェクトで `Infragistics.Web.Mvc` アセンブリを参照し、`Infragistics.Web.Mvc` 名前空間をビューで参照します。詳細は、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)を参照してください。明確にするために、名前空間を参照するコードを以下に示します。 +次に ASP.NET MVC プロジェクトで `Infragistics.Web.Mvc` アセンブリを参照し、`Infragistics.Web.Mvc` 名前空間をビューで参照します。詳細は、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)を参照してください。明確にするために、名前空間を参照するコードを以下に示します。 **ASPX の場合:** @@ -420,7 +420,7 @@ slug: adding-igmap - [マップのツールチップ](/igmap-configuring-visual-features#map-tooltips-sample): このサンプルでは、マップ コントロールでマップ ツールチップを設定し、ビュー モデルをコントロールにバインドする方法を紹介します。 -- [地理記号シリーズ]({environment:SamplesUrl}/map/geo-symbol-series): このサンプルは、マップを作成し、地理シンボル シリーズを表示する方法を示します。 +- [地理記号シリーズ](\{environment:SamplesUrl\}/map/geo-symbol-series): このサンプルは、マップを作成し、地理シンボル シリーズを表示する方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/api-links.mdx index 3d417f25a4..77f1afa284 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リファレンス リンク (igMap)" slug: igmap-api-links --- +# jQuery と MVC API リファレンス リンク (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リファレンス リンク (igMap) diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/configuring-map-provider.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/configuring-map-provider.mdx index 276d9ebfef..225efa894d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/configuring-map-provider.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/configuring-map-provider.mdx @@ -3,6 +3,8 @@ title: "マップ プロバイダーの構成 (igMap)" slug: igmap-configuring-map-provider --- +# マップ プロバイダーの構成 (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # マップ プロバイダーの構成 (igMap) @@ -221,7 +223,7 @@ $("#map").igMap({ このトピックについては、以下のサンプルも参照してください。 -- [Bing Maps]({environment:SamplesUrl}/map/bing-maps): このサンプルでは、Bing Maps を使用してマップ コントロールで地理シリーズを描画する方法を紹介します。 +- [Bing Maps](\{environment:SamplesUrl\}/map/bing-maps): このサンプルでは、Bing Maps を使用してマップ コントロールで地理シリーズを描画する方法を紹介します。 ### <a id="resources"></a>リソース diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-features.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-features.mdx index 17e6cc1b5f..5c4a8a7597 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-features.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-features.mdx @@ -6,7 +6,6 @@ slug: igmap-configuring-features # 機能の構成 (igMap) - ##このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-navigation-features.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-navigation-features.mdx index 05ac3c0068..53aa80f05a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-navigation-features.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-navigation-features.mdx @@ -3,6 +3,8 @@ title: "ナビゲーション機能の構成 (igMap)" slug: igmap-configuring-navigation-features --- +# ナビゲーション機能の構成 (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ナビゲーション機能の構成 (igMap) diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-visual-features.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-visual-features.mdx index d680fca30c..809e3d0e25 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-visual-features.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/features/configuring-visual-features.mdx @@ -2,6 +2,9 @@ title: "ビジュアル機能の構成 (igMap)" slug: igmap-configuring-visual-features --- + +# ビジュアル機能の構成 (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ビジュアル機能の構成 (igMap) @@ -141,7 +144,7 @@ isHitTestRender|true の場合、これはヒット テスト用の特別な描 [ツールチップ テンプレートの構成](#config-tooltip-template)|このコード例は、地理シンボル シリーズのコンテキスト内でツールチップ テンプレートを構成する方法を示しています。 [JavaScript でのマーカー テンプレートの構成](#config-marker-template-js)|このコード例は、JavaScript でカスタム マーカー テンプレートを構成する方法を示しています。 [ASP.NET MVC でのマーカー テンプレートの構成](#config-marker-template-mvc)|このコード例は、ASP.NET MVC でカスタム マーカー テンプレートを構成する方法を示しています。 -[SimpleTextMarkerTemplate を使用したマーカー テンプレートの構成](#simple-text-marker-template)|このコード例は、{environment:ProductName} ライブラリからの `SimpleTextMarkerTemplate` ヘルパー クラスを使用して、カスタム マーカー テンプレートを構成する方法を示しています。 +[SimpleTextMarkerTemplate を使用したマーカー テンプレートの構成](#simple-text-marker-template)|このコード例は、\{environment:ProductName\} ライブラリからの `SimpleTextMarkerTemplate` ヘルパー クラスを使用して、カスタム マーカー テンプレートを構成する方法を示しています。 [カスタム マーカー テンプレートの構成](#config-custom-marker-template)|このコード例は、地理シンボル シリーズのコンテキスト内でカスタム マーカー テンプレートを構成する方法を示しています。 @@ -217,7 +220,7 @@ $("#map").igMap({ このサンプルでは、igMap コントロールでマップ ツールチップを設定し、ビュー モデルをコントロールにバインドする方法を紹介します。世界の都市の位置は、サーバー側にマップ コントロールの地理記号シリーズにバインドされるオブジェクトのリストで保存されます。都市名、国名、地理座標を表示するツールチップ テンプレートがシリーズに割り当てられ、マウス ポインターがマップで都市マーカーの上にホバーしたときに表示されます。データへズーム インするには、マウス スクロール ホイールを使用します。タッチ デバイスでは、縮小ジェスチャを使用します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/map/map-tooltips]({environment:SamplesEmbedUrl}/map/map-tooltips) + [\{environment:SamplesEmbedUrl\}/map/map-tooltips](\{environment:SamplesEmbedUrl\}/map/map-tooltips) </div> ##<a id="config-marker-template-js"></a>コード例: JavaScript でのマーカー テンプレートの構成 @@ -306,7 +309,7 @@ var customMarker = { このコード例は、地理シンボル シリーズのコンテキスト内でカスタム マーカー テンプレートを構成する方法を示しています。地理図形 シリーズのカスタム マーカーの構成は同様です。マーカーおよびカスタム マーカーを表示しない他の map シリーズ タイプは重要ではありません。 -この例では、単純化するためにカスタム マーカーを使用して作成された {environment:ProductName} からの、`SimpleTextMarkerTemplate` という名前のヘルパー ウィジェットを使用しています。このウィジェットには、ツールチップの外観を構成するためのいくつかのオプションがあります。 +この例では、単純化するためにカスタム マーカーを使用して作成された \{environment:ProductName\} からの、`SimpleTextMarkerTemplate` という名前のヘルパー ウィジェットを使用しています。このウィジェットには、ツールチップの外観を構成するためのいくつかのオプションがあります。 ### コード @@ -422,7 +425,7 @@ markerTemplate: { このトピックについては、以下のサンプルも参照してください。 -- [マーカー テンプレート]({environment:SamplesUrl}/map/marker-template): このサンプルでは、マップ コントロールでカスタム マーカー テンプレートを作成する方法を紹介します。 +- [マーカー テンプレート](\{environment:SamplesUrl\}/map/marker-template): このサンプルでは、マップ コントロールでカスタム マーカー テンプレートを作成する方法を紹介します。 ### <a id="resources"></a>リソース diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/igmap.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/igmap.mdx index a803923eff..148585ff89 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/igmap.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/igmap.mdx @@ -6,7 +6,6 @@ slug: configuring-igmap # igMap の構成 - ##このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-contour-line-series.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-contour-line-series.mdx index f72a37b930..8296955956 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-contour-line-series.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-contour-line-series.mdx @@ -2,6 +2,9 @@ title: "地理等高線シリーズの構成 (igMap)" slug: igmap-configuring-geographic-contour-line-series --- + +# 地理等高線シリーズの構成 (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 地理等高線シリーズの構成 (igMap) @@ -241,7 +244,7 @@ $("#map").igMap({ 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [地理等高線シリーズ]({environment:SamplesUrl}/map/geo-contour-line): このサンプルでは、三角形分割ファイル (.ITF) をマップ コントロールにバインドし、地理等高線シリーズを構成する方法を紹介します。 +- [地理等高線シリーズ](\{environment:SamplesUrl\}/map/geo-contour-line): このサンプルでは、三角形分割ファイル (.ITF) をマップ コントロールにバインドし、地理等高線シリーズを構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-polyline-series.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-polyline-series.mdx index 4e32799c1c..27f01be3a2 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-polyline-series.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-polyline-series.mdx @@ -2,6 +2,9 @@ title: "地理ポリライン シリーズの構成 (igMap)" slug: igmap-configuring-geographic-polyline-series --- + +# 地理ポリライン シリーズの構成 (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 地理ポリライン シリーズの構成 (igMap) @@ -225,7 +228,7 @@ $("#map").igMap({ このトピックについては、以下のサンプルも参照してください。 -- [地理的ポリライン シリーズ]({environment:SamplesUrl}/map/geo-polyline-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをバインドして地理ポリライン シリーズを構成する方法を示します。 +- [地理的ポリライン シリーズ](\{environment:SamplesUrl\}/map/geo-polyline-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをバインドして地理ポリライン シリーズを構成する方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-proportional-symbol-series.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-proportional-symbol-series.mdx index 76e37bf2ed..200d2bbb17 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-proportional-symbol-series.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-proportional-symbol-series.mdx @@ -2,6 +2,9 @@ title: "地理比例シンボル シリーズの構成 (igMap)" slug: igmap-configuring-geographic-proportional-symbol-series --- + +# 地理比例シンボル シリーズの構成 (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 地理比例シンボル シリーズの構成 (igMap) @@ -146,4 +149,4 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [地理記号シリーズ]({environment:SamplesUrl}/map/geo-symbol-series): このサンプルは、マップを作成し、地理シンボル シリーズを表示する方法を示します。 \ No newline at end of file +- [地理記号シリーズ](\{environment:SamplesUrl\}/map/geo-symbol-series): このサンプルは、マップを作成し、地理シンボル シリーズを表示する方法を示します。 \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-scatter-area-series.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-scatter-area-series.mdx index 27009ccb46..a67a4a8230 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-scatter-area-series.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-scatter-area-series.mdx @@ -2,6 +2,9 @@ title: "地理散布エリア シリーズの構成 (igMap)" slug: igmap-configuring-geographic-scatter-area-series --- + +# 地理散布エリア シリーズの構成 (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 地理散布エリア シリーズの構成 (igMap) @@ -243,7 +246,7 @@ $("#map").igMap({ このトピックについては、以下のサンプルも参照してください。 -- [地理散布エリア シリーズ]({environment:SamplesUrl}/map/geo-scatter-area): このサンプルでは、地理散布エリア シリーズで三角形分割済ファイル (ITF) をマップ コントロールにバインドする方法を紹介します。 +- [地理散布エリア シリーズ](\{environment:SamplesUrl\}/map/geo-scatter-area): このサンプルでは、地理散布エリア シリーズで三角形分割済ファイル (ITF) をマップ コントロールにバインドする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-shapes.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-shapes.mdx index 83072dd3fb..20572b868f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-shapes.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-shapes.mdx @@ -2,6 +2,9 @@ title: "地理図形シリーズの構成 (igMap)" slug: igmap-configuring-geographic-shapes --- + +# 地理図形シリーズの構成 (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 地理図形シリーズの構成 (igMap) @@ -257,7 +260,7 @@ $("#map").igMap({ このトピックについては、以下のサンプルも参照してください。 -- [地理図形シリーズ]({environment:SamplesUrl}/map/geo-shapes-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをマップ コントロールにバインドし、地理図形を視覚化する方法を紹介します。 +- [地理図形シリーズ](\{environment:SamplesUrl\}/map/geo-shapes-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをマップ コントロールにバインドし、地理図形を視覚化する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-symbol-series.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-symbol-series.mdx index a54ec328c6..fbaab46ebe 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-symbol-series.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/configuring-geographic-symbol-series.mdx @@ -2,6 +2,9 @@ title: "地理シンボル シリーズの構成 (igMap)" slug: igmap-configuring-geographic-symbol-series --- + +# 地理シンボル シリーズの構成 (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 地理シンボル シリーズの構成 (igMap) @@ -194,7 +197,7 @@ $("#map").igMap({ このトピックについては、以下のサンプルも参照してください。 -- [地理記号シリーズ]({environment:SamplesUrl}/map/geo-symbol-series): このサンプルは、マップを作成し、地理記号シリーズを表示する方法を示します。 +- [地理記号シリーズ](\{environment:SamplesUrl\}/map/geo-symbol-series): このサンプルは、マップを作成し、地理記号シリーズを表示する方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/creating-different-kinds-maps.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/creating-different-kinds-maps.mdx index 5a59424b26..3c1764c000 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/creating-different-kinds-maps.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/creating-different-kinds-maps.mdx @@ -47,15 +47,15 @@ slug: igmap-creating-different-kinds-maps このトピックについては、以下のサンプルも参照してください。 -- [地理記号シリーズ]({environment:SamplesUrl}/map/geo-symbol-series): このサンプルは、マップを作成し、地理記号シリーズを表示する方法を示します。 +- [地理記号シリーズ](\{environment:SamplesUrl\}/map/geo-symbol-series): このサンプルは、マップを作成し、地理記号シリーズを表示する方法を示します。 -- [地理図形シリーズ]({environment:SamplesUrl}/map/geo-shapes-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをマップ コントロールにバインドして地理シェイプ シリーズを構成する方法を示します。 +- [地理図形シリーズ](\{environment:SamplesUrl\}/map/geo-shapes-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをマップ コントロールにバインドして地理シェイプ シリーズを構成する方法を示します。 -- [地理的ポリライン シリーズ]({environment:SamplesUrl}/map/geo-polyline-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをバインドして地理ポリライン マップ シリーズを構成する方法を示します。 +- [地理的ポリライン シリーズ](\{environment:SamplesUrl\}/map/geo-polyline-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをバインドして地理ポリライン マップ シリーズを構成する方法を示します。 -- [地理散布エリア シリーズ]({environment:SamplesUrl}/map/geo-scatter-area): このサンプルでは、地理散布エリア シリーズで三角形分割済ファイル (.ITF) をマップ コントロールにバインドする方法を紹介します。 +- [地理散布エリア シリーズ](\{environment:SamplesUrl\}/map/geo-scatter-area): このサンプルでは、地理散布エリア シリーズで三角形分割済ファイル (.ITF) をマップ コントロールにバインドする方法を紹介します。 -- [地理等高線シリーズ]({environment:SamplesUrl}/map/geo-contour-line): このサンプルでは、三角形分割ファイル (.ITF) をマップ コントロールにバインドし、地理等高線シリーズを構成する方法を紹介します。 +- [地理等高線シリーズ](\{environment:SamplesUrl\}/map/geo-contour-line): このサンプルでは、三角形分割ファイル (.ITF) をマップ コントロールにバインドし、地理等高線シリーズを構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/using-geographic-high-density-scatter-series.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/using-geographic-high-density-scatter-series.mdx index 6898479d15..30c0e66f5a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/using-geographic-high-density-scatter-series.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/configuring/series/using-geographic-high-density-scatter-series.mdx @@ -2,6 +2,9 @@ title: "地理高密度散布シリーズの構成 (igMap)" slug: igmap-using-geographic-high-density-scatter-series --- + +# 地理高密度散布シリーズの構成 (igMap) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 地理高密度散布シリーズの構成 (igMap) @@ -377,7 +380,7 @@ $("#map").igMap({ このトピックについては、以下のサンプルも参照してください。 -- [地理高密度散布シリーズ]({environment:SamplesUrl}/map/geo-high-density-scatter-series): このサンプルは、`igMap` コントロールの高密度散布シリーズが何百万ものデータ ポイントを表示する方法を紹介します。大量のデータ ポイントを含むマップのプロット領域は凝縮されたオレンジ色のピクセルで表示され、少量のデータ ポイントを含む領域は黒色のピクセルで表示されます。シリーズのヒートの最小値と最大値プロパティを変更し、ヒート カラーのマッピングを調整できます。 +- [地理高密度散布シリーズ](\{environment:SamplesUrl\}/map/geo-high-density-scatter-series): このサンプルは、`igMap` コントロールの高密度散布シリーズが何百万ものデータ ポイントを表示する方法を紹介します。大量のデータ ポイントを含むマップのプロット領域は凝縮されたオレンジ色のピクセルで表示され、少量のデータ ポイントを含む領域は黒色のピクセルで表示されます。シリーズのヒートの最小値と最大値プロパティを変更し、ヒート カラーのマッピングを調整できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/data-binding-igmap.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/data-binding-igmap.mdx index 46f0b8f057..021556c32e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/data-binding-igmap.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/data-binding-igmap.mdx @@ -6,7 +6,6 @@ slug: data-binding-igmap # igMap のデータへのバインディング - ##トピックの概要 ### 目的 @@ -265,7 +264,7 @@ $("#map").igMap({ 3. マップのインスタンス作成とデータ バインディング - 以下のコード スニペットは、厳密に型指定された ASP.NET MVC ビューで {environment:ProductNameMVC} `Map` コントロールのインスタンスを作成する MVC ヘルパー コードを示します。 + 以下のコード スニペットは、厳密に型指定された ASP.NET MVC ビューで \{environment:ProductNameMVC\} `Map` コントロールのインスタンスを作成する MVC ヘルパー コードを示します。 **ASPX の場合:** @@ -285,7 +284,7 @@ $("#map").igMap({ %> ``` - - 以下のコード スニペットは、model オブジェクトの型を直接ヘルパーに設定して、通常の ASP.NET MVC ビューで {environment:ProductNameMVC} `Map` コントロールのインスタンスを作成する MVC ヘルパー コードを示します。 + - 以下のコード スニペットは、model オブジェクトの型を直接ヘルパーに設定して、通常の ASP.NET MVC ビューで \{environment:ProductNameMVC\} `Map` コントロールのインスタンスを作成する MVC ヘルパー コードを示します。 **ASPX の場合:** @@ -315,7 +314,7 @@ $("#map").igMap({ ### 例 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/map/json-binding]({environment:SamplesEmbedUrl}/map/json-binding) + [\{environment:SamplesEmbedUrl\}/map/json-binding](\{environment:SamplesEmbedUrl\}/map/json-binding) </div> ##<a id="example-json-database"></a>コード例: 地理シンボル シリーズのリモート サービスからの JSON データベースへのバインド @@ -498,15 +497,15 @@ $("#map").igMap({ このトピックについては、以下のサンプルも参照してください。 -- [地理記号シリーズ]({environment:SamplesUrl}/map/geo-symbol-series): このサンプルでは、マップを作成し、地理シンボル シリーズを視覚化する方法を紹介します。 +- [地理記号シリーズ](\{environment:SamplesUrl\}/map/geo-symbol-series): このサンプルでは、マップを作成し、地理シンボル シリーズを視覚化する方法を紹介します。 -- [地理図形シリーズ]({environment:SamplesUrl}/map/geo-shapes-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをマップ コントロールにバインドし、地理図形マップ シリーズを構成する方法を紹介します。 +- [地理図形シリーズ](\{environment:SamplesUrl\}/map/geo-shapes-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをマップ コントロールにバインドし、地理図形マップ シリーズを構成する方法を紹介します。 -- [地理的ポリライン シリーズ]({environment:SamplesUrl}/map/geo-polyline-series): このサンプルは、シェープ ファイルおよびデータベース ファイルをバインドし、地理ポリライン マップ シリーズを構成する方法を示します。 +- [地理的ポリライン シリーズ](\{environment:SamplesUrl\}/map/geo-polyline-series): このサンプルは、シェープ ファイルおよびデータベース ファイルをバインドし、地理ポリライン マップ シリーズを構成する方法を示します。 -- [地理散布エリア シリーズ]({environment:SamplesUrl}/map/geo-scatter-area): このサンプルでは、地理散布エリア シリーズで三角形分割済 (ITF) ファイルをマップ コントロールにバインドする方法を紹介します。 +- [地理散布エリア シリーズ](\{environment:SamplesUrl\}/map/geo-scatter-area): このサンプルでは、地理散布エリア シリーズで三角形分割済 (ITF) ファイルをマップ コントロールにバインドする方法を紹介します。 -- [地理等高線シリーズ]({environment:SamplesUrl}/map/geo-contour-line): このサンプルでは、三角形分割済 (ITF) ファイルをマップ コントロールにバインドし、地理等高線シリーズを構成する方法を紹介します。 +- [地理等高線シリーズ](\{environment:SamplesUrl\}/map/geo-contour-line): このサンプルでは、三角形分割済 (ITF) ファイルをマップ コントロールにバインドし、地理等高線シリーズを構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/landing-page.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/landing-page.mdx index 397b243b5c..fa93a0c7be 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/landing-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/landing-page.mdx @@ -5,13 +5,12 @@ slug: igmap-landing-page # igMap - ##このグループのトピックについて ### 概要 -このグループのトピックでは、{environment:ProductName}™ の `igMap`™ コントロールについて説明します。 +このグループのトピックでは、\{environment:ProductName\}™ の `igMap`™ コントロールについて説明します。 `igMap` コントロールは、HTML5 キャンバス要素に基づいて多様なマップを視覚化し、すべてのレンダリングをクライアント側で実行するための機能を提供します。 @@ -52,17 +51,17 @@ slug: igmap-landing-page このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview): このトピックでは、{environment:ProductName} ライブラリの一般情報を提供します。 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): このトピックでは、\{environment:ProductName\} ライブラリの一般情報を提供します。 ### サンプル このトピックについては、以下のサンプルも参照してください。 -- [地理記号シリーズ]({environment:SamplesUrl}/map/geo-symbol-series): このサンプルでは、マップを作成し、地理シンボル シリーズを表示する方法を示します。 +- [地理記号シリーズ](\{environment:SamplesUrl\}/map/geo-symbol-series): このサンプルでは、マップを作成し、地理シンボル シリーズを表示する方法を示します。 -- [地理図形シリーズ]({environment:SamplesUrl}/map/geo-shapes-series): このサンプルでは、シェープファイルおよびデータベース ファイルをマップ コントロールにバインドし、地理図形を表示する方法を紹介します。 +- [地理図形シリーズ](\{environment:SamplesUrl\}/map/geo-shapes-series): このサンプルでは、シェープファイルおよびデータベース ファイルをマップ コントロールにバインドし、地理図形を表示する方法を紹介します。 -- [Bing Maps]({environment:SamplesUrl}/map/bing-maps): このサンプルでは、Bing® Maps を使用してマップ コントロールで地理シリーズをレンダリングする方法を紹介します。 +- [Bing Maps](\{environment:SamplesUrl\}/map/bing-maps): このサンプルでは、Bing® Maps を使用してマップ コントロールで地理シリーズをレンダリングする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/overview-igmap.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/overview-igmap.mdx index 950151bd67..f5ccfc11e8 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/overview-igmap.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/overview-igmap.mdx @@ -2,6 +2,9 @@ title: "igMap の概要" slug: overview-igmap --- + +# igMap の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMap の概要 @@ -26,7 +29,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **トピック** -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) - {environment:ProductName}™ ライブラリにつぃての一般的情報 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) - \{environment:ProductName\}™ ライブラリにつぃての一般的情報 @@ -102,7 +105,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### <a id="min-introduction"></a>概要 -`igMap` コントロールは jQuery UI ウィジェットの 1 つであり、jQuery ライブラリと jQuery UI ライブラリに依存します。Modernzr ライブラリは、ブラウザとデバイスの機能を検出するために内部的に使用されます。コントロールは、機能とデータのバインディング用の {environment:ProductName}™ の共有リソースを使用します。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 +`igMap` コントロールは jQuery UI ウィジェットの 1 つであり、jQuery ライブラリと jQuery UI ライブラリに依存します。Modernzr ライブラリは、ブラウザとデバイスの機能を検出するために内部的に使用されます。コントロールは、機能とデータのバインディング用の \{environment:ProductName\}™ の共有リソースを使用します。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 ### <a id="min-requirements-summary"></a>要件の概要表 @@ -131,14 +134,14 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <tr> <td>CSS リソース</td> - <td>CSS リソースは、IG テーマおよびマップ構造 CSS で構成されます。 IG テーマには、{environment:ProductName} ライブラリ用に作成されたカスタム ビジュアル スタイルが含まれます。これは次のファイルに含まれます。`{IG CSS root}/themes/Infragistics/infragistics.theme.css` マップ構造 CSS リソースは、マップ コントロールのさまざまな要素を描画するために使用されます。`{IG CSS root}/structure/modules/infragistics.ui.map.css`</td> + <td>CSS リソースは、IG テーマおよびマップ構造 CSS で構成されます。 IG テーマには、\{environment:ProductName\} ライブラリ用に作成されたカスタム ビジュアル スタイルが含まれます。これは次のファイルに含まれます。`{IG CSS root}/themes/Infragistics/infragistics.theme.css` マップ構造 CSS リソースは、マップ コントロールのさまざまな要素を描画するために使用されます。`{IG CSS root}/structure/modules/infragistics.ui.map.css`</td> </tr> </tbody> </table> ->**注:** `igLoader` コントロールを使用して JavaScript および CSS リソースを読み込むことが推奨されます。`igLoader` コントロールを `igMap` と共に使用する方法の例は、[igMap の追加](/adding-igmap)のトピックおよび[地理シンボル シリーズ シリーズ]({environment:SamplesUrl}/map/geo-symbol-series)のサンプルを参照してください。 +>**注:** `igLoader` コントロールを使用して JavaScript および CSS リソースを読み込むことが推奨されます。`igLoader` コントロールを `igMap` と共に使用する方法の例は、[igMap の追加](/adding-igmap)のトピックおよび[地理シンボル シリーズ シリーズ](\{environment:SamplesUrl\}/map/geo-symbol-series)のサンプルを参照してください。 diff --git a/docs/jquery/src/content/ja/topics/controls/igmap/styling-igmap.mdx b/docs/jquery/src/content/ja/topics/controls/igmap/styling-igmap.mdx index 741286b701..2878cdfecb 100644 --- a/docs/jquery/src/content/ja/topics/controls/igmap/styling-igmap.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igmap/styling-igmap.mdx @@ -2,6 +2,9 @@ title: "igMap のスタイル設定" slug: styling-igmap --- + +# igMap のスタイル設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igMap のスタイル設定 @@ -26,7 +29,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **トピック** -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): {environment:ProductName}™ ライブラリのスタイルとテーマの更新に関する概要とその手順を説明します。 +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): \{environment:ProductName\}™ ライブラリのスタイルとテーマの更新に関する概要とその手順を説明します。 - [igMap の概要](/overview-igmap): このトピックは、`igMap` コントロールについて、その主要機能、最小要件、ユーザー インタラクションといった事項の概念的情報を提供します。 @@ -76,9 +79,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; マップ シリーズのカラーはオプションで制御され、使用されている特定のシリーズのタイプにより異なります。たとえば、Geographic Symbol および Geographic Shape シリーズはマーカーをサポートし、他のマップ シリーズはポリラインや等高線などのビジュアル表現やマップ データごとの色分けを採用しています。 -{environment:ProductName} ライブラリでテーマを使用する方法の詳細については、「[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」トピックをご覧ください。 +\{environment:ProductName\} ライブラリでテーマを使用する方法の詳細については、「[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」トピックをご覧ください。 ->**注:** {environment:ProductName} のベース テーマはマップには不要で、マップのみ表示されたページでは問題なく省略できます。 +>**注:** \{environment:ProductName\} のベース テーマはマップには不要で、マップのみ表示されたページでは問題なく省略できます。 @@ -86,7 +89,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### テーマの概要 -{environment:ProductName} は、`igMap` コントロールで使用できる以下のテーマを提供しています。 +\{environment:ProductName\} は、`igMap` コントロールで使用できる以下のテーマを提供しています。 - IG - Metro @@ -106,7 +109,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <tr> <td>IG</td> <td><img alt="" src="images/Styling_with_Themes_(igMap)_1.png" width="319" height="230"/></td> - <td>パス: {IG CSS root}/themes/infragistics/ ファイル: infragistics.theme.css このテーマは、すべての {environment:ProductName} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「<a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">{environment:ProductName} のスタイル設定とテーマ設定</a>」トピックをご覧ください。</td> + <td>パス: {IG CSS root}/themes/infragistics/ ファイル: infragistics.theme.css このテーマは、すべての \{environment:ProductName\} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「<a class="ig-topic-link" href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">\{environment:ProductName\} のスタイル設定とテーマ設定</a>」トピックをご覧ください。</td> </tr> <tr> @@ -628,15 +631,15 @@ ASP.NET MVC による以下のコードでは、`igMap` コントロールの MV このトピックについては、以下のサンプルも参照してください。 -- [地理記号シリーズ]({environment:SamplesUrl}/map/geo-symbol-series): このサンプルは、マップを作成し、地理記号シリーズを表示する方法を示します。 +- [地理記号シリーズ](\{environment:SamplesUrl\}/map/geo-symbol-series): このサンプルは、マップを作成し、地理記号シリーズを表示する方法を示します。 -- [地理図形シリーズ]({environment:SamplesUrl}/map/geo-shapes-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをマップ コントロールにバインドし、地理図形を視覚化する方法を紹介します。 +- [地理図形シリーズ](\{environment:SamplesUrl\}/map/geo-shapes-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをマップ コントロールにバインドし、地理図形を視覚化する方法を紹介します。 -- [地理的ポリライン シリーズ]({environment:SamplesUrl}/map/geo-polyline-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをバインドし、地理ポリライン マップ シリーズを構成する方法を紹介します。 +- [地理的ポリライン シリーズ](\{environment:SamplesUrl\}/map/geo-polyline-series): このサンプルでは、シェープ ファイルおよびデータベース ファイルをバインドし、地理ポリライン マップ シリーズを構成する方法を紹介します。 -- [地理散布エリア シリーズ]({environment:SamplesUrl}/map/geo-scatter-area): このサンプルでは、地理散布エリア シリーズで三角形分割済 (ITF) ファイルをマップ コントロールにバインドする方法を紹介します。 +- [地理散布エリア シリーズ](\{environment:SamplesUrl\}/map/geo-scatter-area): このサンプルでは、地理散布エリア シリーズで三角形分割済 (ITF) ファイルをマップ コントロールにバインドする方法を紹介します。 -- [地理等高線シリーズ]({environment:SamplesUrl}/map/geo-contour-line): このサンプルでは、三角形分割済 (ITF) ファイルをマップ コントロールにバインドし、地理等高線シリーズを構成する方法を紹介します。 +- [地理等高線シリーズ](\{environment:SamplesUrl\}/map/geo-contour-line): このサンプルでは、三角形分割済 (ITF) ファイルをマップ コントロールにバインドし、地理等高線シリーズを構成する方法を紹介します。 ### <a id="resources"></a>リソース diff --git a/docs/jquery/src/content/ja/topics/controls/ignotifier/overview.mdx b/docs/jquery/src/content/ja/topics/controls/ignotifier/overview.mdx index 1b0ce74656..2dbbed3e7d 100644 --- a/docs/jquery/src/content/ja/topics/controls/ignotifier/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/ignotifier/overview.mdx @@ -3,6 +3,8 @@ title: "igNotifier の概要" slug: ignotifier-overview --- +# igNotifier の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igNotifier の概要 @@ -129,7 +131,7 @@ $('#notifier').igNotifier({ ## <a id="related-content"></a> 関連コンテンツ -- [Notifier の基本的な使用方法サンプル]({environment:SamplesUrl}/notifier/basic-usage) -- [Notifier のインライン メッセージのサンプル]({environment:SamplesUrl}/notifier/inline-messages) -- [Notifier と igEditors のサンプル]({environment:SamplesUrl}/editors/with-igEditors) +- [Notifier の基本的な使用方法サンプル](\{environment:SamplesUrl\}/notifier/basic-usage) +- [Notifier のインライン メッセージのサンプル](\{environment:SamplesUrl\}/notifier/inline-messages) +- [Notifier と igEditors のサンプル](\{environment:SamplesUrl\}/editors/with-igEditors) - <ApiLink type="igNotifier" label="igNotifier jQuery API" /> diff --git a/docs/jquery/src/content/ja/topics/controls/igpiechart/accessibility.mdx b/docs/jquery/src/content/ja/topics/controls/igpiechart/accessibility.mdx index 4e7c0d2430..98e2890c9e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpiechart/accessibility.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpiechart/accessibility.mdx @@ -24,7 +24,7 @@ slug: igpiechart-accessibility ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。後に続く[アクセシビリティ準拠一覧表](#accessibility-reference-chart)には、コントロールに関連する第 1194 部 第 22 節の特定の規則が含まれています。また、`igPieChart` コントロールが各規則を遵守するための詳しい方法も含んでいます。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。後に続く[アクセシビリティ準拠一覧表](#accessibility-reference-chart)には、コントロールに関連する第 1194 部 第 22 節の特定の規則が含まれています。また、`igPieChart` コントロールが各規則を遵守するための詳しい方法も含んでいます。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 @@ -51,7 +51,7 @@ slug: igpiechart-accessibility このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): すべての {environment:ProductName} コントロールのアクセシビリティ準拠のための参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): すべての \{environment:ProductName\} コントロールのアクセシビリティ準拠のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpiechart/adding.mdx b/docs/jquery/src/content/ja/topics/controls/igpiechart/adding.mdx index ee3ca43951..4a489c3086 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpiechart/adding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpiechart/adding.mdx @@ -6,7 +6,6 @@ slug: igpiechart-adding # igPieChart の追加 - ### 目的 このトピックは、`igPieChart`™ コントロールをウェブ ページに追加し、それをデータにバインドする方法を説明します。 @@ -23,9 +22,9 @@ slug: igpiechart-adding **トピック** -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview): {environment:ProductName}™ ライブラリにつぃての一般的情報 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): \{environment:ProductName\}™ ライブラリにつぃての一般的情報 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して {environment:ProductName} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して \{environment:ProductName\} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 - [igPieChart の概要](/igpiechart-overview): このトピックでは、`igPieChart` コントロールについての概念情報を提供します。これには、その主な機能、チャートとユーザー機能を使用するための最低要件が含まれます。 @@ -91,14 +90,14 @@ slug: igpiechart-adding 必要なリソースを参照します。リソースの参照には以下のものがあります。 - jQuery、jQueryUI、Modernizr JavaScript リソースの Web サイトまたは Web アプリケーションの Scripts という名前のフォルダーへの追加。 - - Web サイトまたは Web アプリケーションの Content/ig という名前のフォルダーへの {environment:ProductName} CSS ファイルの追加 (詳細は、[{environment:ProductName} のスタイルとテーマの設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 - - Web サイトまたは Web アプリケーションの Scripts/ig という名前のフォルダーへの {environment:ProductName} JavaScript ファイルの追加 (詳細は、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください)。 + - Web サイトまたは Web アプリケーションの Content/ig という名前のフォルダーへの \{environment:ProductName\} CSS ファイルの追加 (詳細は、[\{environment:ProductName\} のスタイルとテーマの設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 + - Web サイトまたは Web アプリケーションの Scripts/ig という名前のフォルダーへの \{environment:ProductName\} JavaScript ファイルの追加 (詳細は、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください)。 リソースは手動またはローダー (推奨) を使用して追加できます。 **`igLoader` を使用した JavaScript のリソースの参照** - {environment:ProductName} ライブラリのコントロールで必要な JavaScript および CSS リソースの読み込みには、`igLoader`™ コントロールを使用することをお勧めします。最初に、`igLoader` スクリプトをページに追加します。 + \{environment:ProductName\} ライブラリのコントロールで必要な JavaScript および CSS リソースの読み込みには、`igLoader`™ コントロールを使用することをお勧めします。最初に、`igLoader` スクリプトをページに追加します。 **HTML の場合:** @@ -124,9 +123,9 @@ slug: igpiechart-adding **MVC Loader を使用した MVC でのリソースの参照** - `Infragistics.Web.Mvc` アセンブリを ASP.NET MVC プロジェクトで参照し、対応する名前空間をビューで参照する必要があります。詳細については、[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)をご覧ください。ただし、明確にするため、名前空間を参照するコードはここに記載します。 + `Infragistics.Web.Mvc` アセンブリを ASP.NET MVC プロジェクトで参照し、対応する名前空間をビューで参照する必要があります。詳細については、[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)をご覧ください。ただし、明確にするため、名前空間を参照するコードはここに記載します。 - MVC ビューでは、{environment:ProductNameMVC} Loader を使用する必要があります。 + MVC ビューでは、\{environment:ProductNameMVC\} Loader を使用する必要があります。 **ASPX の場合:** @@ -139,7 +138,7 @@ slug: igpiechart-adding %> ``` - {environment:ProductNameMVC} Loader は必要なリソースを自動的に検出するため、リソースを指定する必要はありません。 + \{environment:ProductNameMVC\} Loader は必要なリソースを自動的に検出するため、リソースを指定する必要はありません。 **手動によるリソースの参照** @@ -160,7 +159,7 @@ slug: igpiechart-adding **ASP.NET の例** - ASP.NET MVC の場合、{environment:ProductNameMVC} は必要なマークアップを自動的に追加するため、コンテナー要素が必要です。 + ASP.NET MVC の場合、\{environment:ProductNameMVC\} は必要なマークアップを自動的に追加するため、コンテナー要素が必要です。 3. データ ソースを追加します。 @@ -258,7 +257,7 @@ slug: igpiechart-adding **ASP.NET の例** - 以下のコードは、`Infragistics.Web.Mvc` アセンブリで提供された {environment:ProductNameMVC} PieChart を使用して、`igPieChart` の主な機能のインスタンスを作成し、設定しています。データ モデル は、PieChart(Model) 呼び出しでコントロールに関連付けられ、残りの呼び出しは HTML の例と似た振る舞いをします。 + 以下のコードは、`Infragistics.Web.Mvc` アセンブリで提供された \{environment:ProductNameMVC\} PieChart を使用して、`igPieChart` の主な機能のインスタンスを作成し、設定しています。データ モデル は、PieChart(Model) 呼び出しでコントロールに関連付けられ、残りの呼び出しは HTML の例と似た振る舞いをします。 **ASPX の場合:** @@ -288,7 +287,7 @@ slug: igpiechart-adding - [データ バインディング (igPieChart)](/igpiechart-databinding): このトピックでは、さまざまなデータ ソースを `igPieChart`™ コントロールにバインドする方法を説明します。 -- [jQuery および MVC API リファレンス リンク (igPieChart)](/igpiechart-api-links): このトピックは、`igDataChart`™ の jQuery および {environment:ProductNameMVC} クラスのたえの API マニュアルへのリンクを提供します。 +- [jQuery および MVC API リファレンス リンク (igPieChart)](/igpiechart-api-links): このトピックは、`igDataChart`™ の jQuery および \{environment:ProductNameMVC\} クラスのたえの API マニュアルへのリンクを提供します。 - [igPieChart にテーマを設定する](/igpiechart-styling-themes): スタイルを用い、`igPieChart`™ にテーマを適用する方法を説明します。 @@ -296,7 +295,7 @@ slug: igpiechart-adding このトピックについては、以下のサンプルも参照してください。 -- [JSON のバインド]({environment:SamplesUrl}/pie-chart/json-binding): このサンプルは、JSON データにバインドされた円チャートを表示します。 +- [JSON のバインド](\{environment:SamplesUrl\}/pie-chart/json-binding): このサンプルは、JSON データにバインドされた円チャートを表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpiechart/api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igpiechart/api-links.mdx index 85226cab0b..862774189a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpiechart/api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpiechart/api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igPieChart)" slug: igpiechart-api-links --- +# jQuery および MVC API リファレンス リンク (igPieChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igPieChart) @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -このトピックでは、`igPieChart`™ の jQuery および {environment:ProductNameMVC} クラスの API ドキュメンテーションへのリンクを提供します。 +このトピックでは、`igPieChart`™ の jQuery および \{environment:ProductNameMVC\} クラスの API ドキュメンテーションへのリンクを提供します。 ### 必要な背景 @@ -26,7 +28,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 概要 -`igPieChart` は、{environment:ProductNameMVC} PieChart が付属する jQuery UI ウィジェットとして構築されます。それぞれの API についての詳細は、以下に示された API マニュアルへのリンク先を参照してください。 +`igPieChart` は、\{environment:ProductNameMVC\} PieChart が付属する jQuery UI ウィジェットとして構築されます。それぞれの API についての詳細は、以下に示された API マニュアルへのリンク先を参照してください。 ### API 参照の概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igpiechart/databinding.mdx b/docs/jquery/src/content/ja/topics/controls/igpiechart/databinding.mdx index c550944d7b..3b1eca0010 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpiechart/databinding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpiechart/databinding.mdx @@ -3,6 +3,8 @@ title: "データ バインディング (igPieChart)" slug: igpiechart-databinding --- +# データ バインディング (igPieChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # データ バインディング (igPieChart) @@ -89,7 +91,7 @@ igDataSource|データ操作を管理するために、コントロールで内 ### <a id="data-source-summary"></a>データソースの概要 -`igPieChart` のデータ バインディングは、{environment:ProductName}™ ライブラリから他のコントロールへのバインドと同様に実行されます。データをバインドするには、`dataSource` オプションにデータ ソースを割り当てる、または、データが Web または WCF サービスによって提供される場合は `dataSourceUrl` に URL を提供します。 +`igPieChart` のデータ バインディングは、\{environment:ProductName\}™ ライブラリから他のコントロールへのバインドと同様に実行されます。データをバインドするには、`dataSource` オプションにデータ ソースを割り当てる、または、データが Web または WCF サービスによって提供される場合は `dataSourceUrl` に URL を提供します。 @@ -176,7 +178,7 @@ igDataSource|データ操作を管理するために、コントロールで内 ### <a id="data-source-summary"></a>データソースの概要 -`igPieChart` のデータ バインディングは、{environment:ProductName}™ ライブラリから他のコントロールへのバインドと同様に実行されます。データをバインドするには、`dataSource` オプションにデータ ソースを割り当てる、または、データが Web または WCF サービスによって提供される場合は `dataSourceUrl` に URL を提供します。 +`igPieChart` のデータ バインディングは、\{environment:ProductName\}™ ライブラリから他のコントロールへのバインドと同様に実行されます。データをバインドするには、`dataSource` オプションにデータ ソースを割り当てる、または、データが Web または WCF サービスによって提供される場合は `dataSourceUrl` に URL を提供します。 @@ -201,7 +203,7 @@ XML 文字列を `igPieChart` コントロールにバインドする方法を ### <a id="xml-steps"></a>手順 -以下の手順は、XML 文字列を `igPieChart` コントロールにバインドする方法を示しています。XML データをチャートにリンクするには、`DataSchema` を指定し、両方を `igDataSource` のインスタンスに渡す必要があります。このデータ コンポーネントのメイン ロールは、{environment:ProductName} ウィジェットに有効な形式でデータを出力することです。 +以下の手順は、XML 文字列を `igPieChart` コントロールにバインドする方法を示しています。XML データをチャートにリンクするには、`DataSchema` を指定し、両方を `igDataSource` のインスタンスに渡す必要があります。このデータ コンポーネントのメイン ロールは、\{environment:ProductName\} ウィジェットに有効な形式でデータを出力することです。 1. データを `igPieChart` に有効な形式で準備します。 @@ -289,7 +291,7 @@ XML 文字列を `igPieChart` コントロールにバインドする方法を 以下のサンプルは以上の手順を実装します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/pie-chart/xml-binding]({environment:SamplesEmbedUrl}/pie-chart/xml-binding) + [\{environment:SamplesEmbedUrl\}/pie-chart/xml-binding](\{environment:SamplesEmbedUrl\}/pie-chart/xml-binding) </div> @@ -298,7 +300,7 @@ XML 文字列を `igPieChart` コントロールにバインドする方法を ### <a id="mvc-introduction"></a>概要 -ここでは、{environment:ProductName} ライブラリにある ASP.NET ヘルパーを使用して一連のデータ オブジェクトをバックエンド コントローラー メソッドから円チャートにバインドする手順を示します。 +ここでは、\{environment:ProductName\} ライブラリにある ASP.NET ヘルパーを使用して一連のデータ オブジェクトをバックエンド コントローラー メソッドから円チャートにバインドする手順を示します。 ### 前提条件 @@ -315,7 +317,7 @@ XML 文字列を `igPieChart` コントロールにバインドする方法を ### <a id="mvc-steps"></a>手順 -次の手順では、データ オブジェクトのリストを、厳密に型指定されたビューに提供することによって ASP.NET MVC の `igPieChart` コントロールのインスタンスを作成してバインドする方法、および {environment:ProductNameMVC} DataChart を使用する方法を説明します。 +次の手順では、データ オブジェクトのリストを、厳密に型指定されたビューに提供することによって ASP.NET MVC の `igPieChart` コントロールのインスタンスを作成してバインドする方法、および \{environment:ProductNameMVC\} DataChart を使用する方法を説明します。 1. データ モデルを定義します。 @@ -352,7 +354,7 @@ XML 文字列を `igPieChart` コントロールにバインドする方法を } ``` - ビューに送信する前に、`DepartmentSpending` オブジェクトのリストを `IQueryable< DepartmentSpending>` に変換する方法に注意してください。これは、ビュー内で {environment:ProductNameMVC} PieChart を呼び出しても実現できますが、提供した実装方法がより適切です。 + ビューに送信する前に、`DepartmentSpending` オブジェクトのリストを `IQueryable< DepartmentSpending>` に変換する方法に注意してください。これは、ビュー内で \{environment:ProductNameMVC\} PieChart を呼び出しても実現できますが、提供した実装方法がより適切です。 3. チャート コントロールのインスタンスを作成し、データ ソースを設定します。 @@ -483,7 +485,7 @@ XML 文字列を `igPieChart` コントロールにバインドする方法を このトピックについては、以下のサンプルも参照してください。 -- [円チャートの概要]({environment:SamplesUrl}/pie-chart/overview): このサンプルでは簡単な円チャートを作成し、そのいくつかの機能を構成する方法を紹介しています。 +- [円チャートの概要](\{environment:SamplesUrl\}/pie-chart/overview): このサンプルでは簡単な円チャートを作成し、そのいくつかの機能を構成する方法を紹介しています。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpiechart/igpiechart.mdx b/docs/jquery/src/content/ja/topics/controls/igpiechart/igpiechart.mdx index 3c948ad81b..f61876011d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpiechart/igpiechart.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpiechart/igpiechart.mdx @@ -6,7 +6,6 @@ slug: igpiechart # igPieChart - ##このグループのトピックについて ### 概要 @@ -30,7 +29,7 @@ slug: igpiechart - [アクセシビリティ準拠 (igPieChart)](/igpiechart-accessibility): このトピックでは、`igPieChart`™ のアクセシビリティ機能について説明し、チャートを含むページのアクセシビリティ準拠を実現する方法についての助言を示します。 -- [jQuery および MVC API リファレンス リンク (igPieChart)](/igpiechart-api-links): このトピックでは、`igPieChart` の jQuery および {environment:ProductNameMVC} クラスの API ドキュメンテーションへのリンクを提供します。 +- [jQuery および MVC API リファレンス リンク (igPieChart)](/igpiechart-api-links): このトピックでは、`igPieChart` の jQuery および \{environment:ProductNameMVC\} クラスの API ドキュメンテーションへのリンクを提供します。 ##関連コンテンツ @@ -39,7 +38,7 @@ slug: igpiechart このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview): このトピックでは、{environment:ProductName}™ ライブラリの一般情報を提供します。 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): このトピックでは、\{environment:ProductName\}™ ライブラリの一般情報を提供します。 - [igDataChart の概要](/igbulletgraph-overview): このトピックでは、`igDataChart` コントロールについての概念情報を提供します。これには、その主な機能、チャートとユーザー機能を使用するための最低要件が含まれます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpiechart/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igpiechart/overview.mdx index c6201691ca..37b7e71b24 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpiechart/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpiechart/overview.mdx @@ -6,7 +6,6 @@ slug: igpiechart-overview # igPieChart の概要 - ##トピックの概要 ### 目的 @@ -25,7 +24,7 @@ slug: igpiechart-overview **トピック** -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview): {environment:ProductName}™ ライブラリにつぃての一般的情報 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): \{environment:ProductName\}™ ライブラリにつぃての一般的情報 ### このトピックの内容 @@ -60,7 +59,7 @@ slug: igpiechart-overview ### <a id="min-requirements-introduction"></a>概要 -igPieChart コントロールは jQuery UI ウィジェットであるため、jQuery ライブラリと jQuery UI ライブラリに依存します。Modernzr ライブラリは、内部的にブラウザーと装置の機能を検出するためにも使用されています。コントロールは、機能とデータのバインド用の {environment:ProductName}™ の共有リソースのいくつかを使用します。これらのリソースへの参照は、実際の jQuery または ProductNameMVC%% が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 +igPieChart コントロールは jQuery UI ウィジェットであるため、jQuery ライブラリと jQuery UI ライブラリに依存します。Modernzr ライブラリは、内部的にブラウザーと装置の機能を検出するためにも使用されています。コントロールは、機能とデータのバインド用の \{environment:ProductName\}™ の共有リソースのいくつかを使用します。これらのリソースへの参照は、実際の jQuery または ProductNameMVC%% が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 ### <a id="requirements-summary-chart"></a>要件の概要表 @@ -87,7 +86,7 @@ igPieChart コントロールは jQuery UI ウィジェットであるため、j <tr> <td>IG テーマ</td> - <td>このテーマには、{environment:ProductName} ライブラリ向けに作成されたカスタム ビジュアル スタイルが含まれます。これは次のファイルに含まれます。 `{IG CSS root}/themes/Infragistics/infragistics.theme.css`</td> + <td>このテーマには、\{environment:ProductName\} ライブラリ向けに作成されたカスタム ビジュアル スタイルが含まれます。これは次のファイルに含まれます。 `{IG CSS root}/themes/Infragistics/infragistics.theme.css`</td> </tr> <tr> @@ -125,7 +124,7 @@ igPieChart コントロールは jQuery UI ウィジェットであるため、j ![](../../images/images/igPieChart_Overview_2.png) -凡例は `igChartLegend`™ という {environment:ProductName} ライブラリとは異なるコントロールで実装されており、ページに異なる div 要素が必要です。この div 要素は、円グラフから参照され、 `labelMemberPath` オプションで指定される各データ項目に対するラベルを表示します。`igChartLegend` は、以下で記述するトピックでカバーされる非常にシンプルなコントロールです。 +凡例は `igChartLegend`™ という \{environment:ProductName\} ライブラリとは異なるコントロールで実装されており、ページに異なる div 要素が必要です。この div 要素は、円グラフから参照され、 `labelMemberPath` オプションで指定される各データ項目に対するラベルを表示します。`igChartLegend` は、以下で記述するトピックでカバーされる非常にシンプルなコントロールです。 デフォルトでは、円グラフの legend オプションは null で、凡例は描画されません。 @@ -208,7 +207,7 @@ igPieChart コントロールは jQuery UI ウィジェットであるため、j - [igDataChart の追加](/igbulletgraph-adding): このトピックは、`igPieChart`™ コントロールをウェブ ページに追加し、それをデータにバインドする方法を説明します。 -- [](/igpiechart-api-links)[jQuery および MVC API リファレンス リンク (igPieChart)](/igpiechart-api-links): このトピックでは、`igPieChart`™ の jQuery および {environment:ProductNameMVC} クラスの API ドキュメンテーションへのリンクを提供します。 +- [](/igpiechart-api-links)[jQuery および MVC API リファレンス リンク (igPieChart)](/igpiechart-api-links): このトピックでは、`igPieChart`™ の jQuery および \{environment:ProductNameMVC\} クラスの API ドキュメンテーションへのリンクを提供します。 - [データ バインディング (igPieChart)](/igpiechart-databinding): このトピックでは、さまざまなデータ ソースを `igPieChart`™ コントロールにバインドする方法を説明します。 @@ -218,7 +217,7 @@ igPieChart コントロールは jQuery UI ウィジェットであるため、j このトピックについては、以下のサンプルも参照してください。 -- [JSON のバインド]({environment:SamplesUrl}/pie-chart/json-binding): このサンプルは、JSON データにバインドされた円チャートを表示します。 +- [JSON のバインド](\{environment:SamplesUrl\}/pie-chart/json-binding): このサンプルは、JSON データにバインドされた円チャートを表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpiechart/selection.mdx b/docs/jquery/src/content/ja/topics/controls/igpiechart/selection.mdx index 8962d93b3e..83e708fc8a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpiechart/selection.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpiechart/selection.mdx @@ -109,6 +109,6 @@ $(function () { - [データ バインディング (igPieChart)](/igpiechart-databinding): このトピックでは、さまざまなデータ ソースを `igPieChart`™ コントロールにバインドする方法を説明します。 -- [jQuery および MVC API リファレンス リンク (igPieChart)](/igpiechart-api-links): このトピックは、`igDataChart`™ の jQuery および {environment:ProductNameMVC} クラスのたえの API マニュアルへのリンクを提供します。 +- [jQuery および MVC API リファレンス リンク (igPieChart)](/igpiechart-api-links): このトピックは、`igDataChart`™ の jQuery および \{environment:ProductNameMVC\} クラスのたえの API マニュアルへのリンクを提供します。 - [igPieChart にテーマを設定する](/igpiechart-styling-themes): スタイルを用い、`igPieChart`™ にテーマを適用する方法を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpiechart/styling-themes.mdx b/docs/jquery/src/content/ja/topics/controls/igpiechart/styling-themes.mdx index 4bbd0cb402..af988f835d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpiechart/styling-themes.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpiechart/styling-themes.mdx @@ -6,7 +6,6 @@ slug: igpiechart-styling-themes # igPieChart にテーマを設定する - ##トピックの概要 @@ -23,7 +22,7 @@ slug: igpiechart-styling-themes **トピック** -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックは、{environment:ProductName}™ ライブラリのスタイルとテーマの更新に関する一般情報とその手順を説明します。 +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックは、\{environment:ProductName\}™ ライブラリのスタイルとテーマの更新に関する一般情報とその手順を説明します。 **外部リソース** @@ -70,9 +69,9 @@ igPieChart は、スタイルおよびテーマを適用するために jQuery U `ThemeRoller` を使用してテーマをカスタマイズできます。`ThemeRoller` は jQuery UI が提供するツールで。これを使用すると、jQuery UI ウィジェットと互換性のあるカスタム テーマを簡単に作成できるようになります。数々のビルド済みテーマをご自分の Web サイトにダウンロードして使用できます。`igPieChart` コントロールは `ThemeRoller` のテーマの使用に対応しています。 -{environment:ProductName} ライブラリでテーマを使用する方法の詳細については、「[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」トピックをご覧ください。 +\{environment:ProductName\} ライブラリでテーマを使用する方法の詳細については、「[スタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」トピックをご覧ください。 ->**注:** {environment:ProductName} のベース テーマはチャートには不要で、チャートのみ表示されたページでは省略できます。 +>**注:** \{environment:ProductName\} のベース テーマはチャートには不要で、チャートのみ表示されたページでは省略できます。 @@ -88,13 +87,13 @@ igPieChart は、スタイルおよびテーマを適用するために jQuery U 説明 IG テーマ パス: {IG CSS root}/themes/Infragistics/ ファイル: infragistics.theme.css -このテーマは、すべての {environment:ProductName} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「<a href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">{environment:ProductName} のスタイル設定とテーマ設定</a>」トピックをご覧ください。 +このテーマは、すべての \{environment:ProductName\} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「<a href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">\{environment:ProductName\} のスタイル設定とテーマ設定</a>」トピックをご覧ください。 チャート構造 テーマ 説明 IG テーマ パス: {IG CSS root}/themes/Infragistics/ ファイル: infragistics.theme.css -このテーマは、すべての {environment:ProductName} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「<a href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">{environment:ProductName} のスタイル設定とテーマ設定</a>」トピックをご覧ください。 +このテーマは、すべての \{environment:ProductName\} コントロールの一般的なビジュアル機能を定義します。IG テーマの使用方法の詳細については、「<a href="Deployment-Guide-Styling-and-Theming.html" data-auto-update-caption="true">\{environment:ProductName\} のスタイル設定とテーマ設定</a>」トピックをご覧ください。 チャート構造 パス: `{IG CSS root}/structure/modules/` ファイル: `infragistics.ui.chart.css` このテーマは特定の視覚要素を定義します。 @@ -225,7 +224,7 @@ outlines|自動的に割り当てられたスライス アウトラインの色 1. <a id="copy-css-style"></a>デフォルト チャート CSS ファイルをコピーする - **チャート スタイルがデフォルトの CSS ファイル (`infragistics.ui.chart.css`) を {environment:ProductName} インストール フォルダーから Web サイトまたはアプリケーションの themes フォルダーにコピーします。** + **チャート スタイルがデフォルトの CSS ファイル (`infragistics.ui.chart.css`) を \{environment:ProductName\} インストール フォルダーから Web サイトまたはアプリケーションの themes フォルダーにコピーします。** たとえば、アプリケーションで使用する CSS ファイルを保存している Web サイトまたはアプリケーションに Content/themes フォルダーがある場合、上記のデフォルト チャート CSS ファイルをコピーして `Content/themes/MyChartTheme/ig.ui.chart.custom.css` に貼り付けます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/accessibility-compliance.mdx index 72b76435a8..b6efb8bf31 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/accessibility-compliance.mdx @@ -24,7 +24,7 @@ slug: igpivotdataselector-accessibility-compliance ### igPivotDataSelector アクセシビリティ準拠の概要 -すべての Infragistics® {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。[igPivotDataSelector アクセシビリティ準拠の概要表](#accessibility-summary-chart) には、コントロールに関する第 1194.22 部の特定の規則が含まれています。 +すべての Infragistics® \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。[igPivotDataSelector アクセシビリティ準拠の概要表](#accessibility-summary-chart) には、コントロールに関する第 1194.22 部の特定の規則が含まれています。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -49,7 +49,7 @@ slug: igpivotdataselector-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、Infragistics {environment:ProductName} 製品スイートにおけるすべてのコントロールのユーザー補助法令遵守について参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、Infragistics \{environment:ProductName\} 製品スイートにおけるすべてのコントロールのユーザー補助法令遵守について参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/adding/adding-to-html-page.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/adding/adding-to-html-page.mdx index dfbd51c79f..c21618b60c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/adding/adding-to-html-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/adding/adding-to-html-page.mdx @@ -3,6 +3,8 @@ title: "igPivotDataSelector の HTML ページへの追加" slug: igpivotdataselector-adding-to-html-page --- +# igPivotDataSelector の HTML ページへの追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPivotDataSelector の HTML ページへの追加 @@ -17,9 +19,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックを理解するために、以下のトピックを参照することをお勧めします。 -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview): このトピックでは、{environment:ProductName}™ ライブラリの一般情報を提供します。 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): このトピックでは、\{environment:ProductName\}™ ライブラリの一般情報を提供します。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックでは、必要な JavaScript リソースを追加して {environment:ProductName} ライブラリからコントロールを使用する場合の全般的な説明をします。 +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックでは、必要な JavaScript リソースを追加して \{environment:ProductName\} ライブラリからコントロールを使用する場合の全般的な説明をします。 - [igPivotDataSelector の概要](/igpivotdataselector-overview): このトピックは、主要機能、最小要件およびユーザー機能性など、`igPivotDataSelector` コントロールに関する概念的な情報を提供します。 @@ -79,7 +81,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <tr> <td>IG テーマ (オプション)</td> - <td>このテーマには、{environment:ProductName} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> + <td>このテーマには、\{environment:ProductName\} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> <td></td> </tr> @@ -146,9 +148,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; A. jQuery、jQueryUI および Modernizr JavaScript のリソースを Web ページが置かれているディレクトリ内に Scripts という名前のフォルダーに追加します。 - B. Content/ig という名前のフォルダーに {environment:ProductName} CSS ファイルを追加します (詳細は、[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 + B. Content/ig という名前のフォルダーに \{environment:ProductName\} CSS ファイルを追加します (詳細は、[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 - C. {environment:ProductName} JavaScript ファイルを Web サイト　またはアプリケーション内の Scripts/ig という名前のフォルダーに追加します (詳細は 「[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)」 トピックを参照)。 + C. \{environment:ProductName\} JavaScript ファイルを Web サイト　またはアプリケーション内の Scripts/ig という名前のフォルダーに追加します (詳細は 「[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)」 トピックを参照)。 2. 必要な JavaScript ライブラリへの参照を追加します。 @@ -268,9 +270,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 -- [XMLA データ ソースにバインド]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、選択のために `igPivotDataSelector` を使用します。 +- [XMLA データ ソースにバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、選択のために `igPivotDataSelector` を使用します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/adding/adding-using-the-mvc-helper.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/adding/adding-using-the-mvc-helper.mdx index 08fdacb687..683d0d21e9 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/adding/adding-using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/adding/adding-using-the-mvc-helper.mdx @@ -9,7 +9,7 @@ slug: igpivotdataselector-adding-using-the-mvc-helper ### 目的 -このトピックは、{environment:ProductNameMVC} を使用して ASP.NET MVC アプリケーションへ `igPivotDataSelector`™ コントロールを追加する方法について概念と詳しい手順の両方から説明します。 +このトピックは、\{environment:ProductNameMVC\} を使用して ASP.NET MVC アプリケーションへ `igPivotDataSelector`™ コントロールを追加する方法について概念と詳しい手順の両方から説明します。 ### 前提条件 @@ -42,7 +42,7 @@ slug: igpivotdataselector-adding-using-the-mvc-helper ### <a id="summary"></a>igPivotDataSelector の ASP.NET MVC アプリケーションへの追加の概要 -`igPivotDataSelector` は、{environment:ProductNameMVC} の実装を伴うクライアント側コンポーネントで、MVC View の CS/VB コードでコンポーネントを使用できます。View のモデル (`igOlapFlatDataSource`™ を使用) からデータを実行することも可能です。`igPivotDataSelector` に {environment:ProductNameMVC} を使用する場合、データのバインド方法は 2 通りあります。 +`igPivotDataSelector` は、\{environment:ProductNameMVC\} の実装を伴うクライアント側コンポーネントで、MVC View の CS/VB コードでコンポーネントを使用できます。View のモデル (`igOlapFlatDataSource`™ を使用) からデータを実行することも可能です。`igPivotDataSelector` に \{environment:ProductNameMVC\} を使用する場合、データのバインド方法は 2 通りあります。 - データ ソースを構成する方法 @@ -174,9 +174,9 @@ slug: igpivotdataselector-adding-using-the-mvc-helper このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igOlapFlatDataSource を ASP.NET MVC アプリケーションに追加](/igolapflatdatasource-adding-using-mvc-helper): このトピックは、{environment:ProductNameMVC} を使用して ASP.NET MVC アプリケーションへ `igOlapFlatDataSource`™ コントロールを追加する方法についての概念と詳しい手順を説明します。 +- [igOlapFlatDataSource を ASP.NET MVC アプリケーションに追加](/igolapflatdatasource-adding-using-mvc-helper): このトピックは、\{environment:ProductNameMVC\} を使用して ASP.NET MVC アプリケーションへ `igOlapFlatDataSource`™ コントロールを追加する方法についての概念と詳しい手順を説明します。 -- [igOlapXmlaDataSource の ASP.NET MVC アプリケーションへの追加](/igolapxmladatasource-adding-to-an-aspnetmvc-application): このトピックは、{environment:ProductNameMVC}を使用して ASP.NET MVC アプリケーションへ `igOlapXmlaDataSource`™ コントロールを追加する方法についての概念と詳しい手順を説明します。 +- [igOlapXmlaDataSource の ASP.NET MVC アプリケーションへの追加](/igolapxmladatasource-adding-to-an-aspnetmvc-application): このトピックは、\{environment:ProductNameMVC\}を使用して ASP.NET MVC アプリケーションへ `igOlapXmlaDataSource`™ コントロールを追加する方法についての概念と詳しい手順を説明します。 - [igPivotGrid の概要](/igbulletgraph-overview): このトピックは、主要機能、最小要件、ユーザー機能性など、`igPivotGrid`™ コントロールに関する概念的な情報を提供します。 @@ -186,9 +186,9 @@ slug: igpivotdataselector-adding-using-the-mvc-helper このトピックについては、以下のサンプルも参照してください。 -- [{environment:ProductNameMVC} とフラット データ ソースの使用]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルでは、`igOlapFlatDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 +- [\{environment:ProductNameMVC\} とフラット データ ソースの使用](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルでは、`igOlapFlatDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 -- [{environment:ProductNameMVC} と XMLA データ ソースの使用]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 +- [\{environment:ProductNameMVC\} と XMLA データ ソースの使用](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/api-links.mdx index e83eda89e9..aa984cd76e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リンク (igPivotDataSelector)" slug: igpivotdataselector-api-links --- +# jQuery と MVC API リンク (igPivotDataSelector) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リンク (igPivotDataSelector) diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/igpivotdataselector.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/igpivotdataselector.mdx index 0f9ce3811b..001b2a91e3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/igpivotdataselector.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/igpivotdataselector.mdx @@ -6,7 +6,6 @@ slug: igpivotdataselector # igPivotDataSelector - ##このグループのトピックについて ### 概要 @@ -19,7 +18,7 @@ slug: igpivotdataselector - [igPivotDataSelector の概要](/igpivotdataselector-overview): このトピックは、主な機能、最小要件およびユーザー機能性など、`igPivotDataSelector` コントロールに関する概念的な情報を提供します。 -- [KPI (キー パフォーマンス インジケーター) のサポート (igPivotGrid、igPivotDataSelector、igOlapXmlaDataSource)](/igpivotgrid-kpi-support): このトピックは、多次元 (OLAP) データ セットからの KPI データが {environment:ProductName}™ で視覚化される状態を概念的に説明します。KPI を視覚化する {environment:ProductName} コントロールは `igPivotDataSelector` および `igPivotGrid` です。 +- [KPI (キー パフォーマンス インジケーター) のサポート (igPivotGrid、igPivotDataSelector、igOlapXmlaDataSource)](/igpivotgrid-kpi-support): このトピックは、多次元 (OLAP) データ セットからの KPI データが \{environment:ProductName\}™ で視覚化される状態を概念的に説明します。KPI を視覚化する \{environment:ProductName\} コントロールは `igPivotDataSelector` および `igPivotGrid` です。 - [igPivotDataSelector の追加](/igpivotdataselector-adding): このトピック グループでは、`igPivotDataSelector` コントロールを HTML ページと ASP.NET MVC アプリケーションに追加する方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/known-issues-and-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/known-issues-and-limitations.mdx index 62aeee0ac8..dcb9ee47a5 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/known-issues-and-limitations.mdx @@ -9,7 +9,7 @@ slug: igpivotdataselector-known-issues-and-limitations ### 概要 -以下の表は、{environment:ProductName}™ {environment:ProductVersionShort} リリースの `igPivotDataSelector`™ コントロールの既知の問題および制限事項をまとめたものです。いくつかの問題および既存の回避策の詳細な説明は、サマリー表の後ろに記載されています。 +以下の表は、\{environment:ProductName\}™ \{environment:ProductVersionShort\} リリースの `igPivotDataSelector`™ コントロールの既知の問題および制限事項をまとめたものです。いくつかの問題および既存の回避策の詳細な説明は、サマリー表の後ろに記載されています。 ### 凡例: diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/overview.mdx index b2bee6a960..774fa724bc 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotdataselector/overview.mdx @@ -17,7 +17,7 @@ slug: igpivotdataselector-overview **トピック** -- [多次元 (OLAP) データ ソース コンポーネント](/multidimensional-data-source-components): このトピック グループでは、{environment:ProductName}™ スイートの多次元 (OLAP) データ ソース コンポーネントを説明します。 +- [多次元 (OLAP) データ ソース コンポーネント](/multidimensional-data-source-components): このトピック グループでは、\{environment:ProductName\}™ スイートの多次元 (OLAP) データ ソース コンポーネントを説明します。 **外部リソース** @@ -72,7 +72,7 @@ slug: igpivotdataselector-overview メタデータ ツリー|すべての使用可能なメジャーを持つリストに沿って各階層で使用可能なすべてのディメンジョンは、ユーザーがデータベース、キューブ、およびメジャー グループを選択するとツリー内に読み込まれます。![](../../images/images/igPivotDataSelector_Overview_3.png)ユーザーがメジャー グループを選択すると、メジャーはそれに応じてフィルタリングされます。何も選択されないと、すべてのメジャーはメタデータ ツリーで使用可能です。 スライス の相互作用|カスタム制限が適用されない限り、ツリーからのすべての使用可能な階層は行、列、フィルターのいずれかのエリアにドラッグ アンド ドロップできます。ツリーからのすべての使用可能なメジャーはメジャー エリアにドラッグ アンド ドロップできます。![](../../images/images/igPivotDataSelector_Overview_4.png) 遅延更新|`igPivotDataSelector` は、ユーザーコントロール内で変更を行った後にデータ ソースが更新されるときに基づいて 2 つのデータ ソース更新モードをサポートします。<ul><li>即時 - ユーザーがコントロール内で変更を行うと、変更は基本バックエンドでただちに実行されデータ ソースを更新します。ユーザーは、コントロールと再度対話するにはコントロールが新しい状態にリフレッシュされるまで待機しなければなりません。</li><li>遅延 - ユーザーが明示的にリフレッシュ操作 (更新ボタンで) を実行するまでシステムは更新されません。これにより、それぞれの変更後、コントロールがリフレッシュされるのを待機する必要が無く複数の変更を実行できます。</li></ul>遅延更新は、特に大容量のデータが関わる場合、システム リソースに負担をかけずにコントロールのパフォーマンスを改善します。`igPivotDataSelector` では、ユーザーは遅延更新」チェックボックスでリフレッシュ モードを制御できます。ボックスがチェックされている場合、更新ボタンを押すことで任意にデータ ソースを手動でリフレッシュします。<br/>![](../../images/images/igPivotDataSelector_Overview_5.png) -その他の {environment:ProductName} コントロールとの操作のサポート|`igPivotDataSelector` は、`igPivotGrid` などその他の {environment:ProductName} コントロールと同じデータ ソース インスタンスを使用します。これにより、完全な OLAP データ ビジュアライゼーション アプリケーションを構築できます。(同様の目的を持つ `igPivotView` コントロールを使用できます) +その他の \{environment:ProductName\} コントロールとの操作のサポート|`igPivotDataSelector` は、`igPivotGrid` などその他の \{environment:ProductName\} コントロールと同じデータ ソース インスタンスを使用します。これにより、完全な OLAP データ ビジュアライゼーション アプリケーションを構築できます。(同様の目的を持つ `igPivotView` コントロールを使用できます) ##<a id="user-interaction"></a>ユーザー インタラクションと操作性 @@ -96,7 +96,7 @@ slug: igpivotdataselector-overview ### 要件の概要 -`igPivotDataSelector` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。Modernzr ライブラリは、内部的にブラウザーと装置の機能を検出するためにも使用されています。コントロールは、その機能のために通常いくつかの {environment:ProductName} 共有リソースを使用します。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 +`igPivotDataSelector` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。Modernzr ライブラリは、内部的にブラウザーと装置の機能を検出するためにも使用されています。コントロールは、その機能のために通常いくつかの \{environment:ProductName\} 共有リソースを使用します。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 `igPivotDataSelector` コントロールを使用した必要なリソースの詳細なリストについては、「[igPivotDataSelector の HTML ページへの追加](/igpivotdataselector-adding-to-html-page)」を参照してください。 @@ -116,11 +116,11 @@ slug: igpivotdataselector-overview このトピックについては、以下のサンプルも参照してください。 -- [XMLA データ ソースにバインド]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [XMLA データ ソースにバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 -- [ASP.NET MVC ヘルパーと XMLA データ ソースの使用]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 +- [ASP.NET MVC ヘルパーと XMLA データ ソースの使用](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 -- [リモート XMLA プロバイダー]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): このサンプルは、`igOlapXmlaDataSource` のネットワーク トラフィックのより少ないリモート プロバイダー機能を使用するメリットのいずれかを示します。すべての要求は、クロス ドメインの問題を防止するためにサーバー アプリケーションを介してプロキシーされます。また、応答のサイズを小さくなるために、データが JSON に変換されます。 +- [リモート XMLA プロバイダー](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): このサンプルは、`igOlapXmlaDataSource` のネットワーク トラフィックのより少ないリモート プロバイダー機能を使用するメリットのいずれかを示します。すべての要求は、クロス ドメインの問題を防止するためにサーバー アプリケーションを介してプロキシーされます。また、応答のサイズを小さくなるために、データが JSON に変換されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/accessibility-compliance.mdx index ea3e07c3bb..4212ad5cc1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/accessibility-compliance.mdx @@ -3,6 +3,8 @@ title: "アクセシビリティ準拠 (igPivotGrid)" slug: igpivotgrid-accessibility-compliance --- +# アクセシビリティ準拠 (igPivotGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # アクセシビリティ準拠 (igPivotGrid) @@ -26,7 +28,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ##igPivotGrid アクセシビリティ準拠 -すべての Infragistics® {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。[igPivotGrid アクセシビリティ準拠の概要表](#accessibility-compliance-summary-chart) には、コントロールに関する第 1194.22 部の特定の規則が含まれています。 +すべての Infragistics® \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。[igPivotGrid アクセシビリティ準拠の概要表](#accessibility-compliance-summary-chart) には、コントロールに関する第 1194.22 部の特定の規則が含まれています。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -58,7 +60,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、Infragistics {environment:ProductName} 製品スイートにおけるすべてのコントロールのユーザー補助法令遵守について参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、Infragistics \{environment:ProductName\} 製品スイートにおけるすべてのコントロールのユーザー補助法令遵守について参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/adding/adding-to-an-html-page.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/adding/adding-to-an-html-page.mdx index 6a1433f852..1145c3fd99 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/adding/adding-to-an-html-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/adding/adding-to-an-html-page.mdx @@ -3,6 +3,8 @@ title: "igPivotGrid の HTML ページへの追加" slug: igpivotgrid-adding-to-an-html-page --- +# igPivotGrid の HTML ページへの追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPivotGrid の HTML ページへの追加 @@ -17,7 +19,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックを理解するために、以下のトピックを参照することをお勧めします。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して {environment:ProductName} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して \{environment:ProductName\} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 - [igPivotGrid の概要](/igpivotgrid-overview): このトピックは、主要機能、最小要件、ユーザー機能性など、`igPivotGrid` コントロールに関する概念的な情報を提供します。 @@ -77,7 +79,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <tr> <td>IG テーマ (オプション)</td> - <td>このテーマには、{environment:ProductName} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> + <td>このテーマには、\{environment:ProductName\} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> <td></td> </tr> @@ -145,9 +147,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; A. **jQuery、jQueryUI および Modernizr JavaScript のリソースを Web ページが置かれているディレクトリ内の Scripts という名前のフォルダーに追加します。** - B. **Content/ig という名前のフォルダーに {environment:ProductName} CSS ファイルを追加します (詳細は、[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。** + B. **Content/ig という名前のフォルダーに \{environment:ProductName\} CSS ファイルを追加します (詳細は、[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。** - C. **{environment:ProductName} JavaScript ファイルを Web サイト　またはアプリケーション内の Scripts/ig という名前のフォルダーに追加します (詳細は 「[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)」 トピックを参照)。** + C. **\{environment:ProductName\} JavaScript ファイルを Web サイト　またはアプリケーション内の Scripts/ig という名前のフォルダーに追加します (詳細は 「[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)」 トピックを参照)。** 2. 必要な JavaScript ライブラリへの参照を追加します。 @@ -263,15 +265,15 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [{environment:ProductNameMVC} igPivotGrid の追加](/igpivotgrid-adding-using-the-mvc-helper): このトピックは、 ASP.NET MVC ヘルパーを使用して ASP.NET MVC アプリケーションへ `igPivotGrid`™ コントロールを追加する方法について説明します。 +- [\{environment:ProductNameMVC\} igPivotGrid の追加](/igpivotgrid-adding-using-the-mvc-helper): このトピックは、 ASP.NET MVC ヘルパーを使用して ASP.NET MVC アプリケーションへ `igPivotGrid`™ コントロールを追加する方法について説明します。 ### <a id="samples"></a>サンプル このトピックについては、以下のサンプルも参照してください。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 -- [XMLA データ ソースにバインド]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、選択のために `igPivotDataSelector` を使用します。 +- [XMLA データ ソースにバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、選択のために `igPivotDataSelector` を使用します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/adding/adding-using-the-mvc-helper.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/adding/adding-using-the-mvc-helper.mdx index 72f61b70ee..cbd095caf6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/adding/adding-using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/adding/adding-using-the-mvc-helper.mdx @@ -6,7 +6,6 @@ slug: igpivotgrid-adding-using-the-mvc-helper # igPivotGrid の ASP.NET MVC アプリケーションへの追加 - ##トピックの概要 ### 目的 @@ -45,7 +44,7 @@ slug: igpivotgrid-adding-using-the-mvc-helper ### <a id="overview-summary"></a>igPivotGrid の ASP.NET MVC アプリケーションへの追加のサマリー -`igPivotGrid` は、{environment:ProductNameMVC} の実装を伴うクライアント側コンポーネントで、MVC ビューの CS/VB コードでコンポーネントを使用できます。View のモデル (`igOlapFlatDataSource`™を使用) からデータを実行することも可能です。`igPivotGrid` に ASP.NET MVC ヘルパーを使用する場合、データのバインド方法は 2 通りあります。 +`igPivotGrid` は、\{environment:ProductNameMVC\} の実装を伴うクライアント側コンポーネントで、MVC ビューの CS/VB コードでコンポーネントを使用できます。View のモデル (`igOlapFlatDataSource`™を使用) からデータを実行することも可能です。`igPivotGrid` に ASP.NET MVC ヘルパーを使用する場合、データのバインド方法は 2 通りあります。 - データ ソースを構成する方法 @@ -180,9 +179,9 @@ slug: igpivotgrid-adding-using-the-mvc-helper このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igOlapFlatDataSource を ASP.NET MVC アプリケーションに追加](/igolapflatdatasource-adding-using-mvc-helper): このトピックは、{environment:ProductNameMVC}を使用して ASP.NET MVC アプリケーションへ `igOlapFlatDataSource` コントロールを追加する方法についての概念と詳しい手順を説明します。 +- [igOlapFlatDataSource を ASP.NET MVC アプリケーションに追加](/igolapflatdatasource-adding-using-mvc-helper): このトピックは、\{environment:ProductNameMVC\}を使用して ASP.NET MVC アプリケーションへ `igOlapFlatDataSource` コントロールを追加する方法についての概念と詳しい手順を説明します。 -- [igOlapXmlaDataSource の ASP.NET MVC アプリケーションへの追加](/igolapxmladatasource-adding-to-an-aspnetmvc-application): このトピックは、{environment:ProductNameMVC}を使用して ASP.NET MVC アプリケーションへ `igOlapXmlaDataSource` コントロールを追加する方法についての概念と詳しい手順を説明します。 +- [igOlapXmlaDataSource の ASP.NET MVC アプリケーションへの追加](/igolapxmladatasource-adding-to-an-aspnetmvc-application): このトピックは、\{environment:ProductNameMVC\}を使用して ASP.NET MVC アプリケーションへ `igOlapXmlaDataSource` コントロールを追加する方法についての概念と詳しい手順を説明します。 - [igPivotDataSelector の概要](/igbulletgraph-overview): このトピックは、主要機能、最小要件、ユーザー機能性など、`igPivotDataSelector`™ コントロールに関する概念的な情報を提供します。 @@ -193,9 +192,9 @@ slug: igpivotgrid-adding-using-the-mvc-helper このトピックについては、以下のサンプルも参照してください。 -- [{environment:ProductNameMVC} と XMLA データ ソースの使用]({environment:SamplesUrl}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルは、`igOlapXmlaDataSource` コントロールのための ASP.NET MVC ヘルパーを利用した、`igPivotDataSelector` コントロールと `igPivotGrid` コントロールの使用方法を示します。 +- [\{environment:ProductNameMVC\} と XMLA データ ソースの使用](\{environment:SamplesUrl\}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルは、`igOlapXmlaDataSource` コントロールのための ASP.NET MVC ヘルパーを利用した、`igPivotDataSelector` コントロールと `igPivotGrid` コントロールの使用方法を示します。 -- [{environment:ProductNameMVC} とフラット データ ソースの使用]({environment:SamplesUrl}/pivot-grid/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルは、`igOlapFlatDataSource` コントロールのための ASP.NET MVC ヘルパーを利用した、`igPivotDataSelector` コントロールと `igPivotGrid` コントロールの使用方法を示します。 +- [\{environment:ProductNameMVC\} とフラット データ ソースの使用](\{environment:SamplesUrl\}/pivot-grid/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルは、`igOlapFlatDataSource` コントロールのための ASP.NET MVC ヘルパーを利用した、`igPivotDataSelector` コントロールと `igPivotGrid` コントロールの使用方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/api-links.mdx index 14349a264f..4cdab6e887 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リンク (igPivotGrid)" slug: igpivotgrid-api-links --- +# jQuery と MVC API リンク (igPivotGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リンク (igPivotGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/configuration.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/configuration.mdx index bf7fee2833..9a19d8575a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/configuration.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/configuration.mdx @@ -3,6 +3,8 @@ title: "igPivotGrid の構成" slug: igpivotgrid-configuration --- +# igPivotGrid の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPivotGrid の構成 @@ -47,7 +49,7 @@ igPivotGrid の場合: <ApiLink pkg="ig" type="OlapXmlaDataSource" member="options.measures" section="options" label="measures" />|コンマ (,) で区切られたメジャー名のリスト。これは、データ ソースのメジャーになります。 構成の例を示す次の基本サンプルを参照してください。 -- [XMLA データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source) +- [XMLA データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source) **$.ig.OlapFlatDataSource** コンポーネントは、フラットなデータ コレクション上で多次元の (OLAP のような) 解析を実行します。 関連する基本設定は次のとおりです。 @@ -67,7 +69,7 @@ OlapFlatDataSource の場合: <ApiLink pkg="ig" type="OlapFlatDataSource" member="options.measures" section="options" label="measures" />|コンマ (,) で区切られたメジャー名のリスト。これは、データ ソースのメジャーになります。 構成の例を示す次の基本サンプルを参照してください。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source) +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source) ## <a id='advanced'></a> 詳細の構成 @@ -80,7 +82,7 @@ igPivotGridを使用すると、<ApiLink type="igPivotGrid" member="customMoveVa 以下のサンプルでは、PivotGrid の列にアイテムをドロップすることを禁止する方法を示します。また、名前に「Seller」が含まれる階層では、ピボット グリッドおよびデータ セレクターのドロップ領域へのドロップが無効になります。 <div class="embed-sample"> - [移動のカスタム検証]({environment:SamplesEmbedUrl}/pivot-grid/custom-drag-drop-validation) + [移動のカスタム検証](\{environment:SamplesEmbedUrl\}/pivot-grid/custom-drag-drop-validation) </div> ### <a id='custom-drag-drop'></a> カスタム要素のドラッグ アンド ドロップ @@ -107,7 +109,7 @@ igPivotGridを使用すると、<ApiLink type="igPivotGrid" member="customMoveVa このような例を示す次の基本サンプルを参照してください。 <div class="embed-sample"> - [カスタム要素のドラッグ アンド ドロップ]({environment:SamplesEmbedUrl}/pivot-grid/drag-drop-custom-elements) + [カスタム要素のドラッグ アンド ドロップ](\{environment:SamplesEmbedUrl\}/pivot-grid/drag-drop-custom-elements) </div> ### <a id='expand'></a> メンバーの展開 @@ -116,7 +118,7 @@ igPivotGridを使用すると、<ApiLink type="igPivotGrid" member="customMoveVa 以下のサンプルは、グリッドのデータ ソースが <ApiLink type="igPivotGrid" member="dataSourceInitialized" section="events" label="dataSourceInitialized" /> イベントハンドラーで初期化された場合に、このメソッドを使用する方法を示します。 <div class="embed-sample"> - [メンバーの展開]({environment:SamplesEmbedUrl}/pivot-grid/expand-members) + [メンバーの展開](\{environment:SamplesEmbedUrl\}/pivot-grid/expand-members) </div> @@ -134,13 +136,13 @@ igPivotGridを使用すると、<ApiLink type="igPivotGrid" member="customMoveVa このトピックについては、以下のサンプルも参照してください。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドする方法を説明します。データ選択で `igPivotDataSelector` が使用されています。 +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドする方法を説明します。データ選択で `igPivotDataSelector` が使用されています。 -- [{environment:ProductNameMVC} と XMLA データ ソースの使用]({environment:SamplesUrl}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource`で {environment:ProductNameMVC} `igPivotGrid` を使用する方法を紹介します。 +- [\{environment:ProductNameMVC\} と XMLA データ ソースの使用](\{environment:SamplesUrl\}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource`で \{environment:ProductNameMVC\} `igPivotGrid` を使用する方法を紹介します。 -- [並べ替え]({environment:SamplesUrl}/pivot-grid/sorting): このサンプルでは、`igPivotGrid` の並べ替えを有効にし、初期化で特定のレベルに並べ替えを適用する方法を紹介します。 +- [並べ替え](\{environment:SamplesUrl\}/pivot-grid/sorting): このサンプルでは、`igPivotGrid` の並べ替えを有効にし、初期化で特定のレベルに並べ替えを適用する方法を紹介します。 -- [レイアウト モード]({environment:SamplesUrl}/pivot-grid/layout-modes): このサンプルでは、コンパクト列と行ヘッダーが有効または無効な場合の `igPivotGrid` のレイアウトを比較します。 +- [レイアウト モード](\{environment:SamplesUrl\}/pivot-grid/layout-modes): このサンプルでは、コンパクト列と行ヘッダーが有効または無効な場合の `igPivotGrid` のレイアウトを比較します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/igpivotgrid.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/igpivotgrid.mdx index 80bba01002..6ff2241a7e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/igpivotgrid.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/igpivotgrid.mdx @@ -6,7 +6,6 @@ slug: igpivotgrid # igPivotGrid - ##このグループのトピックについて ### 概要 @@ -19,7 +18,7 @@ slug: igpivotgrid - [igPivotGrid の概要](/igpivotgrid-overview): このトピックは、主要機能、最小要件およびユーザー機能性など、`igPivotGrid` コントロールに関する概念的な情報を提供します。 -- [KPI (キー パフォーマンス インジケーター) のサポート (igPivotGrid、igPivotDataSelector、igOlapXmlaDataSource)](/igpivotgrid-kpi-support): このトピックは、多次元 (OLAP) データ セットからの KPI データが {environment:ProductName}™ で視覚化される状態を概念的に説明します。KPI を視覚化する {environment:ProductName} コントロールは `igPivotDataSelector` および `igPivotGrid` です。 +- [KPI (キー パフォーマンス インジケーター) のサポート (igPivotGrid、igPivotDataSelector、igOlapXmlaDataSource)](/igpivotgrid-kpi-support): このトピックは、多次元 (OLAP) データ セットからの KPI データが \{environment:ProductName\}™ で視覚化される状態を概念的に説明します。KPI を視覚化する \{environment:ProductName\} コントロールは `igPivotDataSelector` および `igPivotGrid` です。 - [igPivotGrid の追加](/igpivotgrid-adding): これは、`igPivotGrid` コントロールを HTML ページと ASP.NET MVC アプリケーションへ追加する方法を示すトピックのグループです。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/known-issues-and-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/known-issues-and-limitations.mdx index 1d72b91d8d..41bec128eb 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/known-issues-and-limitations.mdx @@ -9,7 +9,7 @@ slug: igpivotgrid-known-issues-and-limitations ### 概要 -以下の表は、{environment:ProductName}™ {environment:ProductVersionShort} リリースの `igPivotGrid`™ コントロールの既知の問題および制限事項をまとめたものです。いくつかの問題および既存の回避策の詳細な説明は、サマリー表の後ろに記載されています。 +以下の表は、\{environment:ProductName\}™ \{environment:ProductVersionShort\} リリースの `igPivotGrid`™ コントロールの既知の問題および制限事項をまとめたものです。いくつかの問題および既存の回避策の詳細な説明は、サマリー表の後ろに記載されています。 ### 凡例: diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/kpi-support.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/kpi-support.mdx index 47b6f26d34..dc0f6e30ca 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/kpi-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/kpi-support.mdx @@ -9,7 +9,7 @@ slug: igpivotgrid-kpi-support #### 目的 -このトピックは、多次元 (OLAP) データ セットからの KPI データが {environment:ProductName}™ で視覚化される状態を概念的に説明します。KPI を視覚化する {environment:ProductName} コントロールは、`igPivotDataSelector`™ および `igPivotGrid`™ にあります。 +このトピックは、多次元 (OLAP) データ セットからの KPI データが \{environment:ProductName\}™ で視覚化される状態を概念的に説明します。KPI を視覚化する \{environment:ProductName\} コントロールは、`igPivotDataSelector`™ および `igPivotGrid`™ にあります。 ### 前提条件 @@ -88,7 +88,7 @@ KPI は、 (以下の画像の 1) という名前のルート項目フォルダ このトピックについては、以下のサンプルも参照してください。 -- [XMLA データ ソースにバインド]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、選択のために `igPivotDataSelector` を使用します。2014 年 1 月以降のリリースでは、`igPivotGrid` は OLAP キューブからの KPI の視覚化をサポートします。 +- [XMLA データ ソースにバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、選択のために `igPivotDataSelector` を使用します。2014 年 1 月以降のリリースでは、`igPivotGrid` は OLAP キューブからの KPI の視覚化をサポートします。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/overview.mdx index fecd44d026..e0553f5349 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotgrid/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotgrid/overview.mdx @@ -3,6 +3,8 @@ title: "igPivotGrid の概要" slug: igpivotgrid-overview --- +# igPivotGrid の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPivotGrid の概要 @@ -21,7 +23,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **トピック** -- [多次元 (OLAP) データ ソース コンポーネント](/multidimensional-data-source-components): このトピック グループでは、{environment:ProductName}™ スイートの多次元 (OLAP) データ ソース コンポーネントを説明します。 +- [多次元 (OLAP) データ ソース コンポーネント](/multidimensional-data-source-components): このトピック グループでは、\{environment:ProductName\}™ スイートの多次元 (OLAP) データ ソース コンポーネントを説明します。 **外部リソース** @@ -66,7 +68,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; `igPivotGrid` コントロールは OLAP キューブまたはフラットなデータ コレクションから得たデータをスライス、ダイス、ドリルダウン、ドリルアップおよび旋回できます。機能という武器を有し、`igPivotGrid` は洗練されたデータ駆動型のアプリケーショを構築できます。 -`igPivotGrid` は {environment:ProductName} スイートからの別のコントロールを緊密に連携するよう設計されています - [igPivotDataSelector](/igpivotdataselector)™。`igPivotDataSelector` コントロールは、`igPivotGrid` で表示するためにユーザーが使用可能なデータ ソースで使用可能なすべての階層およびメジャーを管理します。(igPivotGrid をそのままで使用すると、ユーザーはデータとの相互作用が現在ピボット グリッドで表示されているデータ スライスのみに制限されます)`igPivotDataSelector` をサイズ変更および縮小するため組み込み機能から恩恵を受ける 2 つのウィジェットでなく 1 つのウィジェットを望む場合、`igPivotGrid` と igPivotDataSelector の組み合わせでなく [igPivotView](/igpivotview)™ を使用します。 +`igPivotGrid` は \{environment:ProductName\} スイートからの別のコントロールを緊密に連携するよう設計されています - [igPivotDataSelector](/igpivotdataselector)™。`igPivotDataSelector` コントロールは、`igPivotGrid` で表示するためにユーザーが使用可能なデータ ソースで使用可能なすべての階層およびメジャーを管理します。(igPivotGrid をそのままで使用すると、ユーザーはデータとの相互作用が現在ピボット グリッドで表示されているデータ スライスのみに制限されます)`igPivotDataSelector` をサイズ変更および縮小するため組み込み機能から恩恵を受ける 2 つのウィジェットでなく 1 つのウィジェットを望む場合、`igPivotGrid` と igPivotDataSelector の組み合わせでなく [igPivotView](/igpivotview)™ を使用します。 @@ -166,7 +168,7 @@ igGrid の以下の機能は gridOptions.<ApiLink type="igPivotGrid" member="gri 以下のサンプルは、igPivotGrid でサポートされるすべての igGrid 機能を有効にする方法を紹介します。 <div class="embed-sample"> - [すべてのグリッド機能]({environment:SamplesEmbedUrl}/pivot-grid/all-grid-features) + [すべてのグリッド機能](\{environment:SamplesEmbedUrl\}/pivot-grid/all-grid-features) </div> ## <a id="user-interaction"></a>ユーザー インタラクションと操作性 @@ -180,13 +182,13 @@ igGrid の以下の機能は gridOptions.<ApiLink type="igPivotGrid" member="gri 行、列およびフィルターの現在選択されている階層を変更します。|ドロップ エリアのいずれかからドラッグ アンド ドロップします。|ユーザーは、列、フィルターおよび行のエリアの間で階層を移動できます。同じデータ ソースにバインドされる `igPivotDataSelector` がページ上で使用可能な場合、それに加えて、表のビューでそれぞれの影響を持つ`igPivotGrid` と `igPivotDataSelector` の間ですべての階層とメジャーがドラッグ アンド ドロップできます。|![](../../images/images/positive.png)<ul><li>[igPivotDataSelector の HTML ページへの追加](/igpivotdataselector-adding-to-html-page)</li><li>[ピボット グリッドの列、行、フィルター、メジャーの配列による結果セットの表形式ビューを構成します (igOlapFlatDataSource, igOlapXmlaDataSource, igPivotDataSelector, igPivotGrid, igPivotView)](/configuring-the-tabular-view)</li></ul> 階層のメンバーのドリルダウンとドリルアップ|ヘッダー セルの +/- ボタン|ユーザーは、任意の詳細レベルに進むため階層のメンバーを展開および折りたたむことができます。|![](../../images/images/negative.png) 階層内のメンバーをフィルタリング|行、列またはフィルターに追加される各階層のフィルター メニュー|階層の場合、フィルター メニューが利用可能です (フィルター アイコンを介して (![](../../images/images/igPivotGrid_Overview_10.png)))。階層メンバーを選択/選択解除し、メンバーを結果に追加できます、または結果から削除できます。|![](../../images/images/positive.png)<ul><li>[ピボット グリッドの列、行、フィルター、メジャーの配列による結果セットの表形式ビューを構成します (igOlapFlatDataSource、 igOlapXmlaDataSource、igPivotDataSelector、igPivotGrid, igPivotView)](/configuring-the-tabular-view)</li></ul> -並べ替えの適用|並べ替えボタン。ユーザーは 1 つ以上の列の値を並べ替えしたり、特定のレベルのメンバーヘッダーを並べ替えできます。|ユーザーの並べ替えの他、特定のレベルに対する最初の並べ替え方向は <ApiLink type="igPivotGrid" label="igPivotGrid プロパティ" />を介して設定できます。|![](../../images/images/positive.png)<ul><li> [並べ替え(サンプル)]({environment:SamplesUrl}/pivot-grid/sorting)</li></ul> +並べ替えの適用|並べ替えボタン。ユーザーは 1 つ以上の列の値を並べ替えしたり、特定のレベルのメンバーヘッダーを並べ替えできます。|ユーザーの並べ替えの他、特定のレベルに対する最初の並べ替え方向は <ApiLink type="igPivotGrid" label="igPivotGrid プロパティ" />を介して設定できます。|![](../../images/images/positive.png)<ul><li> [並べ替え(サンプル)](\{environment:SamplesUrl\}/pivot-grid/sorting)</li></ul> ##<a id="requirements"></a>要件 ### 要件の概要 -`igPivotGrid` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。Modernzr ライブラリは、内部的にブラウザーと装置の機能を検出するためにも使用されています。コントロールは、その機能のために通常いくつかの {environment:ProductName} 共有リソースを使用します。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 +`igPivotGrid` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。Modernzr ライブラリは、内部的にブラウザーと装置の機能を検出するためにも使用されています。コントロールは、その機能のために通常いくつかの \{environment:ProductName\} 共有リソースを使用します。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 `igPivotGrid` コントロールを使用した必要なリソースの詳細なリストについては、「[igPivotView の HTML ページへの追加](/igpivotdataselector-adding-to-html-page)」を参照してください。 @@ -204,13 +206,13 @@ igGrid の以下の機能は gridOptions.<ApiLink type="igPivotGrid" member="gri このトピックについては、以下のサンプルも参照してください。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 -- [ASP.NET MVC ヘルパーと XMLA データ ソースの使用]({environment:SamplesUrl}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、ASP.NET MVC ヘルパーを使用して `igOlapXmlaDataSource` と `igPivotGrid` を使用する方法を紹介します。 +- [ASP.NET MVC ヘルパーと XMLA データ ソースの使用](\{environment:SamplesUrl\}/pivot-grid/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、ASP.NET MVC ヘルパーを使用して `igOlapXmlaDataSource` と `igPivotGrid` を使用する方法を紹介します。 -- [並べ替え]({environment:SamplesUrl}/pivot-grid/sorting): このサンプルでは、`igPivotGrid` の並べ替えを有効にし、初期化で特定のレベルに並べ替えを適用する方法を紹介します。 +- [並べ替え](\{environment:SamplesUrl\}/pivot-grid/sorting): このサンプルでは、`igPivotGrid` の並べ替えを有効にし、初期化で特定のレベルに並べ替えを適用する方法を紹介します。 -- [レイアウト モード]({environment:SamplesUrl}/pivot-grid/layout-modes): このサンプルでは、コンパクト列と行ヘッダーが有効または無効な場合の `igPivotGrid` のレイアウトを比較します。 +- [レイアウト モード](\{environment:SamplesUrl\}/pivot-grid/layout-modes): このサンプルでは、コンパクト列と行ヘッダーが有効または無効な場合の `igPivotGrid` のレイアウトを比較します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotview/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotview/accessibility-compliance.mdx index 9e05b8c097..640b85cbe9 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotview/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotview/accessibility-compliance.mdx @@ -3,6 +3,8 @@ title: "アクセシビリティ準拠 (igPivotView)" slug: igpivotview-accessibility-compliance --- +# アクセシビリティ準拠 (igPivotView) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # アクセシビリティ準拠 (igPivotView) @@ -26,7 +28,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### igPivotView ユーザー補助の法令遵守の概要 -すべての Infragistics® {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。[igPivotView アクセシビリティ準拠の概要表](#summary-chart) には、コントロールに関する第 1194.22 部の特定の規則が含まれています。 +すべての Infragistics® \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。[igPivotView アクセシビリティ準拠の概要表](#summary-chart) には、コントロールに関する第 1194.22 部の特定の規則が含まれています。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -57,7 +59,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、Infragistics {environment:ProductName} 製品スイートにおけるすべてのコントロールのユーザー補助法令遵守について参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、Infragistics \{environment:ProductName\} 製品スイートにおけるすべてのコントロールのユーザー補助法令遵守について参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding-to-html-page.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding-to-html-page.mdx index b3cf4e1fd9..8b7e7db7dc 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding-to-html-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding-to-html-page.mdx @@ -3,6 +3,8 @@ title: "igPivotView の HTML ページへの追加" slug: igpivotview-adding-to-html-page --- +# igPivotView の HTML ページへの追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPivotView の HTML ページへの追加 @@ -19,7 +21,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックを理解するために、以下のトピックを参照することをお勧めします。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックでは、必要な JavaScript リソースを追加して {environment:ProductName} ライブラリからコントロールを使用する場合の全般的な説明をします。 +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックでは、必要な JavaScript リソースを追加して \{environment:ProductName\} ライブラリからコントロールを使用する場合の全般的な説明をします。 - [igPivotView 概要](/igpivotview-overview): このトピックは、主要機能、最小要件およびユーザー機能性など、`igPivotView` コントロールに関する概念的な情報を提供します。 @@ -85,7 +87,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <tr> <td>IG テーマ (オプション)</td> - <td>このテーマには、{environment:ProductName} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> + <td>このテーマには、\{environment:ProductName\} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: <ul> <li>`<IG CSS root>/themes/Infragistics/infragistics.theme.css`</li> </ul></td> <td></td> </tr> @@ -152,9 +154,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; A. **jQuery、jQueryUI および Modernizr JavaScript のリソースを Web ページが置かれているディレクトリ内に Scripts という名前のフォルダーに追加します。** - B. **Content/ig という名前のフォルダーに {environment:ProductName} CSS ファイルを追加します (詳細は、[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。** + B. **Content/ig という名前のフォルダーに \{environment:ProductName\} CSS ファイルを追加します (詳細は、[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。** - C. **{environment:ProductName} JavaScript ファイルを Web サイト　またはアプリケーション内の Scripts/ig という名前のフォルダーに追加します (詳細は 「[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)」 トピックを参照)。** + C. **\{environment:ProductName\} JavaScript ファイルを Web サイト　またはアプリケーション内の Scripts/ig という名前のフォルダーに追加します (詳細は 「[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)」 トピックを参照)。** 2. 必要な JavaScript ライブラリへの参照を追加します。**jQuery、jQuery UI および Modernizr ライブラリの参照**をページの `<head>` セクションに追加します。 @@ -265,15 +267,15 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igPivotView の ASP.NET MVC アプリケーションへの追加](/igpivotview-adding-using-the-mvc-helper): このトピックは、{environment:ProductNameMVC}を使用して ASP.NET MVC アプリケーションへ `igPivotView` コントロールを追加する方法についての概念と詳しい手順を説明します。 +- [igPivotView の ASP.NET MVC アプリケーションへの追加](/igpivotview-adding-using-the-mvc-helper): このトピックは、\{environment:ProductNameMVC\}を使用して ASP.NET MVC アプリケーションへ `igPivotView` コントロールを追加する方法についての概念と詳しい手順を説明します。 ### <a id="samples"></a>サンプル このトピックについては、以下のサンプルも参照してください。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-view/binding-to-flat-data-source): このサンプルでは、`igPivotView` を `igOlapFlatDataSource` にバインドする方法を紹介します。 +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-view/binding-to-flat-data-source): このサンプルでは、`igPivotView` を `igOlapFlatDataSource` にバインドする方法を紹介します。 -- [XMLA にバインドした KPI の表示]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 +- [XMLA にバインドした KPI の表示](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding-using-the-mvc-helper.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding-using-the-mvc-helper.mdx index 9afc103817..ac92f1931d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding-using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding-using-the-mvc-helper.mdx @@ -43,7 +43,7 @@ slug: igpivotview-adding-using-the-mvc-helper ### <a id="summary"></a>igPivotView を ASP.NET MVC アプリケーションに追加についての概要 -`igPivotView` は、{environment:ProductNameMVC} の実装 を伴うクライアント側コンポーネントで、MVC View の CS/VB コードでコンポーネントを使用できます。View のモデル (`igOlapFlatDataSource`™ を使用) からデータを実行することも可能です。`igPivotView` に ASP.NET MVC ヘルパーを使用する場合、データのバインド方法は 2 通りあります。 +`igPivotView` は、\{environment:ProductNameMVC\} の実装 を伴うクライアント側コンポーネントで、MVC View の CS/VB コードでコンポーネントを使用できます。View のモデル (`igOlapFlatDataSource`™ を使用) からデータを実行することも可能です。`igPivotView` に ASP.NET MVC ヘルパーを使用する場合、データのバインド方法は 2 通りあります。 - データ ソースを構成する方法- 必要な [DataSourceOptions](Infragistics.Web.Mvc~Infragistics.Web.Mvc.PivotDataSelectorWrapper~DataSourceOptions.html) (データ ソース オブジェクトの作成に使用) を設定することにより行います。この方法は、このトピックで説明します。 @@ -172,9 +172,9 @@ slug: igpivotview-adding-using-the-mvc-helper このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igOlapFlatDataSource を ASP.NET MVC アプリケーションに追加](/igolapflatdatasource-adding-using-mvc-helper): このトピックは、{environment:ProductNameMVC} を使用して ASP.NET MVC アプリケーションへ `igOlapFlatDataSource` コントロールを追加する方法についての概念と詳しい手順を説明します。 +- [igOlapFlatDataSource を ASP.NET MVC アプリケーションに追加](/igolapflatdatasource-adding-using-mvc-helper): このトピックは、\{environment:ProductNameMVC\} を使用して ASP.NET MVC アプリケーションへ `igOlapFlatDataSource` コントロールを追加する方法についての概念と詳しい手順を説明します。 -- [igOlapXmlaDataSource の ASP.NET MVC アプリケーションへの追加](/igolapxmladatasource-adding-to-an-aspnetmvc-application): このトピックは、{environment:ProductNameMVC} を使用して ASP.NET MVC アプリケーションへ `igOlapXmlaDataSource` コントロールを追加する方法についての概念と詳しい手順を説明します。 +- [igOlapXmlaDataSource の ASP.NET MVC アプリケーションへの追加](/igolapxmladatasource-adding-to-an-aspnetmvc-application): このトピックは、\{environment:ProductNameMVC\} を使用して ASP.NET MVC アプリケーションへ `igOlapXmlaDataSource` コントロールを追加する方法についての概念と詳しい手順を説明します。 - [igPivotDataSelector の概要](/igbulletgraph-overview): このトピックは、主要機能、最小要件、ユーザー機能性など、`igPivotDataSelector`™ コントロールに関する概念的な情報を提供します。 @@ -185,9 +185,9 @@ slug: igpivotview-adding-using-the-mvc-helper このトピックについては、以下のサンプルも参照してください。 -- [{environment:ProductNameMVC}と XMLA データ ソースの使用]({environment:SamplesUrl}/pivot-view/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource` コントロールのための ASP.NET MVC ヘルパーを利用した、`igPivotDataSelector` コントロールと `igPivotView` コントロールの使用方法を示します。 +- [\{environment:ProductNameMVC\}と XMLA データ ソースの使用](\{environment:SamplesUrl\}/pivot-view/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource` コントロールのための ASP.NET MVC ヘルパーを利用した、`igPivotDataSelector` コントロールと `igPivotView` コントロールの使用方法を示します。 -- [{environment:ProductNameMVC}とフラット データ ソースの使用]({environment:SamplesUrl}/pivot-view/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルでは、`igOlapFlatDataSource` コントロールのための ASP.NET MVC ヘルパーを利用した、`igPivotDataSelector` コントロールと `igPivotView` コントロールの使用方法を示します。 +- [\{environment:ProductNameMVC\}とフラット データ ソースの使用](\{environment:SamplesUrl\}/pivot-view/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルでは、`igOlapFlatDataSource` コントロールのための ASP.NET MVC ヘルパーを利用した、`igPivotDataSelector` コントロールと `igPivotView` コントロールの使用方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding.mdx index d2973f2d28..190c0a21e6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotview/adding/adding.mdx @@ -6,7 +6,6 @@ slug: igpivotview-adding # igPivotView の追加 - ##このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotview/api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotview/api-links.mdx index c69e4747e6..1af4890025 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotview/api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotview/api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リンク (igPivotView)" slug: igpivotview-api-links --- +# jQuery と MVC API リンク (igPivotView) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リンク (igPivotView) diff --git a/docs/jquery/src/content/ja/topics/controls/igpivotview/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igpivotview/overview.mdx index 0551c2bf9c..b0814503b7 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpivotview/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpivotview/overview.mdx @@ -3,6 +3,8 @@ title: "igPivotView 概要" slug: igpivotview-overview --- +# igPivotView 概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPivotView 概要 @@ -20,7 +22,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **トピック** -- [多次元 (OLAP) データ ソース コンポーネント](/multidimensional-data-source-components): このトピック グループでは、{environment:ProductName}™ スイートの多次元 (OLAP) データ ソース コンポーネントを説明します。 +- [多次元 (OLAP) データ ソース コンポーネント](/multidimensional-data-source-components): このトピック グループでは、\{environment:ProductName\}™ スイートの多次元 (OLAP) データ ソース コンポーネントを説明します。 - [igPivotGrid の概要](/igbulletgraph-overview): このトピックは、主要機能、最小要件、ユーザー機能性など、`igPivotGrid`™ コントロールに関する概念的な情報を提供します。 @@ -298,7 +300,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 遅延更新が有効になると、グリッドをオンデマンドで更新します。|[レイアウト更新] ボタン (![](../../images/images/igPivotDataSelector_Overview_6.png)) をクリックすることにより|-|![いいえ](../../images/images/negative.png) 階層のメンバーのドリルダウンとドリルアップ|ヘッダー セルの +/- ボタン|ユーザーは、任意の詳細レベルに進むため階層のメンバーを展開および折りたたむことができます。|![いいえ](../../images/images/negative.png) 階層内のメンバーをフィルタリング|行、列またはフィルターに追加される各階層のフィルター メニュー|階層の場合、フィルター メニューが利用可能です (フィルター アイコンを介して (![](../../images/images/igPivotGrid_Overview_10.png)))。階層メンバーを選択/選択解除し、メンバーを結果に追加できます、または結果から削除できます。|![はい](../../images/images/positive.png)<ul><li>[ピボット グリッドの列、行、フィルター、メジャーの配列による結果セットの表形式ビューを構成します (igOlapFlatDataSource、 igOlapXmlaDataSource、igPivotDataSelector、igPivotGrid, igPivotView)](/configuring-the-tabular-view)</li></ul> -並べ替えの適用|並べ替えボタン。ユーザーは 1 つ以上の列の値を並べ替えしたり、特定のレベルのメンバーヘッダーを並べ替えできます。|ユーザーの並べ替えの他、特定のレベルに対する最初の並べ替え方向は <ApiLink type="igPivotGrid" label="igPivotGrid プロパティ" />を介して設定できます。|![はい](../../images/images/positive.png)<ul><li> [並べ替え(サンプル)]({environment:SamplesUrl}/pivot-grid/sorting)</li></ul> +並べ替えの適用|並べ替えボタン。ユーザーは 1 つ以上の列の値を並べ替えしたり、特定のレベルのメンバーヘッダーを並べ替えできます。|ユーザーの並べ替えの他、特定のレベルに対する最初の並べ替え方向は <ApiLink type="igPivotGrid" label="igPivotGrid プロパティ" />を介して設定できます。|![はい](../../images/images/positive.png)<ul><li> [並べ替え(サンプル)](\{environment:SamplesUrl\}/pivot-grid/sorting)</li></ul> igPivotDataSelector をサイズ変更します/折りたたみます。|`igSplitter` のハンドル|スプリッターのハンドルをドラッグすることにより、または展開/折りたたみボタン () をクリックすることにより、ユーザーは `igPivotDataSelector` のパネルのサイズを変更できます。|![はい](../../images/images/positive.png)<ul><li><ApiLink type="igPivotGrid" member="dataSelectorPanel" section="options" label="dataSelectorPanel" /></li></ul> @@ -306,7 +308,7 @@ igPivotDataSelector をサイズ変更します/折りたたみます。|`igSpli ### 要件の概要 -`igPivotView` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。Modernizr ライブラリは、ブラウザーとデバイス機能を検出するために 内部使用されます。コントロールは、その機能のために通常いくつかの {environment:ProductName} 共有リソースを使用します。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 +`igPivotView` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。Modernizr ライブラリは、ブラウザーとデバイス機能を検出するために 内部使用されます。コントロールは、その機能のために通常いくつかの \{environment:ProductName\} 共有リソースを使用します。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、`Infragistics.Web.Mvc` アセンブリが必要です。 `igPivotView` コントロールを使用した必要なリソースの詳細なリストについては、「[igPivotView の追加](/igpivotview-adding)」を参照してください。 @@ -328,13 +330,13 @@ igPivotDataSelector をサイズ変更します/折りたたみます。|`igSpli このトピックについては、以下のサンプルも参照してください。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-view/binding-to-flat-data-source): このサンプルでは、`igPivotView` を `igOlapFlatDataSource` にバインドする方法を紹介します。 +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-view/binding-to-flat-data-source): このサンプルでは、`igPivotView` を `igOlapFlatDataSource` にバインドする方法を紹介します。 -- [XMLA にバインドした KPI の表示]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 +- [XMLA にバインドした KPI の表示](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 -- [{environment:ProductNameMVC} とフラット データ ソースの使用]({environment:SamplesUrl}/pivot-view/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルでは、ASP.NET MVC ヘルパーを使用して `igOlapFlatDataSource` と `igPivotView` を使用する方法を紹介します。 +- [\{environment:ProductNameMVC\} とフラット データ ソースの使用](\{environment:SamplesUrl\}/pivot-view/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルでは、ASP.NET MVC ヘルパーを使用して `igOlapFlatDataSource` と `igPivotView` を使用する方法を紹介します。 -- [{environment:ProductNameMVC} と XMLA データ ソースの使用]({environment:SamplesUrl}/pivot-view/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、ASP.NET MVC ヘルパーを使用して `igOlapXmlaDataSource` と `igPivotView` を使用する方法を紹介します。 +- [\{environment:ProductNameMVC\} と XMLA データ ソースの使用](\{environment:SamplesUrl\}/pivot-view/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、ASP.NET MVC ヘルパーを使用して `igOlapXmlaDataSource` と `igPivotView` を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpopover/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igpopover/accessibility-compliance.mdx index c48615b7d6..b30cf5c58d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpopover/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpopover/accessibility-compliance.mdx @@ -25,7 +25,7 @@ slug: igpopover-accessibility-compliance ## アクセシビリティ準拠のリファレンス ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igPopover` コントロールが各規則を遵守する方法も詳細に説明しています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igPopover` コントロールが各規則を遵守する方法も詳細に説明しています。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -50,7 +50,7 @@ slug: igpopover-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、すべての {environment:ProductName} コントロールのアクセシビリティ準拠のための参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、すべての \{environment:ProductName\} コントロールのアクセシビリティ準拠のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpopover/adding-igpopover.mdx b/docs/jquery/src/content/ja/topics/controls/igpopover/adding-igpopover.mdx index 5bd0c5bdf2..6ab16b41a8 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpopover/adding-igpopover.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpopover/adding-igpopover.mdx @@ -65,7 +65,7 @@ slug: adding-igpopover <tr> <td>IG テーマ (オプション)</td> - <td width="417">このテーマには、{environment:ProductName} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: {IG CSS root}/themes/Infragistics/infragistics.theme.css</td> + <td width="417">このテーマには、\{environment:ProductName\} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: {IG CSS root}/themes/Infragistics/infragistics.theme.css</td> <td></td> </tr> @@ -79,7 +79,7 @@ slug: adding-igpopover ->**注:** JavaScript と CSS リソースを読み込むためには igLoader コンポーネントを使うことを推奨します。この方法の詳細は、[**Infragistics Loader による必要なリソースの自動追加**](/using-infragistics-loader)のトピックを参照してください。さらに、オンラインの [**{environment:ProductName} サンプル ブラウザー**]({environment:SamplesUrl})には、`igPopover` コンポーネントで `igLoader` を使用する方法の具体的な例が記載されています。 +>**注:** JavaScript と CSS リソースを読み込むためには igLoader コンポーネントを使うことを推奨します。この方法の詳細は、[**Infragistics Loader による必要なリソースの自動追加**](/using-infragistics-loader)のトピックを参照してください。さらに、オンラインの [**\{environment:ProductName\} サンプル ブラウザー**](\{environment:SamplesUrl\})には、`igPopover` コンポーネントで `igLoader` を使用する方法の具体的な例が記載されています。 ### <a id="overview-steps"></a>手順 @@ -92,7 +92,7 @@ slug: adding-igpopover ## <a id="procedure-js"></a>JavaScript による igPopover の追加 - 手順 ### <a id="js-introduction"></a>概要 -この手順は、実際の HTML/JavaScript の実装を使用して、基本機能を持つ `igPopover` を HTML ページに追加するステップを説明します。`igPopover` コントロールで必要なすべての {environment:ProductName} リソースを読み込むには、Infragistics Loader コンポーネントを使用します。 +この手順は、実際の HTML/JavaScript の実装を使用して、基本機能を持つ `igPopover` を HTML ページに追加するステップを説明します。`igPopover` コントロールで必要なすべての \{environment:ProductName\} リソースを読み込むには、Infragistics Loader コンポーネントを使用します。 この手順は、デフォルト構成の基本的な `igPopover` コントロールを input HTML 要素に追加します。ポップオーバーは入力のタイトルを含み、マウスを要素の上にホバーすると表示されます。 @@ -109,9 +109,9 @@ slug: adding-igpopover - 適切な場所に追加された必要なファイル: - Web ページと同じディレクトリにある Scripts という名前のフォルダーに追加された必要な jQuery および jQueryUI JavaScript リソース - - ig という名前のフォルダーに追加された {environment:ProductName} CSS ファイル (詳細は、[**{environment:ProductName} のスタイル設定とテーマ設定**](/deployment-guide-styling-and-theming)のトピックを参照してください。) + - ig という名前のフォルダーに追加された \{environment:ProductName\} CSS ファイル (詳細は、[**\{environment:ProductName\} のスタイル設定とテーマ設定**](/deployment-guide-styling-and-theming)のトピックを参照してください。) - - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された {environment:ProductName} JavaScript ファイル (詳細は、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください。) + - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された \{environment:ProductName\} JavaScript ファイル (詳細は、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください。) - ページの `<head>` セクションで参照される、必要な JavaScript リソース。 **HTML の場合:** @@ -207,9 +207,9 @@ slug: adding-igpopover - 適切な場所に追加された必要なファイル: - Web ページと同じディレクトリにある Scripts という名前のフォルダーに追加された必要な jQuery および jQueryUI JavaScript リソース - - Content/ig という名前のフォルダーに追加された {environment:ProductName} CSS ファイル (詳細は、{environment:ProductName} のスタイル設定とテーマ設定のトピックを参照してください。) + - Content/ig という名前のフォルダーに追加された \{environment:ProductName\} CSS ファイル (詳細は、\{environment:ProductName\} のスタイル設定とテーマ設定のトピックを参照してください。) - - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された {environment:ProductName} JavaScript ファイル (詳細は、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください。) + - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された \{environment:ProductName\} JavaScript ファイル (詳細は、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください。) - ページの `<head>` セクションで参照される、必要な JavaScript リソース。 **HTML の場合:** @@ -265,7 +265,7 @@ slug: adding-igpopover 2. `igPopover` コントロールを追加します。 - `Popover` の {environment:ProductNameMVC} 構成を ASP.NET MVC View に追加します。 + `Popover` の \{environment:ProductNameMVC\} 構成を ASP.NET MVC View に追加します。 以下のコードは、オプションを指定せずに `igPopover` コントロールのインスタンスを作成します手順 1 で作成された入力要素「firstName」を対象にします。 @@ -302,9 +302,9 @@ slug: adding-igpopover このトピックについては、以下のサンプルも参照してください。 -- [基本的な使用方法]({environment:SamplesUrl}/popover/basic-popover): このサンプルは、JavaScript による `igPopover` の基本的な初期化シナリオ (単一のターゲット要素および複数のターゲット要素) を紹介します。 +- [基本的な使用方法](\{environment:SamplesUrl\}/popover/basic-popover): このサンプルは、JavaScript による `igPopover` の基本的な初期化シナリオ (単一のターゲット要素および複数のターゲット要素) を紹介します。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/popover/aspnet-mvc-helper): このサンプルは、ASP.NET MVC シナリオでの `igPopover` コントロールを紹介します。コントロールは、チェーン構文を使用して View で初期化されます。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper): このサンプルは、ASP.NET MVC シナリオでの `igPopover` コントロールを紹介します。コントロールは、チェーン構文を使用して View で初期化されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpopover/api-links/asp-net-mvc-helper-api.mdx b/docs/jquery/src/content/ja/topics/controls/igpopover/api-links/asp-net-mvc-helper-api.mdx index c866f40869..de67a514c3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpopover/api-links/asp-net-mvc-helper-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpopover/api-links/asp-net-mvc-helper-api.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リンク (igPopover)" slug: igpopover-asp-net-mvc-helper-api --- +# jQuery と MVC API リンク (igPopover) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リンク (igPopover) diff --git a/docs/jquery/src/content/ja/topics/controls/igpopover/api-links/property-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igpopover/api-links/property-reference.mdx index 5c67940389..af07ebef81 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpopover/api-links/property-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpopover/api-links/property-reference.mdx @@ -2,6 +2,9 @@ title: "プロパティ リファレンス (igPopover)" slug: igpopover-property-reference --- + +# プロパティ リファレンス (igPopover) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # プロパティ リファレンス (igPopover) diff --git a/docs/jquery/src/content/ja/topics/controls/igpopover/configuring-igpopover.mdx b/docs/jquery/src/content/ja/topics/controls/igpopover/configuring-igpopover.mdx index 42bede2121..c7715c55d4 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpopover/configuring-igpopover.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpopover/configuring-igpopover.mdx @@ -2,6 +2,9 @@ title: "igPopover の構成" slug: configuring-igpopover --- + +# igPopover の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPopover の構成 @@ -385,9 +388,9 @@ $( '#bodyParts' ).igPopover( { このトピックについては、以下のサンプルも参照してください。 -- [基本的な使用方法]({environment:SamplesUrl}/popover/overview): このサンプルは、JavaScript による `igPopover` の基本的な初期化シナリオ (単一のターゲット要素および複数のターゲット要素) を紹介します。 +- [基本的な使用方法](\{environment:SamplesUrl\}/popover/overview): このサンプルは、JavaScript による `igPopover` の基本的な初期化シナリオ (単一のターゲット要素および複数のターゲット要素) を紹介します。 -- [ASP.NET MVC の使用方法]({environment:SamplesUrl}/popover/aspnet-mvc-helper): このサンプルは、ASP.NET MVC シナリオでの `igPopover` コントロールを紹介します。コントロールは、チェーン構文を使用して View で初期化されます。 +- [ASP.NET MVC の使用方法](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper): このサンプルは、ASP.NET MVC シナリオでの `igPopover` コントロールを紹介します。コントロールは、チェーン構文を使用して View で初期化されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpopover/handling-events.mdx b/docs/jquery/src/content/ja/topics/controls/igpopover/handling-events.mdx index 63d0d89999..482925c450 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpopover/handling-events.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpopover/handling-events.mdx @@ -3,6 +3,8 @@ title: "イベントの処理 (igPopover)" slug: igpopover-handling-events --- +# イベントの処理 (igPopover) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # イベントの処理 (igPopover) @@ -16,7 +18,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックを理解するために、以下のトピックを参照することをお勧めします。 -- [{environment:ProductName} でイベントの使用](/using-events-in-igniteui-for-jquery): このトピックは、{environment:ProductName}® コントロールが発生させるイベントの処理方法について説明します。また、初期化と初期化後のイベントのバインドの違いについても説明します。 +- [\{environment:ProductName\} でイベントの使用](/using-events-in-igniteui-for-jquery): このトピックは、\{environment:ProductName\}® コントロールが発生させるイベントの処理方法について説明します。また、初期化と初期化後のイベントのバインドの違いについても説明します。 - [igPopover の概要](/igpopover-overview): このトピックでは、主要機能や機能性など、igPopover コントロールの概念的な情報を提供します。 @@ -49,7 +51,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="overview"></a>イベントの処理 - 概要 ### <a id="event-handling-summary"></a>イベント処理の概要 -イベント ハンドラー関数の {environment:ProductName} コントロールへのアタッチは、一般的にコントロールの初期化時に行われます。このイベントが発生すると、処理関数を呼び出します。 +イベント ハンドラー関数の \{environment:ProductName\} コントロールへのアタッチは、一般的にコントロールの初期化時に行われます。このイベントが発生すると、処理関数を呼び出します。 jQuery はイベント ハンドラーの割り当てるための以下のメソッドをサポートします。 @@ -185,9 +187,9 @@ $(document).delegate(".selector", "igpopovershown", function(evt, ui) { このトピックについては、以下のサンプルも参照してください。 -- [基本的な使用方法]({environment:SamplesUrl}/popover/basic-popover): このサンプルは、ASP.NET MVC シナリオでの `igPopover` コントロールを紹介します。コントロールは、チェーン構文を使用して View で初期化されます。 +- [基本的な使用方法](\{environment:SamplesUrl\}/popover/basic-popover): このサンプルは、ASP.NET MVC シナリオでの `igPopover` コントロールを紹介します。コントロールは、チェーン構文を使用して View で初期化されます。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/popover/aspnet-mvc-helper): このサンプルは、JavaScript による `igPopover` の基本的な初期化シナリオ (単一のターゲット要素および複数のターゲット要素) を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper): このサンプルは、JavaScript による `igPopover` の基本的な初期化シナリオ (単一のターゲット要素および複数のターゲット要素) を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpopover/known-issues-and-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/igpopover/known-issues-and-limitations.mdx index b443818d53..5dc78989b3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpopover/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpopover/known-issues-and-limitations.mdx @@ -3,6 +3,8 @@ title: "既知の問題と制限事項 (igPopover)" slug: igpopover-known-issues-and-limitations --- +# 既知の問題と制限事項 (igPopover) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限事項 (igPopover) @@ -10,7 +12,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## 既知の問題点と制限の概要 ### 既知の問題点と制約の概要表 -以下の表に、{environment:ProductName}® 20{environment:ProductVersionShort} リリースでの `igPopover`™ コントロールの既知の問題と制限について簡単に説明します。以下の表は、すべての問題の詳細な説明とその回避策を示します。 +以下の表に、\{environment:ProductName\}® 20\{environment:ProductVersionShort\} リリースでの `igPopover`™ コントロールの既知の問題と制限について簡単に説明します。以下の表は、すべての問題の詳細な説明とその回避策を示します。 ### 凡例: diff --git a/docs/jquery/src/content/ja/topics/controls/igpopover/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igpopover/overview.mdx index de8e7c4d6d..24aa851bc9 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpopover/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpopover/overview.mdx @@ -3,6 +3,8 @@ title: "igPopover の概要" slug: igpopover-overview --- +# igPopover の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPopover の概要 @@ -313,9 +315,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [基本的な使用方法]({environment:SamplesUrl}/popover/overview): このサンプルは、JavaScript による `igPopover` の基本的な初期化シナリオ (単一のターゲット要素および複数のターゲット要素) を紹介します。 +- [基本的な使用方法](\{environment:SamplesUrl\}/popover/overview): このサンプルは、JavaScript による `igPopover` の基本的な初期化シナリオ (単一のターゲット要素および複数のターゲット要素) を紹介します。 -- [ASP.NET MVC の使用方法]({environment:SamplesUrl}/popover/aspnet-mvc-helper): このサンプルは、ASP.NET MVC シナリオでの `igPopover` コントロールを紹介します。コントロールは、チェーン構文を使用して View で初期化されます。 +- [ASP.NET MVC の使用方法](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper): このサンプルは、ASP.NET MVC シナリオでの `igPopover` コントロールを紹介します。コントロールは、チェーン構文を使用して View で初期化されます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igpopover/styling-igpopover.mdx b/docs/jquery/src/content/ja/topics/controls/igpopover/styling-igpopover.mdx index 24025fdb3d..4d94beab65 100644 --- a/docs/jquery/src/content/ja/topics/controls/igpopover/styling-igpopover.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igpopover/styling-igpopover.mdx @@ -2,6 +2,9 @@ title: "igPopover のスタイル設定" slug: styling-igpopover --- + +# igPopover のスタイル設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igPopover のスタイル設定 @@ -150,9 +153,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [基本的な使用方法]({environment:SamplesUrl}/popover/overview): このサンプルは、ASP.NET MVC シナリオでの `igPopover` コントロールを紹介します。コントロールは、チェーン構文を使用して View で初期化されます。 +- [基本的な使用方法](\{environment:SamplesUrl\}/popover/overview): このサンプルは、ASP.NET MVC シナリオでの `igPopover` コントロールを紹介します。コントロールは、チェーン構文を使用して View で初期化されます。 -- [ASP.NET MVC の使用方法]({environment:SamplesUrl}/popover/aspnet-mvc-helper): このサンプルは、JavaScript による `igPopover` の基本的な初期化シナリオ (単一のターゲット要素および複数のターゲット要素) を紹介します。 +- [ASP.NET MVC の使用方法](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper): このサンプルは、JavaScript による `igPopover` の基本的な初期化シナリオ (単一のターゲット要素および複数のターゲット要素) を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/accessibility-compliance.mdx index 7958804acc..6f511f5a04 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/accessibility-compliance.mdx @@ -22,7 +22,7 @@ slug: igqrcodebarcode-accessibility-compliance ## アクセシビリティ準拠のリファレンス ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igQRCodeBarcode` コントロールが各規則を遵守するための詳しい方法も含まれています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igQRCodeBarcode` コントロールが各規則を遵守するための詳しい方法も含まれています。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -42,7 +42,7 @@ slug: igqrcodebarcode-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、{environment:ProductName} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、\{environment:ProductName\} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding-to-an-html-page.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding-to-an-html-page.mdx index 108032ac5c..57e43340c9 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding-to-an-html-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding-to-an-html-page.mdx @@ -232,7 +232,7 @@ slug: igqrcodebarcode-adding-to-an-html-page このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [ASP.NET MVC アプリケーションへの igQRCodeBarcode の追加](/igqrcodebarcode-adding-using-the-mvc-helper): このトピックではコード例を使用して、{environment:ProductNameMVC} で ASP.NET MVC ビューに `igQRCodeBarcode` コントロールを追加する方法を説明します。 +- [ASP.NET MVC アプリケーションへの igQRCodeBarcode の追加](/igqrcodebarcode-adding-using-the-mvc-helper): このトピックではコード例を使用して、\{environment:ProductNameMVC\} で ASP.NET MVC ビューに `igQRCodeBarcode` コントロールを追加する方法を説明します。 - [jQuery および MVC API リファレンス リンク (igQRCodeBarcode)](/igqrcodebarcode-api-links): このトピックでは、`igQRCodeBarcode` コントロールと ASP.NET MVC ヘルパーに関する API 参照ドキュメントへのリンクを提供します。 @@ -242,7 +242,7 @@ slug: igqrcodebarcode-adding-to-an-html-page 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [基本構成]({environment:SamplesUrl}/barcode/basic-configuration): このサンプルでは、`igQRCodeBarcode` コントロールの基本的な構成を紹介します。 +- [基本構成](\{environment:SamplesUrl\}/barcode/basic-configuration): このサンプルでは、`igQRCodeBarcode` コントロールの基本的な構成を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding-using-the-mvc-helper.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding-using-the-mvc-helper.mdx index 85f7c04c53..f367db6b93 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding-using-the-mvc-helper.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding-using-the-mvc-helper.mdx @@ -6,11 +6,10 @@ slug: igqrcodebarcode-adding-using-the-mvc-helper # ASP.NET MVC アプリケーションへの igQRCodeBarcode の追加 - ## トピックの概要 ### 目的 -このトピックではコード例を示して、{environment:ProductNameMVC}で ASP.NET MVC アプリケーションに `igQRCodeBarcode`™ を追加する方法を説明します。 +このトピックではコード例を示して、\{environment:ProductNameMVC\}で ASP.NET MVC アプリケーションに `igQRCodeBarcode`™ を追加する方法を説明します。 ### 前提条件 @@ -23,7 +22,7 @@ slug: igqrcodebarcode-adding-using-the-mvc-helper トピック -- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで {environment:ProductName}™ コンポーネントを使用した作業の開始方法を説明します。 +- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで \{environment:ProductName\}™ コンポーネントを使用した作業の開始方法を説明します。 - [igQRCodeBarcode の概要](/igqrcodebarcode-overview): このトピックでは、主要機能、最小要件など、`igQRCodeBarcode` コントロールの概念的情報を提供します。 @@ -51,9 +50,9 @@ slug: igqrcodebarcode-adding-using-the-mvc-helper ## <a id="overview"></a>ASP.NET MVC アプリケーションへの igQRCodeBarcode の追加 - 概要 ### <a id="summary"></a>igQRCodeBarcode の追加の概要 -`igQRCodeBarcode` コントロールは、{environment:ProductNameMVC} を使用して ASP.NET MVC ビューに追加できます。バーコードを正しく表示するには、データをヘルパーに取り込み、コントロールのディメンションを設定する必要があります。`igQRCodeBarcode` コントロールのインスタンスを作成する場合、以下に示すように、基本的な描画に設定する必要があるいくつかのヘルパー メソッドがあります。 +`igQRCodeBarcode` コントロールは、\{environment:ProductNameMVC\} を使用して ASP.NET MVC ビューに追加できます。バーコードを正しく表示するには、データをヘルパーに取り込み、コントロールのディメンションを設定する必要があります。`igQRCodeBarcode` コントロールのインスタンスを作成する場合、以下に示すように、基本的な描画に設定する必要があるいくつかのヘルパー メソッドがあります。 -{environment:ProductNameMVC} メソッド|目的 +\{environment:ProductNameMVC\} メソッド|目的 ---|--- Data()|`igQRCodeBarcode` によりエンコードされる文字列データを設定します Height()|`igQRCodeBarcode` の文字列の高さを設定します @@ -105,7 +104,7 @@ Width()|`igQRCodeBarcode` の文字列の幅を設定します ### <a id="steps"></a>手順 -1. {environment:ProductNameMVC} コントロールの追加 +1. \{environment:ProductNameMVC\} コントロールの追加 2. `igQRCodeBarcode` コントロールのインスタンスの作成。 @@ -113,7 +112,7 @@ Width()|`igQRCodeBarcode` の文字列の幅を設定します ## <a id="procedure"></a>ASP.NET MVC アプリケーションへの igQRCodeBarcode の追加 - 手順 ### <a id="procedure-introduction"></a>概要 -この手順では、コントロールの {environment:ProductNameMVC} を使用して `igQRCodeBarcode` のインスタンスを ASP.NET MVC アプリケーションに追加し、data、width、heightなどの基本的なオプションを設定します。エンコードする文字列データは *http://www.infragistics.com* です。この手順は、`Infragistics.Web.Mvc.dll` アセンブリ参照がプロジェクトに追加され、コントロールがASP.NET MVC ヘルパーの `Render()` メソッドでビューに描画されることを前提とします。 +この手順では、コントロールの \{environment:ProductNameMVC\} を使用して `igQRCodeBarcode` のインスタンスを ASP.NET MVC アプリケーションに追加し、data、width、heightなどの基本的なオプションを設定します。エンコードする文字列データは *http://www.infragistics.com* です。この手順は、`Infragistics.Web.Mvc.dll` アセンブリ参照がプロジェクトに追加され、コントロールがASP.NET MVC ヘルパーの `Render()` メソッドでビューに描画されることを前提とします。 ### <a id="procedure-preview"></a>プレビュー @@ -127,7 +126,7 @@ Width()|`igQRCodeBarcode` の文字列の幅を設定します ### <a id="procedure-steps"></a>手順 -以下の手順では、{environment:ProductNameMVC} を使用して ASP.NET MVC アプリケーションに `igQRCodeBarcode` のインスタンスを作成する方法を示します。 +以下の手順では、\{environment:ProductNameMVC\} を使用して ASP.NET MVC アプリケーションに `igQRCodeBarcode` のインスタンスを作成する方法を示します。 1. HTML ヘルパーの追加 @@ -149,7 +148,7 @@ Width()|`igQRCodeBarcode` の文字列の幅を設定します 2. `igQRCodeBarcode` コントロールのインスタンスを作成します。 - `igQRCodeBarcode` コントロールのインスタンスを作成します。すべての {environment:ProductNameMVC} コントロールと同様に、[Render](Infragistics.Web.Mvc~Infragistics.Web.Mvc.QRCodeBarcodeRenderer~Render.html) メソッドを呼び出して HTML と JavaScript をビューに描画します。 + `igQRCodeBarcode` コントロールのインスタンスを作成します。すべての \{environment:ProductNameMVC\} コントロールと同様に、[Render](Infragistics.Web.Mvc~Infragistics.Web.Mvc.QRCodeBarcodeRenderer~Render.html) メソッドを呼び出して HTML と JavaScript をビューに描画します。 **ASPX の場合:** @@ -234,7 +233,7 @@ Width()|`igQRCodeBarcode` の文字列の幅を設定します 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [MVC の初期化]({environment:SamplesUrl}/barcode/mvc-initialization): このサンプルは、{environment:ProductNameMVC} を使用して igQRCodeBarcode コントロールを HTML ページに追加する方法を紹介します。 +- [MVC の初期化](\{environment:SamplesUrl\}/barcode/mvc-initialization): このサンプルは、\{environment:ProductNameMVC\} を使用して igQRCodeBarcode コントロールを HTML ページに追加する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding.mdx index 2f8642d12a..0286b84f16 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/adding/adding.mdx @@ -14,7 +14,7 @@ slug: igqrcodebarcode-adding - [HTML ページへの igQRCodeBarcode の追加](/igqrcodebarcode-adding-to-an-html-page): このトピックは、`igQRCodeBarcode` を HTML ページに追加する方法を説明します。 -- [ASP.NET MVC アプリケーションへの igQRCodeBarcode の追加](/igqrcodebarcode-adding-using-the-mvc-helper): このトピックでは、{environment:ProductNameMVC} を使用して、ASP.NET MVC アプリケーションに `igQRCodeBarcode` のインスタンスを作成する方法を紹介します。 +- [ASP.NET MVC アプリケーションへの igQRCodeBarcode の追加](/igqrcodebarcode-adding-using-the-mvc-helper): このトピックでは、\{environment:ProductNameMVC\} を使用して、ASP.NET MVC アプリケーションに `igQRCodeBarcode` のインスタンスを作成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/api-links.mdx index 1b5f1002b3..2d0fd5635b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igQRCodeBarcode)" slug: igqrcodebarcode-api-links --- +# jQuery および MVC API リファレンス リンク (igQRCodeBarcode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igQRCodeBarcode) @@ -14,7 +16,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - <ApiLink type="igQRCodeBarcode" label="igQRCodeBarcode jQuery API" />: マニュアルには、コントロールの概要、コードを含むオプション、イベント、メソッドの一覧が含まれています。 -- [igQRCodeBarcode MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.QRCodeBarcodeModel.html): ドキュメントには、`igQRCodeBarcode` {environment:ProductNameMVC} の説明と、そのすべてのメンバーのリストが含まれます。 +- [igQRCodeBarcode MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.QRCodeBarcodeModel.html): ドキュメントには、`igQRCodeBarcode` \{environment:ProductNameMVC\} の説明と、そのすべてのメンバーのリストが含まれます。 ## 関連コンテンツ @@ -22,7 +24,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igQRCodeBarcode の追加](/igqrcodebarcode-adding): このトピックでは、{environment:ProductNameMVC} を使用して、ASP.NET MVC アプリケーションに `igQRCodeBarcode` のインスタンスを作成する方法を紹介します。 +- [igQRCodeBarcode の追加](/igqrcodebarcode-adding): このトピックでは、\{environment:ProductNameMVC\} を使用して、ASP.NET MVC アプリケーションに `igQRCodeBarcode` のインスタンスを作成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-character-encoding.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-character-encoding.mdx index 5f14099d24..2ca7b73fc5 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-character-encoding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-character-encoding.mdx @@ -2,6 +2,9 @@ title: "文字エンコードの構成 (igQRCodeBarcode)" slug: igqrcodebarcode-configuring-the-character-encoding --- + +# 文字エンコードの構成 (igQRCodeBarcode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 文字エンコードの構成 (igQRCodeBarcode) @@ -76,7 +79,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; `igQRCodeBarcode` コントロールが正しく動作するために、使用中の文字セットのそれぞれの文字エンコーディング ファイルをアプリケーションに読み込む必要があります。使用する各エンコードのファイルを読み込む必要があります。このファイルは `infragistics.encoding.core.js` および `infragistics.encoding_<encoding-name>.js` です。２ つめのファイルで、`<encoding-name>` は ISO-8859 などのエンコード タイプを示しています。複数の `infragistics.encoding_<encoding-name>.js` ファイルを追加することにより、複数の言語をサポートできます。 -1. {environment:ProductName}™ パッケージ フォルダー構成の以下の場所で、任意のエンコード ファイルを見つけることができます。 +1. \{environment:ProductName\}™ パッケージ フォルダー構成の以下の場所で、任意のエンコード ファイルを見つけることができます。 <IG JS root>/modules/encoding @@ -293,7 +296,7 @@ ECI 番号|ISO 文字セット このトピックについては、以下のサンプルも参照してください。 -- [QR コード固有の設定の構成]({environment:SamplesUrl}/barcode/configuring-the-qr-code-specific-settings): このサンプルでは、QR コード固有の設定の構成について紹介します。 +- [QR コード固有の設定の構成](\{environment:SamplesUrl\}/barcode/configuring-the-qr-code-specific-settings): このサンプルでは、QR コード固有の設定の構成について紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-dimensions.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-dimensions.mdx index 6af6659d2b..cea28779ba 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-dimensions.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-dimensions.mdx @@ -2,6 +2,9 @@ title: "QR バーコードのサイズの構成 (igQRCodeBarcode)" slug: igqrcodebarcode-configuring-the-dimensions --- + +# QR バーコードのサイズの構成 (igQRCodeBarcode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # QR バーコードのサイズの構成 (igQRCodeBarcode) @@ -262,7 +265,7 @@ uniformToFill|{/* image not found: igQRCodeBarcode_Configuring_the_Dimensio このトピックについては、以下のサンプルも参照してください。 -- [QR バーコードのサイズ設定]({environment:SamplesUrl}/barcode/qr-barcode-dimensions): このサンプルは、`igQRCodeBarcode` コントロールのサイズ設定を構成する方法を紹介します。 +- [QR バーコードのサイズ設定](\{environment:SamplesUrl\}/barcode/qr-barcode-dimensions): このサンプルは、`igQRCodeBarcode` コントロールのサイズ設定を構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-qr-code-specific-settings.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-qr-code-specific-settings.mdx index 23fcad6952..3214d05e84 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-qr-code-specific-settings.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/configuring/configuring-the-qr-code-specific-settings.mdx @@ -2,6 +2,9 @@ title: "QR コード固有の設定の構成 (igQRCodeBarcode)" slug: igqrcodebarcode-configuring-the-qr-code-specific-settings --- + +# QR コード固有の設定の構成 (igQRCodeBarcode) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # QR コード固有の設定の構成 (igQRCodeBarcode) @@ -226,7 +229,7 @@ $("#barcode").igQRCodeBarcode({ このトピックについては、以下のサンプルも参照してください。 -- [QR コード固有の設定の構成]({environment:SamplesUrl}/barcode/configuring-the-qr-code-specific-settings): このサンプルでは、QR コード固有の設定の構成について紹介します。 +- [QR コード固有の設定の構成](\{environment:SamplesUrl\}/barcode/configuring-the-qr-code-specific-settings): このサンプルでは、QR コード固有の設定の構成について紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/igqrcodebarcode.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/igqrcodebarcode.mdx index 207fc2e63f..badb30d078 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/igqrcodebarcode.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/igqrcodebarcode.mdx @@ -6,7 +6,6 @@ slug: igqrcodebarcode # igQRCodeBarcode - ## このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/known-issues-and-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/known-issues-and-limitations.mdx index 434f481ec5..26b8c9d573 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/known-issues-and-limitations.mdx @@ -6,7 +6,6 @@ slug: igqrcodebarcode-known-issues-and-limitations # 既知の問題と制限 (igQRCodeBarcode) - ## 既知の問題と制限 ### 既知の問題点と制約の概要表 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/overview.mdx index cbc1771248..4444bac437 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/overview.mdx @@ -3,6 +3,8 @@ title: "igQRCodeBarcode の概要" slug: igqrcodebarcode-overview --- +# igQRCodeBarcode の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igQRCodeBarcode の概要 @@ -187,11 +189,11 @@ QR コードのバーコード マトリックスのサイズ バージョンが このトピックについては、以下のサンプルも参照してください。 -- [QR コード固有の設定の構成]({environment:SamplesUrl}/barcode/configuring-the-qr-code-specific-settings): このサンプルでは、QR コード固有の設定の構成について紹介します。 +- [QR コード固有の設定の構成](\{environment:SamplesUrl\}/barcode/configuring-the-qr-code-specific-settings): このサンプルでは、QR コード固有の設定の構成について紹介します。 -- [QR バーコードのサイズ設定]({environment:SamplesUrl}/barcode/qr-barcode-dimensions): このサンプルは、`igQRCodeBarcode` コントロールのサイズ設定を構成する方法を紹介します。 +- [QR バーコードのサイズ設定](\{environment:SamplesUrl\}/barcode/qr-barcode-dimensions): このサンプルは、`igQRCodeBarcode` コントロールのサイズ設定を構成する方法を紹介します。 -- [色の構成]({environment:SamplesUrl}/barcode/configuring-colors): このサンプルは、バーコードで使用する色を構成して `igQRCodeBarcode` コントロールをスタイル設定する方法を紹介します。 +- [色の構成](\{environment:SamplesUrl\}/barcode/configuring-colors): このサンプルは、バーコードで使用する色を構成して `igQRCodeBarcode` コントロールをスタイル設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/styling.mdx b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/styling.mdx index d111a985fd..7d6497baab 100644 --- a/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/styling.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igqrcodebarcode/styling.mdx @@ -3,6 +3,8 @@ title: "igQRCodeBarcode のスタイル設定" slug: igqrcodebarcode-styling --- +# igQRCodeBarcode のスタイル設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igQRCodeBarcode のスタイル設定 @@ -131,7 +133,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [色の構成]({environment:SamplesUrl}/barcode/configuring-colors): このサンプルは、バーコードで使用する色を構成して `igQRCodeBarcode` コントロールをスタイル設定する方法を紹介します。 +- [色の構成](\{environment:SamplesUrl\}/barcode/configuring-colors): このサンプルは、バーコードで使用する色を構成して `igQRCodeBarcode` コントロールをスタイル設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/accessibility-compliance.mdx index 21dd88f48a..8c9e433dd9 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/accessibility-compliance.mdx @@ -22,7 +22,7 @@ slug: igradialgauge-accessibility-compliance ## アクセシビリティ準拠のリファレンス ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igRadialGauge` コントロールが各規則を遵守する方法も詳細に説明しています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igRadialGauge` コントロールが各規則を遵守する方法も詳細に説明しています。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -43,7 +43,7 @@ slug: igradialgauge-accessibility-compliance 以下のトピックでは、このトピックに関連する追加情報を提供しています。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、{environment:ProductName} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックでは、\{environment:ProductName\} 製品におけるすべてのコントロールのアクセシビリティ遵守に関する参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-labels.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-labels.mdx index da45abab8e..be683b9c1a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-labels.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-labels.mdx @@ -6,7 +6,6 @@ slug: igradialgauge-configuring-labels # ラベルの構成 (igRadialGauge) - ## トピックの概要 ### 目的 @@ -101,7 +100,7 @@ $("#gauge").igRadialGauge({ 以下のサンプルでは、ラジアル ゲージ コントロールのラベルを設定する方法を紹介します。スライダーを使用して、labelExtent および labelInterval プロパティの Label への影響を確認します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/radial-gauge/label-settings]({environment:SamplesEmbedUrl}/radial-gauge/label-settings) + [\{environment:SamplesEmbedUrl\}/radial-gauge/label-settings](\{environment:SamplesEmbedUrl\}/radial-gauge/label-settings) </div> @@ -110,7 +109,7 @@ $("#gauge").igRadialGauge({ このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを {environment:PlatformName} アプリケーションに追加する方法を説明します。 +- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを \{environment:PlatformName\} アプリケーションに追加する方法を説明します。 - [背景の構成 (igRadialGauge)](/igradialgauge-configuring-the-backing): このトピックでは、`igRadialGauge`™ コントロールのバッキング機能の概念的な概要を提供します。バッキング領域のプロパティについて説明し、実装例を提供します。 @@ -128,19 +127,19 @@ $("#gauge").igRadialGauge({ このトピックについては、以下のサンプルも参照してください。 -- [API の使用]({environment:SamplesUrl}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 +- [API の使用](\{environment:SamplesUrl\}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 -- [ゲージのアニメーション]({environment:SamplesUrl}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 +- [ゲージのアニメーション](\{environment:SamplesUrl\}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 -- [ゲージ針]({environment:SamplesUrl}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 +- [ゲージ針](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 -- [針のドラッグ]({environment:SamplesUrl}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 +- [針のドラッグ](\{environment:SamplesUrl\}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 -- [範囲]({environment:SamplesUrl}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 +- [範囲](\{environment:SamplesUrl\}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 -- [スケールの設定]({environment:SamplesUrl}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 +- [スケールの設定](\{environment:SamplesUrl\}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 -- [目盛]({environment:SamplesUrl}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 +- [目盛](\{environment:SamplesUrl\}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-needles.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-needles.mdx index e0659cc454..f32ce127dd 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-needles.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-needles.mdx @@ -107,7 +107,7 @@ slug: igradialgauge-configuring-needles このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを {environment:PlatformName} アプリケーションに追加する方法を説明します。 +- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを \{environment:PlatformName\} アプリケーションに追加する方法を説明します。 - [背景の構成 (igRadialGauge)](/igradialgauge-configuring-the-backing): このトピックでは、`igRadialGauge`™ コントロールのバッキング機能の概念的な概要を提供します。バッキング領域のプロパティについて説明し、実装例を提供します。 @@ -124,21 +124,21 @@ slug: igradialgauge-configuring-needles このトピックについては、以下のサンプルも参照してください。 -- [API の使用]({environment:SamplesUrl}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 +- [API の使用](\{environment:SamplesUrl\}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 -- [ゲージのアニメーション]({environment:SamplesUrl}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 +- [ゲージのアニメーション](\{environment:SamplesUrl\}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 -- [ゲージ針]({environment:SamplesUrl}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 +- [ゲージ針](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 - [ラベル設定](/igradialgauge-configuring-labels#lable-example): このサンプルは、ラジアル ゲージ コントロールのラベル設定の方法を紹介します。スライダーを使用して、`labelInterval` および `labelExtent` プロパティのラベルへの影響を確認できます。 -- [針のドラッグ]({environment:SamplesUrl}/radial-gauge/drag-needle): このサンプルは、isNeedleDraggingEnabled プロパティを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 +- [針のドラッグ](\{environment:SamplesUrl\}/radial-gauge/drag-needle): このサンプルは、isNeedleDraggingEnabled プロパティを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 -- [範囲]({environment:SamplesUrl}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 +- [範囲](\{environment:SamplesUrl\}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 -- [スケールの設定]({environment:SamplesUrl}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 +- [スケールの設定](\{environment:SamplesUrl\}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 -- [目盛]({environment:SamplesUrl}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 +- [目盛](\{environment:SamplesUrl\}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-ranges.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-ranges.mdx index 08e8655c43..54eb652f0c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-ranges.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-ranges.mdx @@ -6,7 +6,6 @@ slug: igradialgauge-configuring-ranges # 範囲の構成 (igRadialGauge) - ## トピックの概要 ### 目的 @@ -105,7 +104,7 @@ slug: igradialgauge-configuring-ranges このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを {environment:PlatformName} アプリケーションに追加する方法を説明します。 +- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを \{environment:PlatformName\} アプリケーションに追加する方法を説明します。 - [背景の構成 (igRadialGauge)](/igradialgauge-configuring-the-backing): このトピックでは、`igRadialGauge`™ コントロールのバッキング機能の概念的な概要を提供します。バッキング領域のプロパティについて説明し、実装例を提供します。 @@ -123,21 +122,21 @@ slug: igradialgauge-configuring-ranges このトピックについては、以下のサンプルも参照してください。 -- [API の使用]({environment:SamplesUrl}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 +- [API の使用](\{environment:SamplesUrl\}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 -- [ゲージのアニメーション]({environment:SamplesUrl}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 +- [ゲージのアニメーション](\{environment:SamplesUrl\}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 -- [ゲージ針]({environment:SamplesUrl}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 +- [ゲージ針](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 - [ラベル設定](/igradialgauge-configuring-labels#lable-example): このサンプルは、ラジアル ゲージ コントロールのラベル設定の方法を紹介します。スライダーを使用して、`labelInterval` および `labelExtent` プロパティのラベルへの影響を確認できます。 -- [針のドラッグ]({environment:SamplesUrl}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 +- [針のドラッグ](\{environment:SamplesUrl\}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 -- [範囲]({environment:SamplesUrl}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 +- [範囲](\{environment:SamplesUrl\}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 -- [スケールの設定]({environment:SamplesUrl}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 +- [スケールの設定](\{environment:SamplesUrl\}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 -- [目盛]({environment:SamplesUrl}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 +- [目盛](\{environment:SamplesUrl\}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-the-backing.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-the-backing.mdx index c7a6adb659..693e9d8fe8 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-the-backing.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-the-backing.mdx @@ -110,7 +110,7 @@ $("#gauge").igRadialGauge({ このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを {environment:PlatformName} アプリケーションに追加する方法を説明します。 +- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを \{environment:PlatformName\} アプリケーションに追加する方法を説明します。 - [ラベルの構成 (igRadialGauge)](/igradialgauge-configuring-labels): このトピックでは、`igRadialGauge`™ コントロールを使用したラベルの概念的な概要を提供します。ラベルのプロパティについて説明し、ラベルの構成方法の例も示します。 @@ -128,21 +128,21 @@ $("#gauge").igRadialGauge({ このトピックについては、以下のサンプルも参照してください。 -- [API の使用]({environment:SamplesUrl}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 +- [API の使用](\{environment:SamplesUrl\}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 -- [ゲージのアニメーション]({environment:SamplesUrl}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 +- [ゲージのアニメーション](\{environment:SamplesUrl\}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 -- [ゲージ針]({environment:SamplesUrl}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 +- [ゲージ針](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 - [ラベル設定](/igradialgauge-configuring-labels#lable-example): このサンプルは、ラジアル ゲージ コントロールのラベル設定の方法を紹介します。スライダーを使用して、`labelInterval` および `labelExtent` プロパティのラベルへの影響を確認できます。 -- [針のドラッグ]({environment:SamplesUrl}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 +- [針のドラッグ](\{environment:SamplesUrl\}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 -- [範囲]({environment:SamplesUrl}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 +- [範囲](\{environment:SamplesUrl\}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 -- [スケールの設定]({environment:SamplesUrl}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 +- [スケールの設定](\{environment:SamplesUrl\}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 -- [目盛]({environment:SamplesUrl}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 +- [目盛](\{environment:SamplesUrl\}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-the-scales.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-the-scales.mdx index 4bc90f9881..91e4f022c3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-the-scales.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-the-scales.mdx @@ -6,7 +6,6 @@ slug: igradialgauge-configuring-the-scales # スケールの構成 (igRadialGauge) - ## トピックの概要 ### 目的 @@ -112,7 +111,7 @@ slug: igradialgauge-configuring-the-scales このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを {environment:PlatformName} アプリケーションに追加する方法を説明します。 +- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを \{environment:PlatformName\} アプリケーションに追加する方法を説明します。 - [背景の構成 (igRadialGauge)](/igradialgauge-configuring-the-backing): このトピックでは、`igRadialGauge`™ コントロールのバッキング機能の概念的な概要を提供します。バッキング領域のプロパティについて説明し、実装例を提供します。 @@ -128,21 +127,21 @@ slug: igradialgauge-configuring-the-scales このトピックについては、以下のサンプルも参照してください。 -- [API の使用]({environment:SamplesUrl}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 +- [API の使用](\{environment:SamplesUrl\}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 -- [ゲージのアニメーション]({environment:SamplesUrl}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 +- [ゲージのアニメーション](\{environment:SamplesUrl\}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 -- [ゲージ針]({environment:SamplesUrl}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 +- [ゲージ針](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 - [ラベル設定](/igradialgauge-configuring-labels#lable-example): このサンプルは、ラジアル ゲージ コントロールのラベル設定の方法を紹介します。スライダーを使用して、`labelInterval` および `labelExtent` プロパティのラベルへの影響を確認できます。 -- [針のドラッグ]({environment:SamplesUrl}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 +- [針のドラッグ](\{environment:SamplesUrl\}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 -- [範囲]({environment:SamplesUrl}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 +- [範囲](\{environment:SamplesUrl\}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 -- [スケールの設定]({environment:SamplesUrl}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 +- [スケールの設定](\{environment:SamplesUrl\}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 -- [目盛]({environment:SamplesUrl}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 +- [目盛](\{environment:SamplesUrl\}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-tick-marks.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-tick-marks.mdx index 14fe8a4b66..44e59d2c06 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-tick-marks.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/configuring-tick-marks.mdx @@ -6,7 +6,6 @@ slug: igradialgauge-configuring-tick-marks # 目盛の構成 (igRadialGauge) - ## トピックの概要 ### 目的 @@ -106,7 +105,7 @@ slug: igradialgauge-configuring-tick-marks このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを {environment:PlatformName} アプリケーションに追加する方法を説明します。 +- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックではコード例を使用して、`igRadialGauge`™ コントロールを \{environment:PlatformName\} アプリケーションに追加する方法を説明します。 - [背景の構成 (igRadialGauge)](/igradialgauge-configuring-the-backing): このトピックでは、`igRadialGauge`™ コントロールのバッキング機能の概念的な概要を提供します。バッキング領域のプロパティについて説明し、実装例を提供します。 @@ -122,21 +121,21 @@ slug: igradialgauge-configuring-tick-marks このトピックについては、以下のサンプルも参照してください。 -- [API の使用]({environment:SamplesUrl}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 +- [API の使用](\{environment:SamplesUrl\}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 -- [ゲージのアニメーション]({environment:SamplesUrl}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 +- [ゲージのアニメーション](\{environment:SamplesUrl\}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 -- [ゲージ針]({environment:SamplesUrl}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 +- [ゲージ針](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 - [ラベル設定](/igradialgauge-configuring-labels#lable-example): このサンプルは、ラジアル ゲージ コントロールのラベル設定の方法を紹介します。スライダーを使用して、`labelInterval` および `labelExtent` プロパティのラベルへの影響を確認できます。 -- [針のドラッグ]({environment:SamplesUrl}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 +- [針のドラッグ](\{environment:SamplesUrl\}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 -- [範囲]({environment:SamplesUrl}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 +- [範囲](\{environment:SamplesUrl\}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 -- [スケールの設定]({environment:SamplesUrl}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 +- [スケールの設定](\{environment:SamplesUrl\}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 -- [目盛]({environment:SamplesUrl}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 +- [目盛](\{environment:SamplesUrl\}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛プロパティを設定できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/using-igradialgauge.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/using-igradialgauge.mdx index a362e06aa0..aba151117e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/using-igradialgauge.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/configuring/using-igradialgauge.mdx @@ -6,7 +6,6 @@ slug: igradialgauge-using-igradialgauge # igRadialGauge の構成 - ## このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/getting-started-with-igradialgauge.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/getting-started-with-igradialgauge.mdx index b1a8f5702c..aaebf507a6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/getting-started-with-igradialgauge.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/getting-started-with-igradialgauge.mdx @@ -5,7 +5,6 @@ slug: igradialgauge-getting-started-with-igradialgauge # igRadialGauge の追加 - ### 目的 このトピックは、`igRadialGauge`™ コントロールをウェブ ページに追加し、それをデータにバインドする方法を説明します。 @@ -18,9 +17,9 @@ slug: igradialgauge-getting-started-with-igradialgauge **トピック** -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview): {environment:ProductName}™ ライブラリにつぃての一般的情報 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): \{environment:ProductName\}™ ライブラリにつぃての一般的情報 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して {environment:ProductName} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して \{environment:ProductName\} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 - [igRadialGauge の概要](/igradialgauge-igradialgauge-overview): このトピックは、主要機能、チャート使用の最小要件およびユーザー機能性など、`igRadialGauge` コントロールについての概念的な情報を提供します。 @@ -72,14 +71,14 @@ slug: igradialgauge-getting-started-with-igradialgauge 必要なリソースを参照します。リソースの参照には以下のものがあります。 - jQuery、jQueryUI、Modernizr JavaScript リソースの Web サイトまたは Web アプリケーションの Scripts という名前のフォルダーへの追加。 - - Web サイトまたは Web アプリケーションの Content/ig という名前のフォルダーへの {environment:ProductName} CSS ファイルの追加 (詳細は、[{environment:ProductName} のスタイルとテーマの設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 - - Web サイトまたは Web アプリケーションの Scripts/ig という名前のフォルダーへの {environment:ProductName} JavaScript ファイルの追加 (詳細は、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください)。 + - Web サイトまたは Web アプリケーションの Content/ig という名前のフォルダーへの \{environment:ProductName\} CSS ファイルの追加 (詳細は、[\{environment:ProductName\} のスタイルとテーマの設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 + - Web サイトまたは Web アプリケーションの Scripts/ig という名前のフォルダーへの \{environment:ProductName\} JavaScript ファイルの追加 (詳細は、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください)。 **リソースは手動またはローダー (推奨) を使用して追加できます。** igLoader を使用した JavaScript のリソースの参照 - {environment:ProductName} ライブラリのコントロールで必要な JavaScript および CSS リソースの読み込みには、`igLoader`™ コントロールを使用することをお勧めします。最初に、igLoader スクリプトをページに追加します。 + \{environment:ProductName\} ライブラリのコントロールで必要な JavaScript および CSS リソースの読み込みには、`igLoader`™ コントロールを使用することをお勧めします。最初に、igLoader スクリプトをページに追加します。 **HTML の場合:** @@ -159,21 +158,21 @@ slug: igradialgauge-getting-started-with-igradialgauge このトピックについては、以下のサンプルも参照してください。 -- [API の使用]({environment:SamplesUrl}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 +- [API の使用](\{environment:SamplesUrl\}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 -- [ゲージのアニメーション]({environment:SamplesUrl}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 +- [ゲージのアニメーション](\{environment:SamplesUrl\}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 -- [ゲージ針]({environment:SamplesUrl}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 +- [ゲージ針](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 - [ラベル設定](/igradialgauge-configuring-labels#lable-example): このサンプルは、ラジアル ゲージ コントロールのラベル設定の方法を紹介します。スライダーを使用して、`labelInterval` および `labelExtent` プロパティのラベルへの影響を確認できます。 -- [針のドラッグ]({environment:SamplesUrl}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 +- [針のドラッグ](\{environment:SamplesUrl\}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 -- [範囲]({environment:SamplesUrl}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 +- [範囲](\{environment:SamplesUrl\}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 -- [スケールの設定]({environment:SamplesUrl}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 +- [スケールの設定](\{environment:SamplesUrl\}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 -- [目盛]({environment:SamplesUrl}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛りプロパティを設定できます。 +- [目盛](\{environment:SamplesUrl\}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの目盛りプロパティを設定できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge-api-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge-api-reference.mdx index 0725f4b822..ad3b4a19f2 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge-api-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge-api-reference.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リファレンス リンク (igRadialGauge)" slug: igradialgauge-igradialgauge-api-reference --- +# jQuery と MVC API リファレンス リンク (igRadialGauge) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リファレンス リンク (igRadialGauge) diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge-overview.mdx index 7c066c23d5..275a7ea0c6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge-overview.mdx @@ -6,7 +6,6 @@ slug: igradialgauge-igradialgauge-overview # igRadialGauge の概要 - ## トピックの概要 ### 目的 @@ -54,21 +53,21 @@ slug: igradialgauge-igradialgauge-overview このトピックについては、以下のサンプルも参照してください。 -- [API の使用]({environment:SamplesUrl}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 +- [API の使用](\{environment:SamplesUrl\}/radial-gauge/api-usage): ボタンおよび API ビューアーが `igRadialGauge` の針のメソッドを紹介します。ボタンをクリックすると、ランタイムで針の値を変更するか、針の現在値を取得できます。 -- [ゲージのアニメーション]({environment:SamplesUrl}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 +- [ゲージのアニメーション](\{environment:SamplesUrl\}/radial-gauge/motion-framework): このサンプルは、`transitionDuration` プロパティを設定してラジアル ゲージを簡単にアニメーション化する方法を紹介します。 -- [ゲージ針]({environment:SamplesUrl}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 +- [ゲージ針](\{environment:SamplesUrl\}/radial-gauge/gauge-needle): ポインターとして表示される針は、スケールで単一の値を示します。以下のオプション ペインでラジアル ゲージコントロールの針を操作できます。 - [ラベル設定](/igradialgauge-configuring-labels#lable-example): このサンプルは、ラジアル ゲージ コントロールのラベル設定の方法を紹介します。スライダーを使用して、`labelInterval` および `labelExtent` プロパティのラベルへの影響を確認できます。 -- [針のドラッグ]({environment:SamplesUrl}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 +- [針のドラッグ](\{environment:SamplesUrl\}/radial-gauge/drag-needle): このサンプルは、Mouse イベントを使用してラジアル ゲージ コントロールの針をドラッグする方法を紹介します。 -- [範囲]({environment:SamplesUrl}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 +- [範囲](\{environment:SamplesUrl\}/radial-gauge/range): 範囲は、スケールで値の指定した領域を強調表示する視覚的な要素です。オプション ペインを使用してラジアルゲージコントロールの Range プロパティを設定できます。 -- [スケールの設定]({environment:SamplesUrl}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 +- [スケールの設定](\{environment:SamplesUrl\}/radial-gauge/scale-settings): スケールは、ラジアル ゲージで値の範囲を定義します。オプション ペインを使用してラジアルゲージコントロールの Scale プロパティを設定できます。 -- [目盛]({environment:SamplesUrl}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの Tick Mark プロパティを設定できます。 +- [目盛](\{environment:SamplesUrl\}/radial-gauge/tickmarks): ゲージの目盛をユーザーが指定した間隔で表示できます。オプション ペインを使用してラジアル ゲージ コントロールの Tick Mark プロパティを設定できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge.mdx b/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge.mdx index ffd8558eb5..f300877b28 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialgauge/igradialgauge.mdx @@ -6,7 +6,6 @@ slug: igradialgauge # igRadialGauge - ## このグループのトピックについて ### 概要 @@ -20,7 +19,7 @@ slug: igradialgauge - [igRadialGauge の概要](/igradialgauge-igradialgauge-overview): このトピックでは、`igRadialGauge`™ コントロールおよびその主要機能の概要を説明します。 -- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックでは、`igRadialGauge` コントロールを {environment:PlatformName} アプリケーションに追加する方法を説明します。 +- [igRadialGauge の追加](/igradialgauge-getting-started-with-igradialgauge): このトピックでは、`igRadialGauge` コントロールを \{environment:PlatformName\} アプリケーションに追加する方法を説明します。 - [igRadialGauge の構成](/igradialgauge-using-igradialgauge): このトピック グループは、向きや方向および視覚要素を含む `igRadialGauge`™ コントロールのさまざまな要素を構成する方法を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding-html-page.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding-html-page.mdx index d1baa6f5c7..aaf9454efd 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding-html-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding-html-page.mdx @@ -3,6 +3,8 @@ title: "igRadialMenu の HTML ページへの追加" slug: igradialmenu-adding-html-page --- +# igRadialMenu の HTML ページへの追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu の HTML ページへの追加 @@ -360,7 +362,7 @@ $(function () { このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [ASP.NET MVC アプリケーションへの igRadialMenu の追加](/igradialmenu-adding-mvc-app): このトピックではコード例を使用して、{environment:ProductNameMVC} で `igRadialMenu` を ASP.NET MVC アプリケーションに追加する方法を紹介します。 +- [ASP.NET MVC アプリケーションへの igRadialMenu の追加](/igradialmenu-adding-mvc-app): このトピックではコード例を使用して、\{environment:ProductNameMVC\} で `igRadialMenu` を ASP.NET MVC アプリケーションに追加する方法を紹介します。 - [igRadialMenu の構成の概要](/igradialmenu-configuration-overview): このトピックでは、`igRadialMenu` コントロールを構成する方法を説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding-mvc-app.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding-mvc-app.mdx index 136c95178d..a5ac5ac434 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding-mvc-app.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding-mvc-app.mdx @@ -3,6 +3,8 @@ title: "ASP.NET MVC アプリケーションへの igRadialMenu の追加" slug: igradialmenu-adding-mvc-app --- +# ASP.NET MVC アプリケーションへの igRadialMenu の追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ASP.NET MVC アプリケーションへの igRadialMenu の追加 @@ -10,7 +12,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## トピックの概要 ### 目的 -このトピックでは、コード例を使用して、{environment:ProductNameMVC} で ASP.NET MVC アプリケーションに <ApiLink type="igRadialMenu" label="igRadialMenu" />™ を追加する方法を説明します。 +このトピックでは、コード例を使用して、\{environment:ProductNameMVC\} で ASP.NET MVC アプリケーションに <ApiLink type="igRadialMenu" label="igRadialMenu" />™ を追加する方法を説明します。 ### 前提条件 @@ -27,7 +29,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **トピック** -- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで {environment:ProductName}™ コンポーネントを使用した作業の開始方法を説明します。 +- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで \{environment:ProductName\}™ コンポーネントを使用した作業の開始方法を説明します。 - [igRadialMenu の機能](/igradialmenu-features): このトピックでは、このコントロールでサポートする機能を開発者の観点から説明します。 @@ -47,7 +49,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="overview"></a>ASP.NET MVC アプリケーションへの igRadialMenu の追加 - 概念的な概要 ### igRadialMenu の追加の概要 -`igRadialMenu` コントロールは、{environment:ProductNameMVC} HTML ヘルパーを使用して ASP.NET MVC View に追加できます。 +`igRadialMenu` コントロールは、\{environment:ProductNameMVC\} HTML ヘルパーを使用して ASP.NET MVC View に追加できます。 `igRadialMenu` コントロールのインスタンスを作成する場合、基本的な描画に設定する必要がある、いくつかのヘルパー メソッドがあります。以下のメソッドが含まれます。 @@ -130,7 +132,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 手順 -この手順では、{environment:ProductNameMVC} HTML ヘルパーを使用して、ASP.NET MVC アプリケーションに `igRadialMenu` のインスタンスを作成する方法を示します。 +この手順では、\{environment:ProductNameMVC\} HTML ヘルパーを使用して、ASP.NET MVC アプリケーションに `igRadialMenu` のインスタンスを作成する方法を示します。 1. ASP.NET MVC ヘルパーの追加 @@ -148,7 +150,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 2. 基本的な描画オプションを構成する `igRadialMenu` コントロールのインスタンスの作成 - `igRadialMenu` コントロールのインスタンスを作成します。すべての {environment:ProductNameMVC} コントロールと同様に、Render メソッドを呼び出して HTML と JavaScript をビューに描画します。 + `igRadialMenu` コントロールのインスタンスを作成します。すべての \{environment:ProductNameMVC\} コントロールと同様に、Render メソッドを呼び出して HTML と JavaScript をビューに描画します。 **ASPX の場合:** diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding.mdx index f04268d20c..65499a611f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/adding/adding.mdx @@ -3,6 +3,8 @@ title: "igRadialMenu の追加" slug: igradialmenu-adding --- +# igRadialMenu の追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu の追加 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/api-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/api-reference.mdx index e4cf02edb7..3deabc58db 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/api-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/api-reference.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リファレンス リンク (igRadialMenu)" slug: igradialmenu-api-reference --- +# jQuery と MVC API リファレンス リンク (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リファレンス リンク (igRadialMenu) diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuration-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuration-overview.mdx index 653a3dc0bc..a5df5d2e45 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuration-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuration-overview.mdx @@ -3,6 +3,8 @@ title: "igRadialMenu の構成の概要" slug: igradialmenu-configuration-overview --- +# igRadialMenu の構成の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu の構成の概要 @@ -70,7 +72,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [項目の構成]({environment:SamplesUrl}/radial-menu/configure-items): このサンプルは、`igRadialMenu` 項目のパラメーターを構成する方法を紹介します。 +- [項目の構成](\{environment:SamplesUrl\}/radial-menu/configure-items): このサンプルは、`igRadialMenu` 項目のパラメーターを構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring-center-button.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring-center-button.mdx index e0f711e07f..cfcd99914a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring-center-button.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring-center-button.mdx @@ -3,6 +3,8 @@ title: "中央ボタンの構成 (igRadialMenu)" slug: igradialmenu-configuring-center-button --- +# 中央ボタンの構成 (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 中央ボタンの構成 (igRadialMenu) diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring-tooltips.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring-tooltips.mdx index 5d00743e6d..04dac1a472 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring-tooltips.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring-tooltips.mdx @@ -3,6 +3,8 @@ title: "ツールチップの構成 (igRadialMenu)" slug: igradialmenu-configuring-tooltips --- +# ツールチップの構成 (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ツールチップの構成 (igRadialMenu) diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring.mdx index eb5a439100..21c0bbbf62 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/configuring.mdx @@ -3,6 +3,8 @@ title: "igRadialMenu の構成" slug: igradialmenu-configuring --- +# igRadialMenu の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu の構成 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-button-items.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-button-items.mdx index 21545ab60b..ae208ec83b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-button-items.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-button-items.mdx @@ -3,6 +3,8 @@ title: "ボタン項目の構成 (igRadialMenu)" slug: igradialmenu-configuring-button-items --- +# ボタン項目の構成 (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ボタン項目の構成 (igRadialMenu) @@ -87,7 +89,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [ボタン項目]({environment:SamplesUrl}/radial-menu/button-items): このサンプルは、ボタン項目の定義および構成方法を紹介します。 +- [ボタン項目](\{environment:SamplesUrl\}/radial-menu/button-items): このサンプルは、ボタン項目の定義および構成方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-color-items.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-color-items.mdx index c613596795..2195f22be5 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-color-items.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-color-items.mdx @@ -3,6 +3,8 @@ title: "色項目の構成 (igRadialMenu)" slug: igradialmenu-configuring-color-items --- +# 色項目の構成 (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 色項目の構成 (igRadialMenu) @@ -115,7 +117,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [色項目]({environment:SamplesUrl}/radial-menu/color-items): このサンプルでは、色ドリルダウン選択を許可するために色項目およびカラー ウェルを定義して使用する方法を紹介します。 +- [色項目](\{environment:SamplesUrl\}/radial-menu/color-items): このサンプルでは、色ドリルダウン選択を許可するために色項目およびカラー ウェルを定義して使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-items.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-items.mdx index 96e2799853..690a0e6d43 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-items.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-items.mdx @@ -3,6 +3,8 @@ title: "項目の構成 (igRadialMenu)" slug: igradialmenu-configuring-items --- +# 項目の構成 (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 項目の構成 (igRadialMenu) diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-numeric-items.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-numeric-items.mdx index f748716551..45ceee7d34 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-numeric-items.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/configuring-numeric-items.mdx @@ -3,6 +3,8 @@ title: "数値項目の構成 (igRadialMenu)" slug: igradialmenu-configuring-numeric-items --- +# 数値項目の構成 (igRadialMenu) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 数値項目の構成 (igRadialMenu) @@ -107,7 +109,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [数値項目]({environment:SamplesUrl}/radial-menu/numeric-items): このサンプルは、数値項目とゲージ項目を定義する方法を紹介します。 +- [数値項目](\{environment:SamplesUrl\}/radial-menu/numeric-items): このサンプルは、数値項目とゲージ項目を定義する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/items-sub-items-configuration-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/items-sub-items-configuration-overview.mdx index c159a65c0a..5523b33fb5 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/items-sub-items-configuration-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/configuring/items/items-sub-items-configuration-overview.mdx @@ -56,8 +56,8 @@ slug: igradialmenu-items-sub-items-configuration-overview このトピックについては、以下のサンプルも参照してください。 -- [項目の構成]({environment:SamplesUrl}/radial-menu/configure-items): このサンプルは、`igRadialMenu` 項目のパラメーターを構成する方法を紹介します。 +- [項目の構成](\{environment:SamplesUrl\}/radial-menu/configure-items): このサンプルは、`igRadialMenu` 項目のパラメーターを構成する方法を紹介します。 -- [数値項目]({environment:SamplesUrl}/radial-menu/numeric-items): このサンプルは、数値項目とゲージ項目を定義する方法を紹介します。 +- [数値項目](\{environment:SamplesUrl\}/radial-menu/numeric-items): このサンプルは、数値項目とゲージ項目を定義する方法を紹介します。 -- [色項目]({environment:SamplesUrl}/radial-menu/color-items): このサンプルでは、色ドリルダウン選択を許可するために色項目およびカラー ウェルを定義して使用する方法を紹介します。 +- [色項目](\{environment:SamplesUrl\}/radial-menu/color-items): このサンプルでは、色ドリルダウン選択を許可するために色項目およびカラー ウェルを定義して使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/igradialmenu.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/igradialmenu.mdx index c9d13dadb2..408230742d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/igradialmenu.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/igradialmenu.mdx @@ -3,6 +3,8 @@ title: "igRadialMenu" slug: igradialmenu --- +# igRadialMenu + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/features.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/features.mdx index 7780d6e123..2e9b8a38f0 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/features.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/features.mdx @@ -3,6 +3,8 @@ title: "igRadialMenu の機能" slug: igradialmenu-features --- +# igRadialMenu の機能 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu の機能 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/overview.mdx index ed5645d289..feef8aa978 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/overview.mdx @@ -3,6 +3,8 @@ title: "igRadialMenu の概要" slug: igradialmenu-overview --- +# igRadialMenu の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu の概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/visual-elements.mdx b/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/visual-elements.mdx index 1d54ae0fcd..e88cfec0cb 100644 --- a/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/visual-elements.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igradialmenu/overview/visual-elements.mdx @@ -3,6 +3,8 @@ title: "igRadialMenu の視覚要素" slug: igradialmenu-visual-elements --- +# igRadialMenu の視覚要素 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igRadialMenu の視覚要素 diff --git a/docs/jquery/src/content/ja/topics/controls/igrating/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igrating/accessibility-compliance.mdx index fcba1470fa..7a951d3e19 100644 --- a/docs/jquery/src/content/ja/topics/controls/igrating/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igrating/accessibility-compliance.mdx @@ -6,9 +6,8 @@ slug: igrating-accessibility-compliance # アクセシビリティの遵守 (igRating) - ## Rating アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。**表 1** には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、コントロールが各規則を遵守するための詳しい方法も含んでいます。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。**表 1** には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、コントロールが各規則を遵守するための詳しい方法も含んでいます。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igrating/igrating.mdx b/docs/jquery/src/content/ja/topics/controls/igrating/igrating.mdx index 4ebc1a5730..1cb0494b12 100644 --- a/docs/jquery/src/content/ja/topics/controls/igrating/igrating.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igrating/igrating.mdx @@ -6,7 +6,6 @@ slug: igrating-igrating # igRating - 以下のリンクをクリックして、`igRating` を素早く起動して実行する方法についての情報を参照してください。 - [igRating の概要](/igrating-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/igrating/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igrating/jquery-api.mdx index 580b1f7c55..1b9c0f39be 100644 --- a/docs/jquery/src/content/ja/topics/controls/igrating/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igrating/jquery-api.mdx @@ -3,13 +3,15 @@ title: "jQuery および MVC API リファレンス リンク (igRating)" slug: igrating-jquery-api --- +# jQuery および MVC API リファレンス リンク (igRating) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igRating) -igRating は、{environment:ProductNameMVC} の実装を含む jQuery UI ウィジェットとしてビルドされます。各 API の詳細については、以下の API ドキュメントを参照してください。 +igRating は、\{environment:ProductNameMVC\} の実装を含む jQuery UI ウィジェットとしてビルドされます。各 API の詳細については、以下の API ドキュメントを参照してください。 - <ApiLink type="igRating" label="igRating jQuery API" /> - [igRating MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.RatingModel.html) diff --git a/docs/jquery/src/content/ja/topics/controls/igrating/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igrating/known-issues.mdx index 3bca90b6af..a578f52f68 100644 --- a/docs/jquery/src/content/ja/topics/controls/igrating/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igrating/known-issues.mdx @@ -3,6 +3,8 @@ title: "既知の問題と制限事項 (igRating)" slug: igrating-known-issues --- +# 既知の問題と制限事項 (igRating) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限事項 (igRating) @@ -23,7 +25,7 @@ jQuery Rating コントロールを使用するときには、以下の制限に これらのプロパティの一部を動的に変更したい場合の回避策があります。 コントロールを破棄し、その現在値を保持して、必要な値のプロパティの設定を作成します。 -2. すべての項目の 1 つだけ選択する機能を持つレーティングを使用する場合があります。Rating コントロールのデフォルト ビヘイビアーを次に示します。5 つのうち 3 つ項目を選択すると、選択された項目の前にあるすべての項目は選択されたスタイルに設定されています。レーティングを使用する場合、これはほとんどの場合で通常のビヘイビアーです。選択した項目だけを選択されたスタイルに設定する場合は、この設定を行うプロパティは存在しません。しかし、動的に別の `igRating` プロパティ、<ApiLink type="igRating" label="cssVotes" />を設定してこれを実現できます。回避策を確認するには、このリンク [カスタム項目]({environment:SamplesUrl}/rating/custom-items)のサンプルを開きます。 +2. すべての項目の 1 つだけ選択する機能を持つレーティングを使用する場合があります。Rating コントロールのデフォルト ビヘイビアーを次に示します。5 つのうち 3 つ項目を選択すると、選択された項目の前にあるすべての項目は選択されたスタイルに設定されています。レーティングを使用する場合、これはほとんどの場合で通常のビヘイビアーです。選択した項目だけを選択されたスタイルに設定する場合は、この設定を行うプロパティは存在しません。しかし、動的に別の `igRating` プロパティ、<ApiLink type="igRating" label="cssVotes" />を設定してこれを実現できます。回避策を確認するには、このリンク [カスタム項目](\{environment:SamplesUrl\}/rating/custom-items)のサンプルを開きます。 3. `jquery.ui.custom.css` ではなく Theme Roller からテーマを使用している場合、`jquery.ui.all.css` ファイルが必要です。 ## 関連リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igrating/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igrating/overview.mdx index 95358e559b..cba8bd0dc7 100644 --- a/docs/jquery/src/content/ja/topics/controls/igrating/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igrating/overview.mdx @@ -6,11 +6,10 @@ slug: igrating-overview # igRating の概要 - ## jQuery Rating コントロールについて jQuery Rating コントロールまたは igRating を使用すると、指定された値の範囲から項目を選択し評価できます。簡単なコントロールに見えますが、igRating は非常に柔軟です。外観と動作を変更する豊富な API を備えていて、クライアント操作に応じてコントロールを動的に変更できます。このトピックでは、すべての機能をリストし、簡単な igRating コントロールを作成する方法を説明します。 -jQuery Rating コントロールは、クライアント側専用のコントロールを含む {environment:ProductName} パッケージの一部です。これによって、開発者は、jQuery Rating を使用して開発の際に複数の実装オプションを柔軟に選択できます。レーティング コントロールは、特定のサーバー バックエンドを使用せずに構成できる豊富な jQuery API を公開します。また、Microsoft® ASP.NET MVC フレームワークを使用する開発者は、レーティングのサーバー側ラッパーを活用して、好きな .NET™ 言語を使ってコントロールを構成できます。 +jQuery Rating コントロールは、クライアント側専用のコントロールを含む \{environment:ProductName\} パッケージの一部です。これによって、開発者は、jQuery Rating を使用して開発の際に複数の実装オプションを柔軟に選択できます。レーティング コントロールは、特定のサーバー バックエンドを使用せずに構成できる豊富な jQuery API を公開します。また、Microsoft® ASP.NET MVC フレームワークを使用する開発者は、レーティングのサーバー側ラッパーを活用して、好きな .NET™ 言語を使ってコントロールを構成できます。 jQuery Rating はそれ自体をスタイルできるので、コントロールのルック アンド フィールを変更できます。jQuery Rating をスタイリングすることによって、すべてのサポート対象のブラウザーに一貫性のある外観を提供できます。jQuery Rating は、既存のスタイル シートを活用でき、さらに jQuery UI の ThemeRoller を使用してスタイルすることもできます。 @@ -31,13 +30,13 @@ jQuery Rating はそれ自体をスタイルできるので、コントロール ## jQuery Rating の Web ページへの追加 以下の手順は、jQuery クライアント コードまたは ASP.NET MVC サーバー コードを使用して Web ページに jQuery Rating の基本的な実装を作成する方法を示しています。 -どの実装を選択するかについて詳細は、[「{environment:ProductName} の概要」](/igniteui-for-jquery-overview)を参照してください。次のスクリーンショットはデフォルトの Rating ビューを示しています。 +どの実装を選択するかについて詳細は、[「\{environment:ProductName\} の概要」](/igniteui-for-jquery-overview)を参照してください。次のスクリーンショットはデフォルトの Rating ビューを示しています。 ![](../../images/images/Rating_Overview_02.png) -[基本的な使用方法]({environment:SamplesUrl}/rating/basic-usage) +[基本的な使用方法](\{environment:SamplesUrl\}/rating/basic-usage) -1. 最初に、プロジェクトまたは Web サイトに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、プロジェクトまたは Web サイトに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 ### クライアント コード @@ -137,9 +136,9 @@ jQuery Rating はそれ自体をスタイルできるので、コントロール 5. Web ページを実行すると、基本的なレーティング コントロールが表示されます。 ## 関連リンク -- [基本的な使用方法]({environment:SamplesUrl}/rating/basic-usage) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [基本的な使用方法](\{environment:SamplesUrl\}/rating/basic-usage) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igrating/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igrating/styling-and-theming.mdx index 27aa2b897d..0a35f7c2cd 100644 --- a/docs/jquery/src/content/ja/topics/controls/igrating/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igrating/styling-and-theming.mdx @@ -5,13 +5,13 @@ slug: igrating-styling-and-theming # スタイル設定とテーマ設定 (igRating) -`igRating` コントロール、{environment:ProductName}™ レーティング コントロールは、カスタムのスタイル設定とテーマ設定をサポートしており、レーティング エクスペリエンスのルック アンド フィールを完全に制御できます。カスタム スタイルをコントロールに適用しない場合、デフォルトのスタイル設定がコントロールに適用されます。 +`igRating` コントロール、\{environment:ProductName\}™ レーティング コントロールは、カスタムのスタイル設定とテーマ設定をサポートしており、レーティング エクスペリエンスのルック アンド フィールを完全に制御できます。カスタム スタイルをコントロールに適用しない場合、デフォルトのスタイル設定がコントロールに適用されます。 このトピックの例には、jQuery/HTML での実装および Microsoft ASP.NET MVC での実装が含まれています。 ### 必要な CSS とテーマ -{environment:ProductName}™ レーティングは、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。{environment:ProductName} には、Infragistics および Metro と呼ばれるカスタム jQuery UI テーマが含まれています。これらのテーマによって、Infragistics ウィジェットおよび標準の jQuery UI ウィジェットが、プロフェッショナルで魅力的な外観になります。 +\{environment:ProductName\}™ レーティングは、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。\{environment:ProductName\} には、Infragistics および Metro と呼ばれるカスタム jQuery UI テーマが含まれています。これらのテーマによって、Infragistics ウィジェットおよび標準の jQuery UI ウィジェットが、プロフェッショナルで魅力的な外観になります。 Infragistics および Metro テーマに加えて、Infragistics ウィジェットの基本 CSS レイアウトに必要な structure ディレクトリがあります。 @@ -207,7 +207,7 @@ Theme Switcher では基本的なクラスのみを変更できますが、`igRa </style> ``` -**リスト 4** は、jQuery/HTML のシナリオでレーティング コントロールをマークアップおよびインスタンス化する方法を示しています。**リスト 5** は、{environment:ProductNameMVC} のレーティングを使用してレーティング コントロールを作成する方法を示しています。 +**リスト 4** は、jQuery/HTML のシナリオでレーティング コントロールをマークアップおよびインスタンス化する方法を示しています。**リスト 5** は、\{environment:ProductNameMVC\} のレーティングを使用してレーティング コントロールを作成する方法を示しています。 **リスト 4: HTML におけるマークアップおよび関連するスクリプトの作成** @@ -314,7 +314,7 @@ $("#igRating1).igRating({ <div id="igRating1"></div> ``` -{environment:ProductNameMVC} Rating を使用すると、各項目のクラスを直接設定できます (つまり、JSON 配列または JavaScript 配列を定義する必要がありません)。{environment:ProductNameMVC} はシーンの背後で作業を行っています。 +\{environment:ProductNameMVC\} Rating を使用すると、各項目のクラスを直接設定できます (つまり、JSON 配列または JavaScript 配列を定義する必要がありません)。\{environment:ProductNameMVC\} はシーンの背後で作業を行っています。 **リスト 10: ASP.NET MVC におけるカスタム スタイルのレーティング コントロールへの適用** @@ -350,8 +350,8 @@ $("#igRating1).igRating({ - [jQuery UI CSS Framework](http://docs.jquery.com/UI/Theming/API) ## 関連リンク -- [カスタム スタイル]({environment:SamplesUrl}/rating/custom-styles) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [カスタム スタイル](\{environment:SamplesUrl\}/rating/custom-styles) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/accessibility-compliance.mdx index e28de9e382..4ed72f7893 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/accessibility-compliance.mdx @@ -5,7 +5,6 @@ slug: igscheduler-accessibility-compliance # アクセシビリティの遵守 (igScheduler) - ## igScheduler アクセシビリティの遵守 @@ -15,7 +14,7 @@ slug: igscheduler-accessibility-compliance ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自体がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/adding-igscheduler.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/adding-igscheduler.mdx index e3385b3197..f4cfe35ef3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/adding-igscheduler.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/adding-igscheduler.mdx @@ -29,7 +29,7 @@ slug: igscheduler-adding-igscheduler - [igScheduler の概要](/igScheduler-overview): このトピックは、`igScheduler` およびその機能の概要を説明します。 - [Infragistics Loader の使用](/using-infragistics-loader) -始まる前に、すべての必要なリソースを読み込みます。最初に jQuery リソースを読み込み、次に必要な {environment:ProductName} リソースを読み込みます。{environment:ProductName} リソースをプロジェクトに追加する方法が 3 つあります。`igLoader` を使用、必要なモジュールを読み込み、あるいはすべての必須リソースを結合するバンドル ファイルを使用することができます。以下はその方法です。 +始まる前に、すべての必要なリソースを読み込みます。最初に jQuery リソースを読み込み、次に必要な \{environment:ProductName\} リソースを読み込みます。\{environment:ProductName\} リソースをプロジェクトに追加する方法が 3 つあります。`igLoader` を使用、必要なモジュールを読み込み、あるいはすべての必須リソースを結合するバンドル ファイルを使用することができます。以下はその方法です。 ```js $.ig.loader({ diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-appointments.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-appointments.mdx index 1ac62ba191..b28844bfa6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-appointments.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-appointments.mdx @@ -3,6 +3,8 @@ title: "予定の構成 (igScheduler)" slug: igscheduler-configure-appointments --- +# 予定の構成 (igScheduler) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 予定の構成 (igScheduler) diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-asp-net-mvc.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-asp-net-mvc.mdx index a12478db34..58565c2064 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-asp-net-mvc.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-asp-net-mvc.mdx @@ -5,19 +5,19 @@ slug: igscheduler-asp-net-mvc-wrapper # ASP.NET MVC スケジューラの構成 -{environment:ProductName} は、JavaScript ベースの機能豊かなインタラクティブ web アプリケーションを作成するための jQuery UI コントロール セットです。{environment:ProductNameMVC} の場合、直接 JavaScript を使用または {environment:ProductNameMVC} ヘルパーを使用するオプションがあります。 +\{environment:ProductName\} は、JavaScript ベースの機能豊かなインタラクティブ web アプリケーションを作成するための jQuery UI コントロール セットです。\{environment:ProductNameMVC\} の場合、直接 JavaScript を使用または \{environment:ProductNameMVC\} ヘルパーを使用するオプションがあります。 -{environment:ProductNameMVC} ヘルパーは、{environment:ProductName} コントロールで必要な HTML マークアップおよび JavaScript コードを生成する .NET クラスおよび拡張機能メソッドのコレクションです。ページに描画された後、手動的に JavaScript で作成したコードと {environment:ProductName} MVC ヘルパーによって生成されたコードの違いはほとんどありませんが、以下の場合はヘルパーが役立ちます。 +\{environment:ProductNameMVC\} ヘルパーは、\{environment:ProductName\} コントロールで必要な HTML マークアップおよび JavaScript コードを生成する .NET クラスおよび拡張機能メソッドのコレクションです。ページに描画された後、手動的に JavaScript で作成したコードと \{environment:ProductName\} MVC ヘルパーによって生成されたコードの違いはほとんどありませんが、以下の場合はヘルパーが役立ちます。 * HTML および JavaScript より MVC ビュー エンジンの構文またはマネージ コードでの操作を望む場合。 -このトピックでは、{environment:ProductNameMVC} Scheduler ヘルパーについて説明します。ビューの構築で利用可能な構文オプションについて、またスケジューラにデータを提供するためのサーバーとの操作方法も説明します。 +このトピックでは、\{environment:ProductNameMVC\} Scheduler ヘルパーについて説明します。ビューの構築で利用可能な構文オプションについて、またスケジューラにデータを提供するためのサーバーとの操作方法も説明します。 > **注:** このトピックは Razor ビュー エンジンおよび C# でサンプル コードを表示します。 ### このトピックの内容 - [**はじめに**](#getting-started) - - [{environment:ProductName} MVC アセンブリの参照](#referencing-igniteui-mvc-assembly) + - [\{environment:ProductName\} MVC アセンブリの参照](#referencing-igniteui-mvc-assembly) - [スタイルおよびスクリプトの参照](#referencing-styles-and-scripts) - [**構文方法**](#syntax-variations) - [スケジューラ モデル](#syntax-scheduler-model) @@ -28,13 +28,13 @@ slug: igscheduler-asp-net-mvc-wrapper ## <a id="getting-started"></a> はじめに -{environment:ProductNameMVC} Scheduler を使用する前に、`Infragistics.Web.Mvc` アセンブリへの参照を作成し、ページで関連するスクリプトおよびスタイル シートを参照します。 +\{environment:ProductNameMVC\} Scheduler を使用する前に、`Infragistics.Web.Mvc` アセンブリへの参照を作成し、ページで関連するスクリプトおよびスタイル シートを参照します。 -### <a id="referencing-igniteui-mvc-assembly"></a>{environment:ProductNameMVC} アセンブリの参照 -ASP.NET アプリケーションで、以下の場所にある {environment:ProductNameMVC} アセンブリへの参照を作成します。 +### <a id="referencing-igniteui-mvc-assembly"></a>\{environment:ProductNameMVC\} アセンブリの参照 +ASP.NET アプリケーションで、以下の場所にある \{environment:ProductNameMVC\} アセンブリへの参照を作成します。 ``` -{environment:InstallPathMVC}\<MVC_VERSION_NUMBER>\Bin\Infragistics.Web.Mvc.dll +\{environment:InstallPathMVC\}\<MVC_VERSION_NUMBER>\Bin\Infragistics.Web.Mvc.dll ``` ### <a id="referencing-styles-and-scripts"></a>スタイルおよびスクリプトの参照 @@ -50,10 +50,10 @@ ASP.NET アプリケーションで、以下の場所にある {environment <script type="text/javascript" src="infragistics.lob.js"></script> <script type="text/javascript" src="infragistics.scheduler-bundled.js"></script> ``` -> **注**: {environment:ProductNameMVC} ヘルパーを使用するには、jQuery、jQuery UI、および {environment:ProductName} への参照をページの上に追加する必要があります。 +> **注**: \{environment:ProductNameMVC\} ヘルパーを使用するには、jQuery、jQuery UI、および \{environment:ProductName\} への参照をページの上に追加する必要があります。 ## <a id="syntax-variations"></a>構文方法 -{environment:ProductNameMVC} ヘルパーを igScheduler で使用する場合にページを構成する重要なパーツがいくつかあります。ページが要求されたときに {environment:ProductName} MVC ヘルパーがページでコントロールを描画するために、Model データが Controller で収集され、View に渡されます。コントローラーで Appointments および Resources データの表現を含む `IQueryable<T>` コレクション (`T` は `Appointment` モデルまたは `Resource`) として Model クラスを渡します。2 つの Model は `Infragistics.Web.Mvc.IModel` 名前空間にある `IModel` インターフェイスを継承します。また、モデルの `JSON` 表記を表す `ToJson` メソッドを実装します。 +\{environment:ProductNameMVC\} ヘルパーを igScheduler で使用する場合にページを構成する重要なパーツがいくつかあります。ページが要求されたときに \{environment:ProductName\} MVC ヘルパーがページでコントロールを描画するために、Model データが Controller で収集され、View に渡されます。コントローラーで Appointments および Resources データの表現を含む `IQueryable<T>` コレクション (`T` は `Appointment` モデルまたは `Resource`) として Model クラスを渡します。2 つの Model は `Infragistics.Web.Mvc.IModel` 名前空間にある `IModel` インターフェイスを継承します。また、モデルの `JSON` 表記を表す `ToJson` メソッドを実装します。 > **注**: Scheduler MVC ヘルパーのデータ ソースおよびリソースは `IQueryable<T>` のインスタンスのみを受けます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-recurrence.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-recurrence.mdx index e0f1310420..96a13ce08f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-recurrence.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-recurrence.mdx @@ -5,7 +5,6 @@ slug: igscheduler-configure-recurrence # 繰り返しの構成 (igScheduler) - ## 目的 このセクションのトピックでは、`igScheduler` コントロールの定期的な予定の概念について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-resources.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-resources.mdx index 696abb0730..e87def1fc6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-resources.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-resources.mdx @@ -5,7 +5,6 @@ slug: igscheduler-configure-resources # リソースの構成 (igScheduler) - ## 目的 このセクションのトピックでは、`igScheduler` コントロールのリソース概念について説明します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-views.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-views.mdx index 987184abb5..937b77edd6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-views.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configure-views.mdx @@ -3,6 +3,8 @@ title: "ビューの構成 (igScheduler)" slug: igscheduler-configure-views --- +# ビューの構成 (igScheduler) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ビューの構成 (igScheduler) diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configuring.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configuring.mdx index c2781f90e9..a7071b2c5f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/configuring/configuring.mdx @@ -6,13 +6,12 @@ slug: igscheduler-configuring # igScheduler の構成 - ##このグループのトピックについて ### 概要 -このグループのトピックでは、{environment:ProductName}® スケジューラ コントロールの構成方法について説明します。 +このグループのトピックでは、\{environment:ProductName\}® スケジューラ コントロールの構成方法について説明します。 ### トピック diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/known-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/known-limitations.mdx index 3295403030..12aed3146d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/known-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/known-limitations.mdx @@ -5,7 +5,6 @@ slug: igscheduler-known-limitations # 既知の問題と制限 (igScheduler) - ## 既知の問題点と制限の概要 @@ -32,7 +31,7 @@ slug: igscheduler-known-limitations [スワイプ ジェスチャのサポート](#SwipeGesture) |スワイプ ジェスチャのサポートがありません。 |![](../../images/images/negative.png) [予定ポップオーバーへの Tab ナビゲーション](#NavigationToAppointmentPopover) |予定ポップオーバーへの Tab ナビゲーションがありません。 |![](../../images/images/negative.png) [サポートされる最小幅は 320 px](#MinWidthSupport) |モバイル デバイスでサポートされる最小幅は 320 px です。 |![](../../images/images/negative.png) -[{environment:ProductNameMVC} で views オプションの設定](#MVCWrappers) | ASP.NET MVC MVC で views オプションの設定に影響しません。 |![](../../images/images/plannedFix.png) +[\{environment:ProductNameMVC\} で views オプションの設定](#MVCWrappers) | ASP.NET MVC MVC で views オプションの設定に影響しません。 |![](../../images/images/plannedFix.png) ## 既知の問題点と制限の詳細 @@ -81,7 +80,7 @@ igScheduler はローカル データ ソースのみを処理します。 以後のリリースで、最小解像度に到達した場合に表示されるメッセージを追加します。 -### <a id="MVC"></a>{environment:ProductNameMVC} views オプションの制限 +### <a id="MVC"></a>\{environment:ProductNameMVC\} views オプションの制限 -{environment:ProductNameMVC} で公開される `views` オプションを使用して初期化されるビュー (`Agenda`、`Week`、`Day`、`Month`) を制御できません。次バージョンのスケジューラで実際予定です。 +\{environment:ProductNameMVC\} で公開される `views` オプションを使用して初期化されるビュー (`Agenda`、`Week`、`Day`、`Month`) を制御できません。次バージョンのスケジューラで実際予定です。 diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/overview.mdx index 2132c28316..9baff977c6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/overview.mdx @@ -38,11 +38,11 @@ slug: igScheduler-overview まず以下のトピックを読む必要があります。 -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} でスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} でスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) **外部リソース** @@ -53,7 +53,7 @@ slug: igScheduler-overview ### 概要 -`igScheduler` コントロールは jQuery UI ウィジェットの 1 つであるため、jQuery コアと jQuery UI JavaScript ライブラリに依存します。また、`igScheduler` コントロールが機能の共有やデータのバインドを行うために使用する {environment:ProductName}™ JavaScript リソースもいくつかあります。`igScheduler` コントロールをピュア JavaScript コンテキストの中でのみ使用するかどうかに関係なしでこうした JavaScript の参照が必要になります。 +`igScheduler` コントロールは jQuery UI ウィジェットの 1 つであるため、jQuery コアと jQuery UI JavaScript ライブラリに依存します。また、`igScheduler` コントロールが機能の共有やデータのバインドを行うために使用する \{environment:ProductName\}™ JavaScript リソースもいくつかあります。`igScheduler` コントロールをピュア JavaScript コンテキストの中でのみ使用するかどうかに関係なしでこうした JavaScript の参照が必要になります。 ### 要件 @@ -202,7 +202,7 @@ $("#scheduler").igScheduler({ #### 関連サンプル -- [igScheduler 予定一覧ビュー]({environment:SamplesUrl}/scheduler/agenda-view) +- [igScheduler 予定一覧ビュー](\{environment:SamplesUrl\}/scheduler/agenda-view) ### <a id="activities"></a>アクティビティ @@ -232,7 +232,7 @@ $("#scheduler").igScheduler({ #### 関連サンプル -- [igScheduler 予定一覧ビュー]({environment:SamplesUrl}/scheduler/appointment-indicators) +- [igScheduler 予定一覧ビュー](\{environment:SamplesUrl\}/scheduler/appointment-indicators) ## <a id="binding-to-data-source"></a>データ ソースにバインド @@ -248,11 +248,11 @@ $("#scheduler").igScheduler({ 以下は、その他の役立つトピックです。 -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} でスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} でスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) - [igScheduler の概要](/igScheduler-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/igscheduler/using-themes.mdx b/docs/jquery/src/content/ja/topics/controls/igscheduler/using-themes.mdx index bbfb88d59b..804f7f79ae 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscheduler/using-themes.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscheduler/using-themes.mdx @@ -17,7 +17,7 @@ slug: igscheduler-using-themes `igScheduler` に合わせて jQuery UI テーマをカスタマイズするために必要な情報は以下の各トピックに収められています。 -- [{environment:ProductName} でスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} でスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) ## 関連トピック diff --git a/docs/jquery/src/content/ja/topics/controls/igscroll/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igscroll/accessibility-compliance.mdx index 665e7fce46..0bac00cfa9 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscroll/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscroll/accessibility-compliance.mdx @@ -6,9 +6,8 @@ slug: igscroll-accessibility-compliance # アクセシビリティの遵守 (igScroll) - ## igScroll アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。**表 1** には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、コントロールが各規則を遵守するための詳しい方法も含んでいます。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。**表 1** には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、コントロールが各規則を遵守するための詳しい方法も含んでいます。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igscroll/configuring-igscroll.mdx b/docs/jquery/src/content/ja/topics/controls/igscroll/configuring-igscroll.mdx index fe0ddf6266..0953ae66b8 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscroll/configuring-igscroll.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscroll/configuring-igscroll.mdx @@ -3,6 +3,8 @@ title: "igScroll の構成" slug: igscroll-configuring --- +# igScroll の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igScroll の構成 @@ -208,4 +210,4 @@ $("#scrContainerLeft").igScroll({ - [既知の問題 (igScroll)](/igscroll-known-issues) ### サンプル -- [構成オプション]({environment:SamplesUrl}/scroll/configuration-options) +- [構成オプション](\{environment:SamplesUrl\}/scroll/configuration-options) diff --git a/docs/jquery/src/content/ja/topics/controls/igscroll/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igscroll/jquery-api.mdx index 70f1fce8b5..8907f49873 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscroll/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscroll/jquery-api.mdx @@ -3,6 +3,8 @@ title: "jQuery API リンク (igScroll)" slug: igscroll-jquery-api --- +# jQuery API リンク (igScroll) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery API リンク (igScroll) diff --git a/docs/jquery/src/content/ja/topics/controls/igscroll/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igscroll/known-issues.mdx index 3452e8a828..8930cb993b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscroll/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscroll/known-issues.mdx @@ -3,6 +3,8 @@ title: "既知の問題と制限 (igScroll)" slug: igscroll-known-issues --- +# 既知の問題と制限 (igScroll) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限 (igScroll) diff --git a/docs/jquery/src/content/ja/topics/controls/igscroll/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igscroll/overview.mdx index 4797ccb4da..fc94133d45 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscroll/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscroll/overview.mdx @@ -3,6 +3,8 @@ title: "igScroll の概要" slug: igscroll-overview --- +# igScroll の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igScroll の概要 @@ -171,7 +173,7 @@ $(function () { 次のステップは、いずれかの jQuery クライアント コードを使用して、ウェブページで igScroll ウィジェットを実装する基本的な方法を示します。 -最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 1. HTML ページに**必要な JavaScript および CSS ファイルを参照**してください。 @@ -364,6 +366,6 @@ igScroll が複数コンテナーのリンクを許可し、1 つスクロール - [igScroll の構成](Configuring-igScroll.html) ### サンプル -- [基本的な使用方法]({environment:SamplesUrl}/scroll/basic-usage) -- [構成オプション]({environment:SamplesUrl}/scroll/configuration-options) -- [複数のコンテナーを一度にスクロール]({environment:SamplesUrl}/scroll/scrolling-multiple-containers) +- [基本的な使用方法](\{environment:SamplesUrl\}/scroll/basic-usage) +- [構成オプション](\{environment:SamplesUrl\}/scroll/configuration-options) +- [複数のコンテナーを一度にスクロール](\{environment:SamplesUrl\}/scroll/scrolling-multiple-containers) diff --git a/docs/jquery/src/content/ja/topics/controls/igscroll/styling.mdx b/docs/jquery/src/content/ja/topics/controls/igscroll/styling.mdx index 8b9ecc7431..84754e8486 100644 --- a/docs/jquery/src/content/ja/topics/controls/igscroll/styling.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igscroll/styling.mdx @@ -3,6 +3,8 @@ title: "igScroll を使用したスタイル設定" slug: igscroll-styling --- +# igScroll を使用したスタイル設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igScroll を使用したスタイル設定 @@ -24,7 +26,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [関連コンテンツ](#related) ## <a id="summary"></a>スタイル設定の概要 -{environment:ProductName}™ Scroll (または `igScroll`) は、他の jQuery ウィジェットと同様に、特定の UI 要素に適用される複数の CSS クラスを提供します。各 CSS クラスは、igScroll が描画する DOM 要素のルックアンドフィールを定義します。 +\{environment:ProductName\}™ Scroll (または `igScroll`) は、他の jQuery ウィジェットと同様に、特定の UI 要素に適用される複数の CSS クラスを提供します。各 CSS クラスは、igScroll が描画する DOM 要素のルックアンドフィールを定義します。 以下は、垂直方向のカスタム スクロールバーに関連する CSS クラスの一覧です。 @@ -229,5 +231,5 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igScroll の構成](Configuring-igScroll.html) ### サンプル -- [静的スクロールバーをスタイル設定]({environment:SamplesUrl}/scroll/styling-static) -- [動的スクロールバーのスタイル設定]({environment:SamplesUrl}/scroll/styling-dynamic) \ No newline at end of file +- [静的スクロールバーをスタイル設定](\{environment:SamplesUrl\}/scroll/styling-static) +- [動的スクロールバーのスタイル設定](\{environment:SamplesUrl\}/scroll/styling-dynamic) \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-api-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-api-reference.mdx index b787d00752..8ef7ddf40d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-api-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-api-reference.mdx @@ -3,6 +3,8 @@ title: "jQuery API リファレンス リンク (igShapeChart)" slug: shapechart-api-reference --- +# jQuery API リファレンス リンク (igShapeChart) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery API リファレンス リンク (igShapeChart) diff --git a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-binding-break-even-data.mdx b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-binding-break-even-data.mdx index 511182dae0..6693f20748 100644 --- a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-binding-break-even-data.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-binding-break-even-data.mdx @@ -88,4 +88,4 @@ igShapeChart コントロールは損益分岐点データの表示をサポー 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [損益分岐点データのバインド]({environment:SamplesUrl}/shapechart/binding-break-even-data): このサンプルは、`igShapeChart` コントロールを損益分岐点データにバインドする方法を紹介します。 +- [損益分岐点データのバインド](\{environment:SamplesUrl\}/shapechart/binding-break-even-data): このサンプルは、`igShapeChart` コントロールを損益分岐点データにバインドする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-binding-shapefile-data.mdx b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-binding-shapefile-data.mdx index 30b24a019d..f91df10327 100644 --- a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-binding-shapefile-data.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-binding-shapefile-data.mdx @@ -132,5 +132,5 @@ ShapeDataSource のレコードが非同期で読み込まれます。そのた このトピックについて、以下のサンプルも参照してください。 -- [シェープ ファイルのバインド]({environment:SamplesUrl}/shape-charts/binding-shapefile-single): このサンプルは、`igShapeChart` コントロールを単一のシェープ ファイルにバインドする方法を紹介します。 -- [複数シェープ ファイルのバインド]({environment:SamplesUrl}/shape-charts/binding-shapefile-multi): このサンプルは、`igShapeChart` コントロールを複数のシェープ ファイルにバインドする方法を紹介します。 +- [シェープ ファイルのバインド](\{environment:SamplesUrl\}/shape-charts/binding-shapefile-single): このサンプルは、`igShapeChart` コントロールを単一のシェープ ファイルにバインドする方法を紹介します。 +- [複数シェープ ファイルのバインド](\{environment:SamplesUrl\}/shape-charts/binding-shapefile-multi): このサンプルは、`igShapeChart` コントロールを複数のシェープ ファイルにバインドする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-chart-types.mdx b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-chart-types.mdx index a27c78b75c..ac9f4e071a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-chart-types.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-chart-types.mdx @@ -3,7 +3,7 @@ title: "チャート タイプ" slug: shapechart-chart-types --- -# チャート タイプ +# チャート タイプ ## 概要 @@ -45,4 +45,4 @@ slug: shapechart-chart-types **サンプル:** -- [シェープ チャートのタイプ]({environment:SamplesUrl}/shape-charts/shape-chart-types): このサンプルは様々な `igShapeChart` の `chartType` を表示します。 +- [シェープ チャートのタイプ](\{environment:SamplesUrl\}/shape-charts/shape-chart-types): このサンプルは様々な `igShapeChart` の `chartType` を表示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-configuring-axis-intervals.mdx b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-configuring-axis-intervals.mdx index 02ba797f02..62790b6009 100644 --- a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-configuring-axis-intervals.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-configuring-axis-intervals.mdx @@ -64,4 +64,4 @@ $(function () { 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [軸間隔の構成]({environment:SamplesUrl}/shape-charts/axis-intervals): このサンプルでは、`igShapeChart` コントロールの軸間隔を構成する方法を紹介します。 +- [軸間隔の構成](\{environment:SamplesUrl\}/shape-charts/axis-intervals): このサンプルでは、`igShapeChart` コントロールの軸間隔を構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-configuring-axis-labels.mdx b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-configuring-axis-labels.mdx index 083bcad66f..9f6eb239a8 100644 --- a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-configuring-axis-labels.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-configuring-axis-labels.mdx @@ -76,4 +76,4 @@ $(function () { 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [軸ラベルの構成]({environment:SamplesUrl}/shape-charts/axis-labels): このサンプルでは、`igShapeChart` コントロールの軸ラベルを構成する方法を紹介します。 +- [軸ラベルの構成](\{environment:SamplesUrl\}/shape-charts/axis-labels): このサンプルでは、`igShapeChart` コントロールの軸ラベルを構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-overview.mdx index c7fef8ee95..b8450cece9 100644 --- a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-overview.mdx @@ -3,7 +3,7 @@ title: "概要" slug: shapechart-overview --- -# 概要 +# 概要 ### igShapeChart について diff --git a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-using-legend-with-shapechart.mdx b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-using-legend-with-shapechart.mdx index d1cac8bccb..786b2d7cdd 100644 --- a/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-using-legend-with-shapechart.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igshapechart/shapechart-using-legend-with-shapechart.mdx @@ -86,4 +86,4 @@ igShapeChart コントロールで凡例の表示がサポートされますが 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [凡例の使用]({environment:SamplesUrl}/shape-charts/using-legend): このサンプルでは、`igShapeChart` コントロールで凡例を使用する方法を紹介します。 +- [凡例の使用](\{environment:SamplesUrl\}/shape-charts/using-legend): このサンプルでは、`igShapeChart` コントロールで凡例を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/accessibility-compliance.mdx index a6856716de..1a3ab2e3e6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/accessibility-compliance.mdx @@ -3,6 +3,8 @@ title: "アクセシビリティ準拠 (igSparkline)" slug: igsparkline-accessibility-compliance --- +# アクセシビリティ準拠 (igSparkline) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # アクセシビリティ準拠 (igSparkline) @@ -24,7 +26,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## アクセシビリティ準拠のリファレンス ### 概要 -インフラジスティックス Infragistics® {environment:ProductName}® コントロールおよびコンポーネントはすべて、1973 年のリハビリテーション法第 508 条第 1194 部 22 条を順守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igSparkline` コントロールが各規則を順守するための詳しい方法も含まれています。 +インフラジスティックス Infragistics® \{environment:ProductName\}® コントロールおよびコンポーネントはすべて、1973 年のリハビリテーション法第 508 条第 1194 部 22 条を順守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igSparkline` コントロールが各規則を順守するための詳しい方法も含まれています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 @@ -51,7 +53,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のトピックでは、このトピックに関連する追加情報を提供しています。 -- [アクセシビリティ準拠](/accessibility-compliance): すべての {environment:ProductName} コントロールのアクセシビリティ準拠のための参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): すべての \{environment:ProductName\} コントロールのアクセシビリティ準拠のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-overview.mdx index 275d702c7f..a21bc2fbdd 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-overview.mdx @@ -3,6 +3,8 @@ title: "igSparkline の追加の概要" slug: igsparkline-adding-igsparkline-overview --- +# igSparkline の追加の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline の追加の概要 @@ -37,7 +39,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - jQuery JavaScript フレームワーク - jQuery UI JavaScript UI フレームワーク - タッチ操作をサポートするための Modernizr JavaScript ライブラリ -- Infragistics {environment:ProductName} JavaScript および CSS リソース +- Infragistics \{environment:ProductName\} JavaScript および CSS リソース - 数値データまたは日付データを含む 1 次元データ ソース - ASP.NET MVC ヘルパーを使用する場合、`Infragistics.Web.Mvc.dll` アセンブリも必要です。 @@ -53,7 +55,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #### 関連サンプル -[グリッドのスパークライン]({environment:SamplesUrl}/sparkline/sparkline-in-grid) +[グリッドのスパークライン](\{environment:SamplesUrl\}/sparkline/sparkline-in-grid) ## 関連コンテンツ @@ -71,9 +73,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [JSON データにバインド]({environment:SamplesUrl}/sparkline/bind-json): このサンプルは外部のスクリプト ファイルに含まれる JSON データにバインドします。また、ASP.NET MVC ヘルパーとのバインドについても示します。 +- [JSON データにバインド](\{environment:SamplesUrl\}/sparkline/bind-json): このサンプルは外部のスクリプト ファイルに含まれる JSON データにバインドします。また、ASP.NET MVC ヘルパーとのバインドについても示します。 -- [グリッドのスパークライン]({environment:SamplesUrl}/sparkline/sparkline-in-grid): このサンプルは、`igSparkline` を `igGrid` 列テンプレートへ追加する方法を示します。 +- [グリッドのスパークライン](\{environment:SamplesUrl\}/sparkline/sparkline-in-grid): このサンプルは、`igSparkline` を `igGrid` 列テンプレートへ追加する方法を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-to-an-aspnet-mvc-view.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-to-an-aspnet-mvc-view.mdx index 72dca0ad9e..332184c1f5 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-to-an-aspnet-mvc-view.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-to-an-aspnet-mvc-view.mdx @@ -3,6 +3,8 @@ title: "igSparkline を ASP.NET MVC ビューに追加" slug: igsparkline-adding-igsparkline-to-an-aspnet-mvc-view --- +# igSparkline を ASP.NET MVC ビューに追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline を ASP.NET MVC ビューに追加 @@ -23,7 +25,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; トピック -- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで {environment:ProductName}® コンポーネントを使用した作業の開始方法を説明します。 +- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで \{environment:ProductName\}® コンポーネントを使用した作業の開始方法を説明します。 #### このトピックの内容 @@ -190,7 +192,7 @@ Width()|`igSparkline` の文字列幅を設定します。 ValueMemberPath()|`igSparkline` が各項目に対して垂直軸上に描画する値を示す Invoice メンバーにこのヘルパー メソッドを設定します。 LabelMemberPath()|水平軸値を表す Invoice メンバーにこのヘルパー メソッドを設定します。 -最終的に、すべての {environment:ProductNameMVC} コントロールと同様に、Render メソッドを呼び出して HTML と JavaScript をビューに描画します。 +最終的に、すべての \{environment:ProductNameMVC\} コントロールと同様に、Render メソッドを呼び出して HTML と JavaScript をビューに描画します。 **ASPX の場合:** @@ -251,7 +253,7 @@ LabelMemberPath()|水平軸値を表す Invoice メンバーにこのヘルパ 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [コレクションにバインド]({environment:SamplesUrl}/sparkline/bind-collection): このサンプルでは、ASP.NET MVC ヘルパーとのバインドについて示します。 +- [コレクションにバインド](\{environment:SamplesUrl\}/sparkline/bind-collection): このサンプルでは、ASP.NET MVC ヘルパーとのバインドについて示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-to-an-html-document.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-to-an-html-document.mdx index 804c1a42a5..f97131827a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-to-an-html-document.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline-to-an-html-document.mdx @@ -3,6 +3,8 @@ title: "igSparkline を HTML ドキュメントに追加" slug: igsparkline-adding-igsparkline-to-an-html-document --- +# igSparkline を HTML ドキュメントに追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline を HTML ドキュメントに追加 @@ -27,9 +29,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igSparkline の追加の概要](/igsparkline-adding-igsparkline-overview): このトピックでは、`igSparkline`™ をアプリケーションに追加する各種方法の概要について説明します。 -- [必要なリソースの手動で追加する](/adding-the-required-resources-for-igniteui-for-jquery): このトピックでは、{environment:ProductName}®での JavaScript リソースの構成について説明します。 +- [必要なリソースの手動で追加する](/adding-the-required-resources-for-igniteui-for-jquery): このトピックでは、\{environment:ProductName\}®での JavaScript リソースの構成について説明します。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して {environment:ProductName} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックは、必要な JavaScript リソースを追加して \{environment:ProductName\} ライブラリからコントロールを使用する場合の全般的なガイダンスを提供します。 **外部リソース** @@ -91,13 +93,13 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; <tr> <td>jQuery および jQuery UI JavaScript リソース</td> - <td>{environment:ProductName} は、以下のフレームワークの最上部にビルドされます。 <ul> <li> [jQuery](http://jquery.com/) </li> <li> [jQuery UI](http://jqueryui.com/) </li> </ul></td> + <td>\{environment:ProductName\} は、以下のフレームワークの最上部にビルドされます。 <ul> <li> [jQuery](http://jquery.com/) </li> <li> [jQuery UI](http://jqueryui.com/) </li> </ul></td> <td>ページの `<head>` セクションで両方のライブラリにスクリプト参照を追加します。</td> </tr> <tr> <td>全般的な `igSparkline` JavaScript リソース</td> - <td>{environment:ProductName} ライブラリの igSparkline 機能は、複数のファイルに渡って配布されます。必要なリソースは以下の方法で読み込むことができます。 <ul> <li> `infragistics.core.js` と `infragistics.dv.js` の結合したファイルを使用して必要な JavaScript 依存関係を素早く参照します。 </li> <li> Infragistics® Loader (`igLoader`™) を使用します。必要なのは `igLoader` へのスクリプト参照をページに含めるか、 `igSparkline` をパラメータとして指定するのみです。igLoader は必要な個々の JavaScript ファイルと CSS ファイルを取り込みます。 </li> <li> 必要なリソースを手動で読み込みます。以下の表にリストされる依存関係を使用する必要があります。 </li> </ul> 以下の表は、igSparkline コントロール関連の {environment:ProductName} ライブラリの依存関係をリストします。これらのリソースは、リソースを手動で取り込むことを選択する場合は明示的に参照される必要があります (`igLoader` は使用しない)。 | JS リソース | 説明 | | --- | --- | | `js/modules/infragistics.util.js`, `js/modules/infragistics.util.jquery.js` | environment:ProductName ユーティリティ | | `js/modules/infragistics.ui.widget.js` | 共有のウィジェット | | `js/modules/Infragistics.datasource.js` | データ ソース フレームワーク | | `js/modules/infragistics.templating.js` | `igTemplating` engine | | `js/modules/infragistics.ext_core.js`, `js/modules/infragistics.ext_collections.js`, `js/modules/infragistics.ext_ui.js`, `js/modules/infragistics.dv_jquerydom.js`, `js/modules/infragistics.dv_core.js`, `js/modules/infragistics.dv_geometry.js` | すべてのデータ ビジュアライゼーション コンポーネント用の共有ライブラリ | | `js/modules/infragistics.dv_interactivity.js` | オプション。ツールチップなどのユーザー インタラクションのために必要です。 | | `js/modules/infragistics.ui.basechart.js` | すべての environment:ProductName チャート コンポーネントに対するベース ウィジェット | | `js/modules/infragistics.sparkline.js` | `igSparkline` ウィジェットの内部コア ロジック | | `js/modules/infragistics.ui.sparkline.js` | `igSparkline` ウィジェット | <br/></td> + <td>\{environment:ProductName\} ライブラリの igSparkline 機能は、複数のファイルに渡って配布されます。必要なリソースは以下の方法で読み込むことができます。 <ul> <li> `infragistics.core.js` と `infragistics.dv.js` の結合したファイルを使用して必要な JavaScript 依存関係を素早く参照します。 </li> <li> Infragistics® Loader (`igLoader`™) を使用します。必要なのは `igLoader` へのスクリプト参照をページに含めるか、 `igSparkline` をパラメータとして指定するのみです。igLoader は必要な個々の JavaScript ファイルと CSS ファイルを取り込みます。 </li> <li> 必要なリソースを手動で読み込みます。以下の表にリストされる依存関係を使用する必要があります。 </li> </ul> 以下の表は、igSparkline コントロール関連の \{environment:ProductName\} ライブラリの依存関係をリストします。これらのリソースは、リソースを手動で取り込むことを選択する場合は明示的に参照される必要があります (`igLoader` は使用しない)。 | JS リソース | 説明 | | --- | --- | | `js/modules/infragistics.util.js`, `js/modules/infragistics.util.jquery.js` | environment:ProductName ユーティリティ | | `js/modules/infragistics.ui.widget.js` | 共有のウィジェット | | `js/modules/Infragistics.datasource.js` | データ ソース フレームワーク | | `js/modules/infragistics.templating.js` | `igTemplating` engine | | `js/modules/infragistics.ext_core.js`, `js/modules/infragistics.ext_collections.js`, `js/modules/infragistics.ext_ui.js`, `js/modules/infragistics.dv_jquerydom.js`, `js/modules/infragistics.dv_core.js`, `js/modules/infragistics.dv_geometry.js` | すべてのデータ ビジュアライゼーション コンポーネント用の共有ライブラリ | | `js/modules/infragistics.dv_interactivity.js` | オプション。ツールチップなどのユーザー インタラクションのために必要です。 | | `js/modules/infragistics.ui.basechart.js` | すべての environment:ProductName チャート コンポーネントに対するベース ウィジェット | | `js/modules/infragistics.sparkline.js` | `igSparkline` ウィジェットの内部コア ロジック | | `js/modules/infragistics.ui.sparkline.js` | `igSparkline` ウィジェット | <br/></td> <td>以下のいずれかを追加します。 <ul> <li> `igLoader` への参照 </li> <li> すべての必要な JavaScript ファイルへの参照 (左側の表に一覧表示) </li> </ul></td> </tr> </tbody> @@ -311,7 +313,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [JSON データにバインド]({environment:SamplesUrl}/sparkline/bind-json): このサンプルは外部のスクリプト ファイルに含まれる JSON データにバインドします。また、ASP.NET MVC ヘルパーとのバインドについても示します。 +- [JSON データにバインド](\{environment:SamplesUrl\}/sparkline/bind-json): このサンプルは外部のスクリプト ファイルに含まれる JSON データにバインドします。また、ASP.NET MVC ヘルパーとのバインドについても示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline.mdx index a7dd14c93d..a675a4a55e 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/adding/adding-igsparkline.mdx @@ -3,6 +3,8 @@ title: "igSparkline の追加" slug: igsparkline-adding-igsparkline --- +# igSparkline の追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline の追加 diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/binding-to-data.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/binding-to-data.mdx index 632fa7f31a..c5ca188da7 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/binding-to-data.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/binding-to-data.mdx @@ -54,7 +54,7 @@ slug: igsparkline-binding-to-data #### データ ソースの要約 -`igSparkline` コントロールのデータ バインドは、{environment:ProductName} ライブラリの他のコントロールと同じです。データのバインドは、`dataSource` オプションにデータ ソースを割り当てるという方法で行い、データが Web または WCF サービスによって提供される場合は `dataSourceUrl` に URL を指定するという方法で行います。 +`igSparkline` コントロールのデータ バインドは、\{environment:ProductName\} ライブラリの他のコントロールと同じです。データのバインドは、`dataSource` オプションにデータ ソースを割り当てるという方法で行い、データが Web または WCF サービスによって提供される場合は `dataSourceUrl` に URL を指定するという方法で行います。 データ構造|関連トピック/サンプル: ---|--- @@ -64,7 +64,7 @@ JavaScript 配列へのデータ バインド|**関連トピック**<br/>[igSpar #### リモート データにバインド <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/sparkline/bind-to-remote-data]({environment:SamplesEmbedUrl}/sparkline/bind-to-remote-data) + [\{environment:SamplesEmbedUrl\}/sparkline/bind-to-remote-data](\{environment:SamplesEmbedUrl\}/sparkline/bind-to-remote-data) </div> ## 関連コンテンツ @@ -79,7 +79,7 @@ JavaScript 配列へのデータ バインド|**関連トピック**<br/>[igSpar このトピックについては、以下のサンプルも参照してください。 -- [JSON データにバインド]({environment:SamplesUrl}/sparkline/bind-json): このサンプルは、`igSparkline` を JavaScript 配列にバインドする基本的な実装を示します。 +- [JSON データにバインド](\{environment:SamplesUrl\}/sparkline/bind-json): このサンプルは、`igSparkline` を JavaScript 配列にバインドする基本的な実装を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/configuring.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/configuring.mdx index ce450e30a1..49e2d0cf52 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/configuring.mdx @@ -3,6 +3,8 @@ title: "igSparkline の構成" slug: igsparkline-configuring --- +# igSparkline の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline の構成 @@ -55,9 +57,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [標準範囲およびトレンドライン]({environment:SamplesUrl}/sparkline/normal-range-and-trend-lines): このサンプルは標準範囲およびトレンドライン機能を紹介します。 +- [標準範囲およびトレンドライン](\{environment:SamplesUrl\}/sparkline/normal-range-and-trend-lines): このサンプルは標準範囲およびトレンドライン機能を紹介します。 -- [ツールチップとマーカー]({environment:SamplesUrl}/sparkline/tooltips-and-markers): このサンプルはツールチップおよびマーカー機能を紹介します。 +- [ツールチップとマーカー](\{environment:SamplesUrl\}/sparkline/tooltips-and-markers): このサンプルはツールチップおよびマーカー機能を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/jquery-and-aspnet-mvc-api.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/jquery-and-aspnet-mvc-api.mdx index ac82f954ae..f8d7533ed2 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/jquery-and-aspnet-mvc-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/jquery-and-aspnet-mvc-api.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リンク (igSparkline)" slug: igsparkline-jquery-and-aspnet-mvc-api --- +# jQuery と MVC API リンク (igSparkline) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リンク (igSparkline) @@ -28,7 +30,7 @@ API マニュアル|説明 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [API およびイベント]({environment:SamplesUrl}/sparkline/api-and-events) +- [API およびイベント](\{environment:SamplesUrl\}/sparkline/api-and-events) このサンプルは、`igSparkline` のメソッドおよびイベントの一部を示しています。最初は、databinding と `databound` イベントが発生し、対応するボタンをクリックすることで `addItem` メソッドと `removeItem` メソッドの結果を表示できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/landing.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/landing.mdx index f1cb78658d..8cbfed952a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/landing.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/landing.mdx @@ -2,6 +2,9 @@ title: "igSparkline" slug: igsparkline-landing --- + +# igSparkline + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/overview.mdx index 3123ac4710..c920d58226 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/overview.mdx @@ -2,6 +2,9 @@ title: "igSparkline の概要" slug: igsparkline-overview --- + +# igSparkline の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline の概要 @@ -15,7 +18,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックを理解するために、以下のトピックを参照することをお勧めします。 -- [{environment:ProductName}® の概要](/igniteui-for-jquery-overview): このトピックは、{environment:ProductName} 製品の主な機能とメリットを説明します。 +- [\{environment:ProductName\}® の概要](/igniteui-for-jquery-overview): このトピックは、\{environment:ProductName\} 製品の主な機能とメリットを説明します。 ### このトピックの内容 @@ -170,7 +173,7 @@ WinLoss|このタイプは、外観は柱状チャートに似ています。各 ### 関連サンプル: -- [ツールチップとマーカー]({environment:SamplesUrl}/sparkline/tooltips-and-markers) +- [ツールチップとマーカー](\{environment:SamplesUrl\}/sparkline/tooltips-and-markers) @@ -293,7 +296,7 @@ WinLoss|このタイプは、外観は柱状チャートに似ています。各 #### 関連サンプル: -- [標準範囲およびトレンドライン]({environment:SamplesUrl}/sparkline/normal-range-and-trend-lines) +- [標準範囲およびトレンドライン](\{environment:SamplesUrl\}/sparkline/normal-range-and-trend-lines) @@ -310,7 +313,7 @@ WinLoss|このタイプは、外観は柱状チャートに似ています。各 #### 関連サンプル: -- [標準範囲およびトレンドライン]({environment:SamplesUrl}/sparkline/normal-range-and-trend-lines) +- [標準範囲およびトレンドライン](\{environment:SamplesUrl\}/sparkline/normal-range-and-trend-lines) @@ -388,7 +391,7 @@ toolTip オプションはツールチップを管理します。 #### 関連サンプル: -- [ツールチップとマーカー]({environment:SamplesUrl}/sparkline/tooltips-and-markers) +- [ツールチップとマーカー](\{environment:SamplesUrl\}/sparkline/tooltips-and-markers) @@ -403,9 +406,9 @@ toolTip オプションはツールチップを管理します。 このトピックについては、以下のサンプルも参照してください。 -- [ツールチップとマーカー]({environment:SamplesUrl}/sparkline/tooltips-and-markers): このサンプルは、`igSparkline` でツールチップとマーカーを有効にする例を示します。 +- [ツールチップとマーカー](\{environment:SamplesUrl\}/sparkline/tooltips-and-markers): このサンプルは、`igSparkline` でツールチップとマーカーを有効にする例を示します。 -- [標準範囲およびトレンドライン]({environment:SamplesUrl}/sparkline/normal-range-and-trend-lines): このサンプルは標準範囲およびトレンドライン機能を紹介します。 +- [標準範囲およびトレンドライン](\{environment:SamplesUrl\}/sparkline/normal-range-and-trend-lines): このサンプルは標準範囲およびトレンドライン機能を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsparkline/visual-elements.mdx b/docs/jquery/src/content/ja/topics/controls/igsparkline/visual-elements.mdx index 6741774a22..95c3a22aea 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsparkline/visual-elements.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsparkline/visual-elements.mdx @@ -3,6 +3,8 @@ title: "igSparkline のビジュアル要素" slug: igsparkline-visual-elements --- +# igSparkline のビジュアル要素 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSparkline のビジュアル要素 @@ -77,9 +79,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [標準範囲およびトレンドライン]({environment:SamplesUrl}/sparkline/normal-range-and-trend-lines): このサンプルは標準範囲およびトレンドライン機能を紹介します。標準範囲を設定するには、`normalRangeMinimum` および `normalRangeMaximum` 値を設定し、`normalRangeVisibility` を設定します。トレンドラインの複数のスタイルのいずれかを選択できます。トレンドラインを有効にするには、アプリケーションに適切なトレンドライン タイプを選択して `trendLineType` オプションを設定します。 +- [標準範囲およびトレンドライン](\{environment:SamplesUrl\}/sparkline/normal-range-and-trend-lines): このサンプルは標準範囲およびトレンドライン機能を紹介します。標準範囲を設定するには、`normalRangeMinimum` および `normalRangeMaximum` 値を設定し、`normalRangeVisibility` を設定します。トレンドラインの複数のスタイルのいずれかを選択できます。トレンドラインを有効にするには、アプリケーションに適切なトレンドライン タイプを選択して `trendLineType` オプションを設定します。 -- [ツールチップとマーカー]({environment:SamplesUrl}/sparkline/tooltips-and-markers): ツールチップおよびマーカーを有効にするには、`toolTipVisibility` および `markerVisibility` オプションを visible に設定します。 +- [ツールチップとマーカー](\{environment:SamplesUrl\}/sparkline/tooltips-and-markers): ツールチップおよびマーカーを有効にするには、`toolTipVisibility` および `markerVisibility` オプションを visible に設定します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsplitter/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igsplitter/accessibility-compliance.mdx index 40e75d8367..152107f5c5 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsplitter/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsplitter/accessibility-compliance.mdx @@ -6,7 +6,6 @@ slug: igsplitter-accessibility-compliance # アクセシビリティ準拠 - ## トピックの概要 ### 目的 @@ -23,7 +22,7 @@ slug: igsplitter-accessibility-compliance ## igSplitter のアクセシビリティ準拠 ### igSplitter アクセシビリティ準拠の概要 -すべての Infragistics® {environment:ProductName}® コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。[igSplitter アクセシビリティ準拠の概要表](#summary-chart) には、コントロールに関する第 1194.22 部の特別な規則が含まれています。また、グリッド コントロールが各規則を遵守するための詳しい方法も含んでいます。 +すべての Infragistics® \{environment:ProductName\}® コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。[igSplitter アクセシビリティ準拠の概要表](#summary-chart) には、コントロールに関する第 1194.22 部の特別な規則が含まれています。また、グリッド コントロールが各規則を遵守するための詳しい方法も含んでいます。 各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。 @@ -46,7 +45,7 @@ slug: igsplitter-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): {environment:ProductName} 製品スイートにおけるすべてのコントロールのアクセシビリティ準拠に関する参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): \{environment:ProductName\} 製品スイートにおけるすべてのコントロールのアクセシビリティ準拠に関する参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsplitter/adding-igsplitter.mdx b/docs/jquery/src/content/ja/topics/controls/igsplitter/adding-igsplitter.mdx index de2b9d49d6..faa33479c1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsplitter/adding-igsplitter.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsplitter/adding-igsplitter.mdx @@ -16,7 +16,7 @@ slug: adding-igsplitter **トピック** -- [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで {environment:ProductName}® を操作して、必要なリソースを管理する方法について説明します。 +- [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで \{environment:ProductName\}® を操作して、必要なリソースを管理する方法について説明します。 - [igSplitter の概要](/igsplitter-overview): このトピックは、主要機能、最小要件およびユーザー機能性など、`igSplitter` コントロールに関する概念的な情報を提供します。 @@ -75,7 +75,7 @@ slug: adding-igsplitter </tr> <tr> <td>IG テーマ (オプション)</td> - <td>このテーマには、{environment:ProductName} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: {IG CSS root}/themes/Infragistics/infragistics.theme.css</td> + <td>このテーマには、\{environment:ProductName\} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: {IG CSS root}/themes/Infragistics/infragistics.theme.css</td> <td></td> </tr> <tr> @@ -86,7 +86,7 @@ slug: adding-igsplitter </tbody> </table> ->**注:** JavaScript と CSS リソースを読み込むためには igLoader コンポーネントを使うことを推奨します。この方法の詳細については、「[Infragistics Loader の使用](/using-infragistics-loader)」トピックを参照してください。さらに、オンラインの [{environment:ProductName} サンプル ブラウザー]({environment:SamplesUrl}) では、igSplitter コンポーネントで igLoader を使用する方法について特有の例が示されています。 +>**注:** JavaScript と CSS リソースを読み込むためには igLoader コンポーネントを使うことを推奨します。この方法の詳細については、「[Infragistics Loader の使用](/using-infragistics-loader)」トピックを参照してください。さらに、オンラインの [\{environment:ProductName\} サンプル ブラウザー](\{environment:SamplesUrl\}) では、igSplitter コンポーネントで igLoader を使用する方法について特有の例が示されています。 ### <a id="steps"></a>手順 @@ -99,7 +99,7 @@ slug: adding-igsplitter ## <a id="procedure-js"></a>JavaScript での igSplitter の追加 - 手順 ### <a id="js-introduction"></a>概要 -この手順は、実際の HTML/JavaScript 実装を使用して基本機能を持つ `igSplitter` コントロールを HTML ページへ追加するステップを説明します。`igSplitter` コントロールによって必要とされるすべての {environment:ProductName} リソースを読み込むための Infragistics Loader コンポーネントを使用します。 +この手順は、実際の HTML/JavaScript 実装を使用して基本機能を持つ `igSplitter` コントロールを HTML ページへ追加するステップを説明します。`igSplitter` コントロールによって必要とされるすべての \{environment:ProductName\} リソースを読み込むための Infragistics Loader コンポーネントを使用します。 ### <a id="js-preview"></a>プレビュー @@ -117,9 +117,9 @@ slug: adding-igsplitter A. jQuery、jQueryUI および Modernizr JavaScript のリソースを Web ページが置かれているディレクトリ内に Scripts という名前のフォルダーに追加します。 - B. Content/ig という名前のフォルダーに {environment:ProductName} CSS ファイルを追加します (詳細は、[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 + B. Content/ig という名前のフォルダーに \{environment:ProductName\} CSS ファイルを追加します (詳細は、[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 - C. {environment:ProductName} JavaScript ファイルを Web サイト　またはアプリケーション内の Scripts/ig という名前のフォルダーに追加します (詳細は 「[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)」 トピックを参照)。 + C. \{environment:ProductName\} JavaScript ファイルを Web サイト　またはアプリケーション内の Scripts/ig という名前のフォルダーに追加します (詳細は 「[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)」 トピックを参照)。 2. 必要な JavaScript ライブラリへの参照を追加します。 @@ -229,9 +229,9 @@ slug: adding-igsplitter A. jQuery、jQueryUI および Modernizr JavaScript のリソースを Web ページが置かれているディレクトリ内に Scripts という名前のフォルダーに追加します。 - B. Content/ig という名前のフォルダーに {environment:ProductName} CSS ファイルを追加します (詳細は、[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 + B. Content/ig という名前のフォルダーに \{environment:ProductName\} CSS ファイルを追加します (詳細は、[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください)。 - C. {environment:ProductName} JavaScript ファイルを Web サイト　またはアプリケーション内の Scripts/ig という名前のフォルダーに追加します (詳細は 「[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)」 トピックを参照)。 + C. \{environment:ProductName\} JavaScript ファイルを Web サイト　またはアプリケーション内の Scripts/ig という名前のフォルダーに追加します (詳細は 「[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)」 トピックを参照)。 2. 必要な JavaScript ライブラリへの参照を追加します。jQuery、jQuery UI および Modernizr ライブラリの参照をページの `head` セクションに追加します。 @@ -335,13 +335,13 @@ slug: adding-igsplitter 1. 必要なリソースへの参照を追加します。 - 1. {environment:ProductName} のテーマと構造ファイルを含めます。 + 1. \{environment:ProductName\} のテーマと構造ファイルを含めます。 **HTML の場合:** ```html - <link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> - <link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/structure/infragistics.css" rel="stylesheet" /> + <link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> + <link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/structure/infragistics.css" rel="stylesheet" /> ``` 2. JavaScript ライブラリを追加します ([modernizr](http://modernizr.com/) はオプションです)。 @@ -353,13 +353,13 @@ slug: adding-igsplitter <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> ``` - 3. {environment:ProductName} スクリプトを含めます。カスタム ダウンロードを使用できますが、その他の方法については[「{environment:ProductName} で JavaScript リソースを使用」](/deployment-guide-javascript-resources)を参照できます。 + 3. \{environment:ProductName\} スクリプトを含めます。カスタム ダウンロードを使用できますが、その他の方法については[「\{environment:ProductName\} で JavaScript リソースを使用」](/deployment-guide-javascript-resources)を参照できます。 **HTML の場合:** ```html - <script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.core.js"></script> - <script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.lob.js"></script> + <script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.core.js"></script> + <script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.lob.js"></script> ``` 4. アプリケーション用の TypeScript ファイルまたは外部のリソースの参照パスを追加します。 @@ -406,7 +406,7 @@ slug: adding-igsplitter "Countries": [{ "Text": "United States", "Description": "The United States.." }] }]; ``` - 3. TypeScript 実装コードを追加し、TypeScript 用の {environment:ProductName} と jQuery の型定義への参照パスを含めます。 + 3. TypeScript 実装コードを追加し、TypeScript 用の \{environment:ProductName\} と jQuery の型定義への参照パスを含めます。 **TypeScript の場合:** ```typescript @@ -458,15 +458,15 @@ slug: adding-igsplitter このトピックについては、以下のサンプルも参照してください。 -- [ベーシック垂直スプリッター]({environment:SamplesUrl}/splitter/basic-vertical-splitter): このサンプルでは、スプリッター コントロールを使用してページの垂直レイアウトを管理する方法を紹介します。最初のコンテナーは大陸および国を含むツリー コントロールを表示します。左の垂直パネルはサイズ変更の最大値および最小値があります。ノードをクリックすると、選択した項目の説明が右パネルに表示されます。 +- [ベーシック垂直スプリッター](\{environment:SamplesUrl\}/splitter/basic-vertical-splitter): このサンプルでは、スプリッター コントロールを使用してページの垂直レイアウトを管理する方法を紹介します。最初のコンテナーは大陸および国を含むツリー コントロールを表示します。左の垂直パネルはサイズ変更の最大値および最小値があります。ノードをクリックすると、選択した項目の説明が右パネルに表示されます。 -- [ベーシック水平スプリッター]({environment:SamplesUrl}/splitter/basic-horizontal-splitter): このサンプルでは、スプリッター コントロールを使用して水平レイアウトのマスター/詳細グリッドを管理する方法を紹介します。最初のコンテナーは顧客データを含むマスター グリッドを含みます。マスター グリッドの行がクリックした後に 2 つ目のコンテナーにこの顧客の注文を含むグリッドを表示します。 +- [ベーシック水平スプリッター](\{environment:SamplesUrl\}/splitter/basic-horizontal-splitter): このサンプルでは、スプリッター コントロールを使用して水平レイアウトのマスター/詳細グリッドを管理する方法を紹介します。最初のコンテナーは顧客データを含むマスター グリッドを含みます。マスター グリッドの行がクリックした後に 2 つ目のコンテナーにこの顧客の注文を含むグリッドを表示します。 -- [ネスト スプリッター]({environment:SamplesUrl}/splitter/nested-splitters): このサンプルでは、ネスト スプリッターのレイアウトを管理する方法を紹介します。パネルは大陸、国、および都市を含むツリーを表示します。ノードをクリックすると、2 つ目のスプリッターにあるマップはノードの座標によって中央揃えます。国が選択した場合、その国の都市を含むグリッドはマップの下に表示されます。パネルはデフォルトでサイズ変更できません。 +- [ネスト スプリッター](\{environment:SamplesUrl\}/splitter/nested-splitters): このサンプルでは、ネスト スプリッターのレイアウトを管理する方法を紹介します。パネルは大陸、国、および都市を含むツリーを表示します。ノードをクリックすると、2 つ目のスプリッターにあるマップはノードの座標によって中央揃えます。国が選択した場合、その国の都市を含むグリッドはマップの下に表示されます。パネルはデフォルトでサイズ変更できません。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/splitter/aspnet-mvc-helper-splitter): このサンプルでは、 `igSplitter` の ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/splitter/aspnet-mvc-helper-splitter): このサンプルでは、 `igSplitter` の ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [スプリッター API およびイベント]({environment:SamplesUrl}/splitter/api-events-splitter): このサンプルでは、`igSplitter` コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 +- [スプリッター API およびイベント](\{environment:SamplesUrl\}/splitter/api-events-splitter): このサンプルでは、`igSplitter` コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsplitter/configuring-igsplitter.mdx b/docs/jquery/src/content/ja/topics/controls/igsplitter/configuring-igsplitter.mdx index 5a3c7ab019..0d78d77c27 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsplitter/configuring-igsplitter.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsplitter/configuring-igsplitter.mdx @@ -2,6 +2,9 @@ title: "igSplitter の構成" slug: configuring-igsplitter --- + +# igSplitter の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSplitter の構成 @@ -452,15 +455,15 @@ $("#splitter").igSplitter({ このトピックについては、以下のサンプルも参照してください。 -- [ベーシック垂直スプリッター]({environment:SamplesUrl}/splitter/basic-vertical-splitter): このサンプルでは、スプリッター コントロールを使用してページの垂直レイアウトを管理する方法を紹介します。最初のコンテナーは大陸および国を含むツリー コントロールを表示します。左の垂直パネルはサイズ変更の最大値および最小値があります。ノードをクリックすると、選択した項目の説明が右パネルに表示されます。 +- [ベーシック垂直スプリッター](\{environment:SamplesUrl\}/splitter/basic-vertical-splitter): このサンプルでは、スプリッター コントロールを使用してページの垂直レイアウトを管理する方法を紹介します。最初のコンテナーは大陸および国を含むツリー コントロールを表示します。左の垂直パネルはサイズ変更の最大値および最小値があります。ノードをクリックすると、選択した項目の説明が右パネルに表示されます。 -- [ベーシック水平スプリッター]({environment:SamplesUrl}/splitter/basic-horizontal-splitter): このサンプルでは、スプリッター コントロールを使用して水平レイアウトのマスター/詳細グリッドを管理する方法を紹介します。最初のコンテナーは顧客データを含むマスター グリッドを含みます。マスター グリッドの行がクリックした後に 2 つ目のコンテナーにこの顧客の注文を含むグリッドを表示します。 +- [ベーシック水平スプリッター](\{environment:SamplesUrl\}/splitter/basic-horizontal-splitter): このサンプルでは、スプリッター コントロールを使用して水平レイアウトのマスター/詳細グリッドを管理する方法を紹介します。最初のコンテナーは顧客データを含むマスター グリッドを含みます。マスター グリッドの行がクリックした後に 2 つ目のコンテナーにこの顧客の注文を含むグリッドを表示します。 -- [ネスト スプリッター]({environment:SamplesUrl}/splitter/nested-splitters): このサンプルでは、ネスト スプリッターのレイアウトを管理する方法を紹介します。パネルは大陸、国、および都市を含むツリーを表示します。ノードをクリックすると、2 つ目のスプリッターにあるマップはノードの座標によって中央揃えます。国が選択した場合、その国の都市を含むグリッドはマップの下に表示されます。パネルはデフォルトでサイズ変更できません。 +- [ネスト スプリッター](\{environment:SamplesUrl\}/splitter/nested-splitters): このサンプルでは、ネスト スプリッターのレイアウトを管理する方法を紹介します。パネルは大陸、国、および都市を含むツリーを表示します。ノードをクリックすると、2 つ目のスプリッターにあるマップはノードの座標によって中央揃えます。国が選択した場合、その国の都市を含むグリッドはマップの下に表示されます。パネルはデフォルトでサイズ変更できません。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/splitter/aspnet-mvc-helper-splitter): このサンプルでは、 `igSplitter` の ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/splitter/aspnet-mvc-helper-splitter): このサンプルでは、 `igSplitter` の ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [スプリッター API およびイベント]({environment:SamplesUrl}/splitter/api-events-splitter): このサンプルでは、`igSplitter` コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 +- [スプリッター API およびイベント](\{environment:SamplesUrl\}/splitter/api-events-splitter): このサンプルでは、`igSplitter` コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsplitter/handling-events.mdx b/docs/jquery/src/content/ja/topics/controls/igsplitter/handling-events.mdx index d811a3648e..d5368036bc 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsplitter/handling-events.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsplitter/handling-events.mdx @@ -6,7 +6,6 @@ slug: igsplitter-handling-events # イベントの処理 - ## トピックの概要 ### 目的 @@ -45,7 +44,7 @@ slug: igsplitter-handling-events イベント ハンドラー関数の `igSplitter` コントロールへのアタッチは、一般的にコントロールの初期化時に行われます。このイベントが発生すると、処理関数を呼び出します。 -HTML ヘルパー内ではイベント ハンドラーを定義できないので、{environment:ProductNameMVC} を使用するときは、実行時にイベント ハンドラーを割り当てる必要があります。 +HTML ヘルパー内ではイベント ハンドラーを定義できないので、\{environment:ProductNameMVC\} を使用するときは、実行時にイベント ハンドラーを割り当てる必要があります。 jQuery はイベント ハンドラーの割り当てるための以下のメソッドをサポートします。 @@ -129,7 +128,7 @@ $(document).delegate(".selector", "igsplitterresizestarted", function(evt, ui) { 以下のサンプルでは、スプリッター コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/splitter/api-events-splitter]({environment:SamplesEmbedUrl}/splitter/api-events-splitter) + [\{environment:SamplesEmbedUrl\}/splitter/api-events-splitter](\{environment:SamplesEmbedUrl\}/splitter/api-events-splitter) </div> ## <a id="related-content"></a>関連コンテンツ @@ -137,15 +136,15 @@ $(document).delegate(".selector", "igsplitterresizestarted", function(evt, ui) { このトピックについては、以下のサンプルも参照してください。 -- [ベーシック垂直スプリッター]({environment:SamplesUrl}/splitter/basic-vertical-splitter): このサンプルでは、スプリッター コントロールを使用してページの垂直レイアウトを管理する方法を紹介します。最初のコンテナーは大陸および国を含むツリー コントロールを表示します。左の垂直パネルはサイズ変更の最大値および最小値があります。ノードをクリックすると、選択した項目の説明が右パネルに表示されます。 +- [ベーシック垂直スプリッター](\{environment:SamplesUrl\}/splitter/basic-vertical-splitter): このサンプルでは、スプリッター コントロールを使用してページの垂直レイアウトを管理する方法を紹介します。最初のコンテナーは大陸および国を含むツリー コントロールを表示します。左の垂直パネルはサイズ変更の最大値および最小値があります。ノードをクリックすると、選択した項目の説明が右パネルに表示されます。 -- [ベーシック水平スプリッター]({environment:SamplesUrl}/splitter/basic-horizontal-splitter): このサンプルでは、スプリッター コントロールを使用して水平レイアウトのマスター/詳細グリッドを管理する方法を紹介します。最初のコンテナーは顧客データを含むマスター グリッドを含みます。マスター グリッドの行がクリックした後に 2 つ目のコンテナーにこの顧客の注文を含むグリッドを表示します。 +- [ベーシック水平スプリッター](\{environment:SamplesUrl\}/splitter/basic-horizontal-splitter): このサンプルでは、スプリッター コントロールを使用して水平レイアウトのマスター/詳細グリッドを管理する方法を紹介します。最初のコンテナーは顧客データを含むマスター グリッドを含みます。マスター グリッドの行がクリックした後に 2 つ目のコンテナーにこの顧客の注文を含むグリッドを表示します。 -- [ネスト スプリッター]({environment:SamplesUrl}/splitter/nested-splitters): このサンプルでは、ネスト スプリッターのレイアウトを管理する方法を紹介します。パネルは大陸、国、および都市を含むツリーを表示します。ノードをクリックすると、2 つ目のスプリッターにあるマップはノードの座標によって中央揃えます。国が選択した場合、その国の都市を含むグリッドはマップの下に表示されます。パネルはデフォルトでサイズ変更できません。 +- [ネスト スプリッター](\{environment:SamplesUrl\}/splitter/nested-splitters): このサンプルでは、ネスト スプリッターのレイアウトを管理する方法を紹介します。パネルは大陸、国、および都市を含むツリーを表示します。ノードをクリックすると、2 つ目のスプリッターにあるマップはノードの座標によって中央揃えます。国が選択した場合、その国の都市を含むグリッドはマップの下に表示されます。パネルはデフォルトでサイズ変更できません。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/splitter/aspnet-mvc-helper-splitter): このサンプルでは、 `igSplitter` の ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/splitter/aspnet-mvc-helper-splitter): このサンプルでは、 `igSplitter` の ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [スプリッター API およびイベント]({environment:SamplesUrl}/splitter/api-events-splitter): このサンプルでは、`igSplitter` コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 +- [スプリッター API およびイベント](\{environment:SamplesUrl\}/splitter/api-events-splitter): このサンプルでは、`igSplitter` コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsplitter/igsplitter.mdx b/docs/jquery/src/content/ja/topics/controls/igsplitter/igsplitter.mdx index 1bf972acac..74d0930d45 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsplitter/igsplitter.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsplitter/igsplitter.mdx @@ -6,7 +6,6 @@ slug: igsplitter # igSplitter - ## このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/controls/igsplitter/jquery-and-aspnet-mvc-helper-api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igsplitter/jquery-and-aspnet-mvc-helper-api-links.mdx index 0fdf267288..1bd15136e1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsplitter/jquery-and-aspnet-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsplitter/jquery-and-aspnet-mvc-helper-api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery と ASP.NET MVC ヘルパー API" slug: igsplitter-jquery-and-asp.net-mvc-helper-api-links --- +# jQuery と ASP.NET MVC ヘルパー API + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と ASP.NET MVC ヘルパー API @@ -27,15 +29,15 @@ API マニュアル|説明 このトピックについては、以下のサンプルも参照してください。 -- [ベーシック垂直スプリッター]({environment:SamplesUrl}/splitter/basic-vertical-splitter): このサンプルでは、スプリッター コントロールを使用してページの垂直レイアウトを管理する方法を紹介します。最初のコンテナーは大陸および国を含むツリー コントロールを表示します。左の垂直パネルはサイズ変更の最大値および最小値があります。ノードをクリックすると、選択した項目の説明が右パネルに表示されます。 +- [ベーシック垂直スプリッター](\{environment:SamplesUrl\}/splitter/basic-vertical-splitter): このサンプルでは、スプリッター コントロールを使用してページの垂直レイアウトを管理する方法を紹介します。最初のコンテナーは大陸および国を含むツリー コントロールを表示します。左の垂直パネルはサイズ変更の最大値および最小値があります。ノードをクリックすると、選択した項目の説明が右パネルに表示されます。 -- [ベーシック水平スプリッター]({environment:SamplesUrl}/splitter/basic-horizontal-splitter): このサンプルでは、スプリッター コントロールを使用して水平レイアウトのマスター/詳細グリッドを管理する方法を紹介します。最初のコンテナーは顧客データを含むマスター グリッドを含みます。マスター グリッドの行がクリックした後に 2 つ目のコンテナーにこの顧客の注文を含むグリッドを表示します。 +- [ベーシック水平スプリッター](\{environment:SamplesUrl\}/splitter/basic-horizontal-splitter): このサンプルでは、スプリッター コントロールを使用して水平レイアウトのマスター/詳細グリッドを管理する方法を紹介します。最初のコンテナーは顧客データを含むマスター グリッドを含みます。マスター グリッドの行がクリックした後に 2 つ目のコンテナーにこの顧客の注文を含むグリッドを表示します。 -- [ネスト スプリッター]({environment:SamplesUrl}/splitter/nested-splitters): このサンプルでは、ネスト スプリッターのレイアウトを管理する方法を紹介します。パネルは大陸、国、および都市を含むツリーを表示します。ノードをクリックすると、2 つ目のスプリッターにあるマップはノードの座標によって中央揃えます。国が選択した場合、その国の都市を含むグリッドはマップの下に表示されます。パネルはデフォルトでサイズ変更できません。 +- [ネスト スプリッター](\{environment:SamplesUrl\}/splitter/nested-splitters): このサンプルでは、ネスト スプリッターのレイアウトを管理する方法を紹介します。パネルは大陸、国、および都市を含むツリーを表示します。ノードをクリックすると、2 つ目のスプリッターにあるマップはノードの座標によって中央揃えます。国が選択した場合、その国の都市を含むグリッドはマップの下に表示されます。パネルはデフォルトでサイズ変更できません。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/splitter/aspnet-mvc-helper-splitter): このサンプルでは、 `igSplitter` の ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/splitter/aspnet-mvc-helper-splitter): このサンプルでは、 `igSplitter` の ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [スプリッター API およびイベント]({environment:SamplesUrl}/splitter/api-events-splitter): このサンプルでは、`igSplitter` コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 +- [スプリッター API およびイベント](\{environment:SamplesUrl\}/splitter/api-events-splitter): このサンプルでは、`igSplitter` コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igsplitter/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igsplitter/overview.mdx index e583c2768d..2436252d8f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igsplitter/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igsplitter/overview.mdx @@ -2,6 +2,9 @@ title: "igSplitter の概要" slug: igsplitter-overview --- + +# igSplitter の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSplitter の概要 @@ -38,13 +41,13 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ![](../../images/images/igSplitter_Overview_1.png) -{environment:ProductName}® コントロールは、それらのパネルの内部に配置でき、そのためサイズ変更可能かつ折りたたみ可能なパネルで動的なレイアウトを作成できます。 +\{environment:ProductName\}® コントロールは、それらのパネルの内部に配置でき、そのためサイズ変更可能かつ折りたたみ可能なパネルで動的なレイアウトを作成できます。 igSplitter 表示レイアウトは、コンテナー (1) に配置される 2 つのパネル (2) と (3) から構成されます(番号は以下の図に対応)。パネルはスプリッター (4) で分割されます。デフォルトでは、スプリッターにはパネルを展開および折りたたむためのボタン (5) があります。以下の図は、空の (配置されているコントロールが他にない) `igSplitter` コントロールを示します。 ![](../../images/images/igSplitter_Overview_2.png) -以下の図は、`igSplitter` の左のパネルに igTree {environment:ProductName} コントロールを持つ `igSplitter` を示します。ツリーに対してノードが選択された後、そのノードに対応するテキストが右のパネルに配置されます。 +以下の図は、`igSplitter` の左のパネルに igTree \{environment:ProductName\} コントロールを持つ `igSplitter` を示します。ツリーに対してノードが選択された後、そのノードに対応するテキストが右のパネルに配置されます。 ![](../../images/images/igSplitter_Overview_3.png) @@ -117,7 +120,7 @@ igSplitter 表示レイアウトは、コンテナー (1) に配置される 2 ## <a id="touch-suport"></a>タッチ サポート -タッチ対応デバイスの場合、特別なクラスがスプリッターに追加され、タッチ イベントが処理されます。タッチ対応デバイスでは、スプリッターは標準のデバイス (幅 6 ピクセル)より少し広め(幅 16 ピクセル)になっており、タッチ環境でのユーザーのスプリッター操作を簡単にしています。詳細は、「[{environment:ProductName} のタッチ サポート](/touch-support-for-igniteui-for-jquery-controls)」を参照してください。 +タッチ対応デバイスの場合、特別なクラスがスプリッターに追加され、タッチ イベントが処理されます。タッチ対応デバイスでは、スプリッターは標準のデバイス (幅 6 ピクセル)より少し広め(幅 16 ピクセル)になっており、タッチ環境でのユーザーのスプリッター操作を簡単にしています。詳細は、「[\{environment:ProductName\} のタッチ サポート](/touch-support-for-igniteui-for-jquery-controls)」を参照してください。 @@ -138,7 +141,7 @@ igSplitter 表示レイアウトは、コンテナー (1) に配置される 2 ## <a id="requirements"></a>要件 -`igSplitter` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。Modernzr ライブラリは、内部的にブラウザーと装置の機能を検出するためにも使用されています。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、Infragistics.Web.Mvc の組立が必要になります。 +`igSplitter` コントロールは jQuery UI ウィジェットであるため、jQuery と jQuery の UI ライブラリに依存します。Modernzr ライブラリは、内部的にブラウザーと装置の機能を検出するためにも使用されています。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、Infragistics.Web.Mvc の組立が必要になります。 完全な要件の一覧については、「[トピックの追加](/adding-igsplitter)」を参照してください。 @@ -181,15 +184,15 @@ igSplitter 表示レイアウトは、コンテナー (1) に配置される 2 このトピックについては、以下のサンプルも参照してください。 -- [ベーシック垂直スプリッター]({environment:SamplesUrl}/splitter/basic-vertical-splitter): このサンプルでは、スプリッター コントロールを使用してページの垂直レイアウトを管理する方法を紹介します。最初のコンテナーは大陸および国を含むツリー コントロールを表示します。左の垂直パネルはサイズ変更の最大値および最小値があります。ノードをクリックすると、選択した項目の説明が右パネルに表示されます。 +- [ベーシック垂直スプリッター](\{environment:SamplesUrl\}/splitter/basic-vertical-splitter): このサンプルでは、スプリッター コントロールを使用してページの垂直レイアウトを管理する方法を紹介します。最初のコンテナーは大陸および国を含むツリー コントロールを表示します。左の垂直パネルはサイズ変更の最大値および最小値があります。ノードをクリックすると、選択した項目の説明が右パネルに表示されます。 -- [ベーシック水平スプリッター]({environment:SamplesUrl}/splitter/basic-horizontal-splitter): このサンプルでは、スプリッター コントロールを使用して水平レイアウトのマスター/詳細グリッドを管理する方法を紹介します。最初のコンテナーは顧客データを含むマスター グリッドを含みます。マスター グリッドの行がクリックした後に 2 つ目のコンテナーにこの顧客の注文を含むグリッドを表示します。 +- [ベーシック水平スプリッター](\{environment:SamplesUrl\}/splitter/basic-horizontal-splitter): このサンプルでは、スプリッター コントロールを使用して水平レイアウトのマスター/詳細グリッドを管理する方法を紹介します。最初のコンテナーは顧客データを含むマスター グリッドを含みます。マスター グリッドの行がクリックした後に 2 つ目のコンテナーにこの顧客の注文を含むグリッドを表示します。 -- [ネスト スプリッター]({environment:SamplesUrl}/splitter/nested-splitters): このサンプルでは、ネスト スプリッターのレイアウトを管理する方法を紹介します。パネルは大陸、国、および都市を含むツリーを表示します。ノードをクリックすると、2 つ目のスプリッターにあるマップはノードの座標によって中央揃えます。国が選択した場合、その国の都市を含むグリッドはマップの下に表示されます。パネルはデフォルトでサイズ変更できません。 +- [ネスト スプリッター](\{environment:SamplesUrl\}/splitter/nested-splitters): このサンプルでは、ネスト スプリッターのレイアウトを管理する方法を紹介します。パネルは大陸、国、および都市を含むツリーを表示します。ノードをクリックすると、2 つ目のスプリッターにあるマップはノードの座標によって中央揃えます。国が選択した場合、その国の都市を含むグリッドはマップの下に表示されます。パネルはデフォルトでサイズ変更できません。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/splitter/aspnet-mvc-helper-splitter): このサンプルでは、 `igSplitter` の ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/splitter/aspnet-mvc-helper-splitter): このサンプルでは、 `igSplitter` の ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [スプリッター API およびイベント]({environment:SamplesUrl}/splitter/api-events-splitter): このサンプルでは、`igSplitter` コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 +- [スプリッター API およびイベント](\{environment:SamplesUrl\}/splitter/api-events-splitter): このサンプルでは、`igSplitter` コントロールのイベントを処理する方法を紹介し、API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/accessibility-compliance.mdx index 26b94b70cb..3ad196320d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/accessibility-compliance.mdx @@ -5,7 +5,7 @@ slug: igspreadsheet-accessibility-compliance # igSpreadsheet アクセシビリティの遵守 -弊社の {environment:ProductName}™ コントロールおよびコンポーネントはすべて、1973 年のリハビリテーション法第 508 条第 1194 部 22 条を順守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igSpreadsheet` コントロールが各規則を遵守する方法の詳細も含まれています。 +弊社の \{environment:ProductName\}™ コントロールおよびコンポーネントはすべて、1973 年のリハビリテーション法第 508 条第 1194 部 22 条を順守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igSpreadsheet` コントロールが各規則を遵守する方法の詳細も含まれています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自体がこの作業を行います。 @@ -20,4 +20,4 @@ slug: igspreadsheet-accessibility-compliance ## 関連リンク -- [アクセシビリティ遵守](/accessibility-compliance): このトピックは、すべての {environment:ProductName} コントロールのアクセシビリティ遵守のための参照情報を提供します。 +- [アクセシビリティ遵守](/accessibility-compliance): このトピックは、すべての \{environment:ProductName\} コントロールのアクセシビリティ遵守のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/adding-igspreadsheet.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/adding-igspreadsheet.mdx index e7576cc146..1c86fd6080 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/adding-igspreadsheet.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/adding-igspreadsheet.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet の追加" slug: adding-igspreadsheet --- +# igSpreadsheet の追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet の追加 @@ -18,7 +20,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## JavaScript リソース -始まる前に、すべての必要なリソースを読み込みます。最初に jQuery リソースを読み込み、次に必要な {environment:ProductName} リソースを読み込みます。{environment:ProductName} リソースをプロジェクトに追加する方法が 3 つあります。 +始まる前に、すべての必要なリソースを読み込みます。最初に jQuery リソースを読み込み、次に必要な \{environment:ProductName\} リソースを読み込みます。\{environment:ProductName\} リソースをプロジェクトに追加する方法が 3 つあります。 - `igLoader` を使用します (以下) - [各必須モジュール](#separate-files)を読み込みます - すべての必須リソースを結合する[バンドル ファイル](#bundled)を使用します @@ -137,9 +139,9 @@ xhr.onload = function (e) { xhr.send(); ``` -## {environment:ProductNameMVC} 使用して基本的な igSpreadsheet 実装を作成する +## \{environment:ProductNameMVC\} 使用して基本的な igSpreadsheet 実装を作成する -サーバー側でコントロールを定義するには {environment:ProductNameMVC} を使用できます。以下のコードは、コントロールをクライアント側に定義した場合と同じ結果になります。 +サーバー側でコントロールを定義するには \{environment:ProductNameMVC\} を使用できます。以下のコードは、コントロールをクライアント側に定義した場合と同じ結果になります。 MVC の場合: @@ -152,7 +154,7 @@ MVC の場合: ) ``` -> **注:** 'WorkbookURL' オプションを使用する場合、Spreadsheet {environment:ProductNameMVC} は、Excel ファイルを要求し、スプレッドシートに読み込むために必須となるクライアント側のコードを自動的に生成します。 +> **注:** 'WorkbookURL' オプションを使用する場合、Spreadsheet \{environment:ProductNameMVC\} は、Excel ファイルを要求し、スプレッドシートに読み込むために必須となるクライアント側のコードを自動的に生成します。 ## 関連リンク - [igSpreadsheet の概要](/igspreadsheet-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/conditional-formatting.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/conditional-formatting.mdx index dc00fdbed3..0ee82d143b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/conditional-formatting.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/conditional-formatting.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet での条件付き書式" slug: igspreadsheet-conditional-formatting --- +# igSpreadsheet での条件付き書式 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet での条件付き書式 diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/configuring-igspreadsheet.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/configuring-igspreadsheet.mdx index 27371643d6..fbc25cdb9a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/configuring-igspreadsheet.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/configuring-igspreadsheet.mdx @@ -3,13 +3,15 @@ title: "igSpreadsheet の構成" slug: igspreadsheet-configuring --- +# igSpreadsheet の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet の構成 ## 概要 -このトピックでは、{environment:ProductName}® Spreadsheet コントロールを構成する方法を説明します。 +このトピックでは、\{environment:ProductName\}® Spreadsheet コントロールを構成する方法を説明します。 ### このトピックの内容 diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/activation-and-navigation-interactions.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/activation-and-navigation-interactions.mdx index bc8be3cc5c..967eab9b63 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/activation-and-navigation-interactions.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/activation-and-navigation-interactions.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet のアクティベーションとナビゲーションの slug: igspreadsheet-activation-and-navigation-interactions --- +# igSpreadsheet のアクティベーションとナビゲーションのインタラクション + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet のアクティベーションとナビゲーションのインタラクション diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/context-menu.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/context-menu.mdx index b47b033891..131ef74b71 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/context-menu.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/context-menu.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet のコンテキスト メニュー" slug: igspreadsheet-context-menu --- +# igSpreadsheet のコンテキスト メニュー + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet のコンテキスト メニュー diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/editing.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/editing.mdx index ede0c79419..c55fcf5c9c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/editing.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/editing.mdx @@ -3,6 +3,8 @@ title: "編集 API (igSpreadsheet)" slug: igspreadsheet-editing --- +# 編集 API (igSpreadsheet) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 編集 API (igSpreadsheet) diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/feature-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/feature-overview.mdx index d9634d8788..73b1b15aa0 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/feature-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/feature-overview.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet の機能の概要" slug: igspreadsheet-feature-overview --- +# igSpreadsheet の機能の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet の機能の概要 @@ -45,7 +47,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; | 小数位の書式設定 | 編集モードで整数が入力されたときに固定小数位が自動的に追加されるかどうかを有効/無効にする機能。詳細については、[編集 API (igSpreadsheet)](/igspreadsheet-editing) トピックを参照してください。 | | フォント スタイル | コントロールがサポートするテキスト プロパティは、フォント ファミリ、フォント サイズ、太字、斜体、下線、二重下線、取り消し線およびカラーです。<br/> **注:** 下線、大きいテキストが同じ行にある場合の、MS Excel との表示の違いを確認してください。 | | 数式バー | コントロールにより、ユーザーは定義済みのセル テキストと数式を読み込みできます。 数式バーは、複数行もサポートします。| -| ペインのフリーズ | コントロールは、先頭行 / 左の列のフリーズを可能にします。スクロール中、フリーズされた行 / 列は表示されます。 <br/>**関連サンプル:** [ビューの構成サンプル]({environment:SamplesUrl}/spreadsheet/view-configuration) | +| ペインのフリーズ | コントロールは、先頭行 / 左の列のフリーズを可能にします。スクロール中、フリーズされた行 / 列は表示されます。 <br/>**関連サンプル:** [ビューの構成サンプル](\{environment:SamplesUrl\}/spreadsheet/view-configuration) | | グリッド線 | コントロールは、ワークシートのセルの分離に使用されるグリッド線を表示　/　非表示にできます。 | | ヘッダー | コントロールは、列ヘッダーと行ヘッダーを表示　/　非表示にできます。 | | 非表示 | コントロールは列と行の非表示をサポートします。ユーザーは列または行のサイズ変更を開始し、列　/　行が表示されなくなるまで縮小することができます。非表示になった列または行がある位置に、特別なインジケータが表示されるため、列　/　行を再び表示することができます。 | diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/filter-dialog.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/filter-dialog.mdx index 326db3fc26..5711bcdcc6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/filter-dialog.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/filter-dialog.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet のフィルター ダイアログ" slug: images/igspreadsheet-filter-dialog --- +# igSpreadsheet のフィルター ダイアログ + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet のフィルター ダイアログ diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/formatcell-dialog.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/formatcell-dialog.mdx index ec848967f2..504e7e571a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/formatcell-dialog.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/formatcell-dialog.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet FormatCell ダイアログ" slug: igspreadsheet-FormatCell-Dialog --- +# igSpreadsheet FormatCell ダイアログ + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet FormatCell ダイアログ diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/selection.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/selection.mdx index 19dc8afc08..f792f49b05 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/selection.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/selection.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet の選択操作" slug: igspreadsheet-selection --- +# igSpreadsheet の選択操作 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet の選択操作 diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/sort-dialog.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/sort-dialog.mdx index 8d4e63b26e..04df2490f1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/sort-dialog.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/sort-dialog.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet カスタム並べ替えダイアログ" slug: images/igspreadsheet-sort-dialog --- +# igSpreadsheet カスタム並べ替えダイアログ + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet カスタム並べ替えダイアログ diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/visual-elements.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/visual-elements.mdx index 76700c8849..2e318422a6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/visual-elements.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet-overview/visual-elements.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet の視覚要素" slug: igspreadsheet-visual-elements --- +# igSpreadsheet の視覚要素 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet の視覚要素 diff --git a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet.mdx b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet.mdx index 13dbf51759..3d97c6efe1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igspreadsheet/igspreadsheet.mdx @@ -3,6 +3,8 @@ title: "igSpreadsheet" slug: igspreadsheet-igspreadsheet --- +# igSpreadsheet + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igSpreadsheet diff --git a/docs/jquery/src/content/ja/topics/controls/igtilemanager/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igtilemanager/accessibility-compliance.mdx index c3e694204e..c275c00a65 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtilemanager/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtilemanager/accessibility-compliance.mdx @@ -25,7 +25,7 @@ slug: igtilemanager-accessibility-compliance ## アクセシビリティ準拠のリファレンス ### 概要 -すべての {environment:ProductName}® およびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igTileManager` コントロールが各規則を遵守する方法も詳細に説明しています。 +すべての \{environment:ProductName\}® およびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igTileManager` コントロールが各規則を遵守する方法も詳細に説明しています。 各アクセシビリティ規則の要件を満たすために、場合によっては、特定のオプションを設定することによってコントロールを操作する必要がありますが、それ以外の場合はコントロール自身がこの作業を行います。 @@ -48,7 +48,7 @@ slug: igtilemanager-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、すべての {environment:ProductName} コントロールのアクセシビリティ遵守のための参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、すべての \{environment:ProductName\} コントロールのアクセシビリティ遵守のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtilemanager/adding.mdx b/docs/jquery/src/content/ja/topics/controls/igtilemanager/adding.mdx index 7e01e22d6f..bf24e25f78 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtilemanager/adding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtilemanager/adding.mdx @@ -45,7 +45,7 @@ slug: igtilemanager-adding `igTileManager` は、DIV 要素で初期化するコントロールです。DIV に追加されたマークアップやデータ ソースから、`igTileManager` を作成できます ([igTileManager とデータのバインド](/igtilemanager-binding)を参照してください)。このトピックは、マークアップでの初期化を説明します。 -`igTileManager` コントロールによって必要とされるすべての {environment:ProductName} リソースを読み込むために、Infragistics Loader (`igLoader`) コンポーネントを使用します。マークアップについても、HTML ページに定義されています。 +`igTileManager` コントロールによって必要とされるすべての \{environment:ProductName\} リソースを読み込むために、Infragistics Loader (`igLoader`) コンポーネントを使用します。マークアップについても、HTML ページに定義されています。 ### <a id="requirements"></a>要件 @@ -70,7 +70,7 @@ slug: igtilemanager-adding <tr> <td>IG テーマ (オプション)</td> - <td>このテーマには、{environment:ProductName} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: `{IG CSS root}/themes/Infragistics/infragistics.theme.css`</td> + <td>このテーマには、\{environment:ProductName\} ライブラリ用のビジュアル スタイルが含まれます。テーマ ファイル: `{IG CSS root}/themes/Infragistics/infragistics.theme.css`</td> <td>ページのファイルに `style` 参照を追加します。</td> </tr> @@ -90,7 +90,7 @@ slug: igtilemanager-adding ->**注:** JavaScript と CSS リソースを読み込むためには `igLoader` コンポーネントを使うことを推奨します。この方法の詳細は、[Infragistics Loader による必要なリソースの自動追加](/using-infragistics-loader)のトピックを参照してください。さらに、オンラインの [{environment:ProductName} サンプル ブラウザー]({environment:SamplesUrl}) には、`igTileManager` コンポーネントで `igLoader` を使用する方法の具体的な例が記載されています。 +>**注:** JavaScript と CSS リソースを読み込むためには `igLoader` コンポーネントを使うことを推奨します。この方法の詳細は、[Infragistics Loader による必要なリソースの自動追加](/using-infragistics-loader)のトピックを参照してください。さらに、オンラインの [\{environment:ProductName\} サンプル ブラウザー](\{environment:SamplesUrl\}) には、`igTileManager` コンポーネントで `igLoader` を使用する方法の具体的な例が記載されています。 ### <a id="steps"></a>手順 @@ -105,7 +105,7 @@ slug: igtilemanager-adding ## <a id="html-markup-preocedure"></a>igTileManager の HTML マークアップへの追加 - 手順 ### <a id="html-introduction"></a>概要 -この手順は、実際の HTML/JavaScript 実装を使用して、基本機能を持つ `igTileManager` コントロールを HTML ページへ追加するステップを説明します。`igTileManager` コントロールによって必要とされるすべての {environment:ProductName} リソースを読み込むために、Infragistics Loader コンポーネント (`igLoader`) を使用します。マークアップについても、HTML ページに定義されています。 +この手順は、実際の HTML/JavaScript 実装を使用して、基本機能を持つ `igTileManager` コントロールを HTML ページへ追加するステップを説明します。`igTileManager` コントロールによって必要とされるすべての \{environment:ProductName\} リソースを読み込むために、Infragistics Loader コンポーネント (`igLoader`) を使用します。マークアップについても、HTML ページに定義されています。 ### <a id="html-preview"></a>プレビュー @@ -119,9 +119,9 @@ slug: igtilemanager-adding - 適切な場所に追加された必要なファイル: - Web ページと同じディレクトリにある Scripts という名前のフォルダーに追加された必要な jQuery および jQueryUI JavaScript リソース - - Content/ig という名前のフォルダーに追加された {environment:ProductName} CSS ファイル (詳細は、[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください。) + - Content/ig という名前のフォルダーに追加された \{environment:ProductName\} CSS ファイル (詳細は、[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください。) -- Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された {environment:ProductName} JavaScript ファイル (詳細は、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください。) +- Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された \{environment:ProductName\} JavaScript ファイル (詳細は、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください。) - ページの `<head>` セクションで参照される、必要な JavaScript リソース。 @@ -259,8 +259,8 @@ slug: igtilemanager-adding - 適切な場所に追加された必要なファイル: - Web ページと同じディレクトリにある Scripts という名前のフォルダーに追加された必要な jQuery および jQueryUI JavaScript リソース - - Content/ig という名前のフォルダーに追加された {environment:ProductName} CSS ファイル (詳細は、[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください。) - - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された {environment:ProductName} JavaScript ファイル (詳細は、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください。) + - Content/ig という名前のフォルダーに追加された \{environment:ProductName\} CSS ファイル (詳細は、[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)のトピックを参照してください。) + - Web サイトまたはアプリケーションにある Scripts/ig という名前のフォルダーに追加された \{environment:ProductName\} JavaScript ファイル (詳細は、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)のトピックを参照してください。) - ページの `<head>` セクションで参照される、必要な JavaScript リソース。 **HTML の場合:** @@ -278,7 +278,7 @@ slug: igtilemanager-adding <script type="text/javascript" src="Scripts/ig/infragistics.loader.js"></script> ``` - igTileManager 用に構成された {environment:ProductNameMVC} Loader: + igTileManager 用に構成された \{environment:ProductNameMVC\} Loader: **ASPX の場合:** @@ -393,13 +393,13 @@ slug: igtilemanager-adding このトピックについては、以下のサンプルも参照してください。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/tile-manager/aspnet-mvc-helper): このサンプルは、`igTileManager` コントロールの ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/tile-manager/aspnet-mvc-helper): このサンプルは、`igTileManager` コントロールの ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [タイル マネージャーの JSON バインド]({environment:SamplesUrl}/tile-manager/bind-json): このサンプルは、`igTileManager` コントロールを JSON データ ソースにバインドする方法を紹介します。 +- [タイル マネージャーの JSON バインド](\{environment:SamplesUrl\}/tile-manager/bind-json): このサンプルは、`igTileManager` コントロールを JSON データ ソースにバインドする方法を紹介します。 -- [タイル マネージャーの項目構成]({environment:SamplesUrl}/tile-manager/item-configurations): このサンプルは、`igTileManager` 内部にタイルの位置とサイズを設定する方法を紹介します。 +- [タイル マネージャーの項目構成](\{environment:SamplesUrl\}/tile-manager/item-configurations): このサンプルは、`igTileManager` 内部にタイルの位置とサイズを設定する方法を紹介します。 -- [タイル マネージャーでリード タイルを構成]({environment:SamplesUrl}/tile-manager/leading-tile): このサンプルでは、既存のマークアップでコンテナーに対して、`igTileManager` をインスタンス化して、リード タイルを定義 / 構成する方法を紹介します。リード タイルは展開した際に、残りのタイルと切り替わります。 +- [タイル マネージャーでリード タイルを構成](\{environment:SamplesUrl\}/tile-manager/leading-tile): このサンプルでは、既存のマークアップでコンテナーに対して、`igTileManager` をインスタンス化して、リード タイルを定義 / 構成する方法を紹介します。リード タイルは展開した際に、残りのタイルと切り替わります。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtilemanager/binding.mdx b/docs/jquery/src/content/ja/topics/controls/igtilemanager/binding.mdx index bc3c117448..1f298407cf 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtilemanager/binding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtilemanager/binding.mdx @@ -3,6 +3,8 @@ title: "igTileManager とデータのバインド" slug: igtilemanager-binding --- +# igTileManager とデータのバインド + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTileManager とデータのバインド @@ -62,7 +64,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="overview"></a>igTileManager とデータ ソースのバインド - 概要 ### <a id="data-source"></a>データ ソースの要約 -`igTileManager` は、{environment:ProductName}® ライブラリの他のコントロールと同様にデータにバインドされます。データのバインドは、<ApiLink type="igtilemanager" member="dataSource" section="options" label="dataSource" /> オプションにデータ ソースを割り当てる方法、またはデータが Web サービスまたは Windows Communication Foundation (WCF) サービスにより提供される場合は <ApiLink type="igtilemanager" member="dataSourceUrl" section="options" label="dataSourceUrl" /> で URL を指定する方法で行います。`igTileManager` コントロールは <ApiLink pkg="ig" type="datasource" label="igDataSource" /> オブジェクトを作成および使用してデータを処理します。 +`igTileManager` は、\{environment:ProductName\}® ライブラリの他のコントロールと同様にデータにバインドされます。データのバインドは、<ApiLink type="igtilemanager" member="dataSource" section="options" label="dataSource" /> オプションにデータ ソースを割り当てる方法、またはデータが Web サービスまたは Windows Communication Foundation (WCF) サービスにより提供される場合は <ApiLink type="igtilemanager" member="dataSourceUrl" section="options" label="dataSourceUrl" /> で URL を指定する方法で行います。`igTileManager` コントロールは <ApiLink pkg="ig" type="datasource" label="igDataSource" /> オブジェクトを作成および使用してデータを処理します。 ### <a id="suppoted-data-source"></a>サポートされるデータ ソース @@ -91,7 +93,7 @@ ASP.NET MVC での IQueryTable`<T>`|ASP.NET MVC では、`igTileManager` のデ ---|--- [igTileManager の JavaScript 配列へのバインド](#bind-js-array)|この例では、`igTileManager` コントロールを JavaScript データ配列にバインドする方法を示します。 [igTileManager の XML データへのバインド](#bind-xml-data)|この例では、`igTileManager` コントロールを XML 構造にバインドする方法を示します。 -[igTileManager の厳密に型指定された MVC ビューへのバインド](#bind-mvc-view)|この例では、{environment:ProductNameMVC} を使用して厳密に型指定された ASP.NET MVC ビューのモデル オブジェクトに、`igTileManager` コントロールをバインドする方法を示します。 +[igTileManager の厳密に型指定された MVC ビューへのバインド](#bind-mvc-view)|この例では、\{environment:ProductNameMVC\} を使用して厳密に型指定された ASP.NET MVC ビューのモデル オブジェクトに、`igTileManager` コントロールをバインドする方法を示します。 [igTileManager のリモート サービスからの JSON レスポンスへのバインド](#bind-json)|この例は、リモート データを要求するように `igTileManager` コントロールを構成し、それを JSON レスポンスとバインドする方法を示します。 @@ -194,7 +196,7 @@ $("#dashboard").igTileManager({ ## <a id="bind-mvc-view"></a>コード例: igTileManager の厳密に型指定された MVC ビューへのバインド ### <a id="mvc-description"></a>説明 -MVC アプリケーションでは、通常、厳密に型指定されたビューを使用し、アプリケーションのビジネス ロジック レイヤーからビューにデータ オブジェクトを渡します。この例は、サンプル データ クラスを定義し、タイル マネージャーのインスタンスを作成する {environment:ProductNameMVC} `igTileManager` にモデル オブジェクトを渡す基本的なコードを示します。データ モデル オブジェクトは、データ クラスの IQueryable である必要があります。 +MVC アプリケーションでは、通常、厳密に型指定されたビューを使用し、アプリケーションのビジネス ロジック レイヤーからビューにデータ オブジェクトを渡します。この例は、サンプル データ クラスを定義し、タイル マネージャーのインスタンスを作成する \{environment:ProductNameMVC\} `igTileManager` にモデル オブジェクトを渡す基本的なコードを示します。データ モデル オブジェクトは、データ クラスの IQueryable である必要があります。 ### <a id="mvc-code"></a>コード @@ -209,7 +211,7 @@ public class TileData } ``` -以下のコード スニペットは、最初に厳密に型指定された MVC ビューを指定します。次に、ビューのモデル オブジェクトにバインドするために {environment:ProductNameMVC} `igTileManager` を使用する方法を示します。 +以下のコード スニペットは、最初に厳密に型指定された MVC ビューを指定します。次に、ビューのモデル オブジェクトにバインドするために \{environment:ProductNameMVC\} `igTileManager` を使用する方法を示します。 **ASPX の場合:** @@ -305,7 +307,7 @@ $("#dashboard").igTileManager ({ このトピックについては、以下のサンプルも参照してください。 -- [タイル マネージャーの JSON バインド]({environment:SamplesUrl}/tile-manager/bind-json): このサンプルは、`igTileManager` コントロールを JSON データ ソースにバインドする方法を紹介します。 +- [タイル マネージャーの JSON バインド](\{environment:SamplesUrl\}/tile-manager/bind-json): このサンプルは、`igTileManager` コントロールを JSON データ ソースにバインドする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtilemanager/configuring.mdx b/docs/jquery/src/content/ja/topics/controls/igtilemanager/configuring.mdx index df2e312a5a..ffbc734e89 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtilemanager/configuring.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtilemanager/configuring.mdx @@ -2,6 +2,9 @@ title: "igTileManager の構成" slug: igtilemanager-configuring --- + +# igTileManager の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTileManager の構成 @@ -836,9 +839,9 @@ $("#dashboard").igTileManager({ 以下のサンプルでは、このトピックに関連する情報を提供しています。 -- [JSON データへのタイル マネージャーのバインド]({environment:SamplesUrl}/tile-manager/bind-json): このサンプルは、`igTileManager` コントロールを JSON データ ソースにバインドする方法を紹介します。 +- [JSON データへのタイル マネージャーのバインド](\{environment:SamplesUrl\}/tile-manager/bind-json): このサンプルは、`igTileManager` コントロールを JSON データ ソースにバインドする方法を紹介します。 -- [タイル マネージャーの項目構成]({environment:SamplesUrl}/tile-manager/item-configurations): このサンプルは、`igTileManager` 内部にタイルの位置とサイズを設定する方法を紹介します。 +- [タイル マネージャーの項目構成](\{environment:SamplesUrl\}/tile-manager/item-configurations): このサンプルは、`igTileManager` 内部にタイルの位置とサイズを設定する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtilemanager/handling-events.mdx b/docs/jquery/src/content/ja/topics/controls/igtilemanager/handling-events.mdx index 7b895c801b..fde9220af3 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtilemanager/handling-events.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtilemanager/handling-events.mdx @@ -3,6 +3,8 @@ title: "イベントの処理 (igTileManager)" slug: igtilemanager-handling-events --- +# イベントの処理 (igTileManager) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # イベントの処理 (igTileManager) @@ -16,7 +18,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックを理解するために、以下のトピックを参照することをお勧めします。 -- [{environment:ProductName} でイベントの使用](/using-events-in-igniteui-for-jquery): このトピックは、{environment:ProductName}® コントロールが発生させるイベントの処理方法について説明します。また、初期化と初期化後のイベントのバインドの違いについても説明します。 +- [\{environment:ProductName\} でイベントの使用](/using-events-in-igniteui-for-jquery): このトピックは、\{environment:ProductName\}® コントロールが発生させるイベントの処理方法について説明します。また、初期化と初期化後のイベントのバインドの違いについても説明します。 - [igTileManager の概要](/igtilemanager-overview): このトピックでは、主要機能、最小要件およびユーザー機能性など、`igTileManager` コントロールについて概念的な情報を提供します。 @@ -49,7 +51,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; イベント ハンドラー関数の `igTileManager` コントロールへのアタッチは、一般的にコントロールの初期化時に行われます。このイベントが発生すると、処理関数を呼び出します。 -HTML ヘルパー内ではイベント ハンドラーを定義できないので、{environment:ProductNameMVC} を使用するときは、実行時にイベント ハンドラーを割り当てる必要があります。 +HTML ヘルパー内ではイベント ハンドラーを定義できないので、\{environment:ProductNameMVC\} を使用するときは、実行時にイベント ハンドラーを割り当てる必要があります。 jQuery はイベント ハンドラーの割り当てるための以下のメソッドをサポートします。 @@ -164,9 +166,9 @@ $(document).delegate(".selector", "igtilemanagerrendered", function(evt, ui) { このトピックについては、以下のサンプルも参照してください。 -- [タイル マネージャーの JSON バインド]({environment:SamplesUrl}/tile-manager/bind-json): このサンプルでは、タイル マネージャー コントロールを JSON データ ソースにバインドする方法を紹介します。 +- [タイル マネージャーの JSON バインド](\{environment:SamplesUrl\}/tile-manager/bind-json): このサンプルでは、タイル マネージャー コントロールを JSON データ ソースにバインドする方法を紹介します。 -- [タイル マネージャーの項目構成]({environment:SamplesUrl}/tile-manager/item-configurations): このサンプルは、`igTileManager` 内部で各項目の位置およびサイズを構成する方法を紹介します。 +- [タイル マネージャーの項目構成](\{environment:SamplesUrl\}/tile-manager/item-configurations): このサンプルは、`igTileManager` 内部で各項目の位置およびサイズを構成する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtilemanager/jquery-and-aspnet-mvc-helper-api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igtilemanager/jquery-and-aspnet-mvc-helper-api-links.mdx index edb409dcf3..b78f601e88 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtilemanager/jquery-and-aspnet-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtilemanager/jquery-and-aspnet-mvc-helper-api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igTileManager)" slug: igtilemanager-jquery-and-asp.net-mvc-helper-api-links --- +# jQuery および MVC API リファレンス リンク (igTileManager) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igTileManager) @@ -15,7 +17,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; API マニュアル|説明 ---|--- <ApiLink type="igtilemanager" label="igTileManager jQuery API" />|これは、コントロールの概要と、そのオプション、イベントおよびメソッドの完全なリスト、コード例を含む一連のドキュメントです。 -[igTileManager MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.TileManagerWrapper.html)|これは、{environment:ProductNameMVC} TileManager の説明およびすべてのメンバーのリストを含む一連のドキュメントです。 +[igTileManager MVC API](Infragistics.Web.Mvc~Infragistics.Web.Mvc.TileManagerWrapper.html)|これは、\{environment:ProductNameMVC\} TileManager の説明およびすべてのメンバーのリストを含む一連のドキュメントです。 [イベント リファレンス](/igtilemanager-overview)|`igTileManager` コントロールでサポートされるイベントの参照テーブルです。テーブルについては、 [igTileManager の概要](/igtilemanager-overview)のトピックを参照してください。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtilemanager/known-issues-and-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/igtilemanager/known-issues-and-limitations.mdx index 56db95ca27..d6b2724550 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtilemanager/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtilemanager/known-issues-and-limitations.mdx @@ -8,7 +8,7 @@ slug: igtilemanager-known-issues-and-limitations ## 既知の問題と制限 ### 既知の問題点と制約の概要表 -以下の表に、{environment:ProductName}® {environment:ProductVersion} リリースでの `igTileManager`™ コントロールの既知の問題と制限について簡単に説明します。以下の表は、すべての問題の詳細な説明とその回避策を示します。 +以下の表に、\{environment:ProductName\}® \{environment:ProductVersion\} リリースでの `igTileManager`™ コントロールの既知の問題と制限について簡単に説明します。以下の表は、すべての問題の詳細な説明とその回避策を示します。 ### 凡例: diff --git a/docs/jquery/src/content/ja/topics/controls/igtilemanager/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igtilemanager/overview.mdx index 11f4fadb95..0fb78758c8 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtilemanager/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtilemanager/overview.mdx @@ -3,6 +3,8 @@ title: "igTileManager の概要" slug: igtilemanager-overview --- +# igTileManager の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTileManager の概要 @@ -61,7 +63,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 最大化させるタイルを選択し、最小化されたタイル パネルをスクロールして、コントロールを使用できます。また、スプリッター バーを使用して、互いのパネルのサイズ変更もできます。(詳細は、[ユーザー インタラクションと操作性](#user-interaction)を参照。) -{environment:ProductName}® コントロールは、それらのタイルの内部に配置できます。そのため、タイルの移動やサイズ変更が可能で、また実行時にタイルの状態を変更できます。 +\{environment:ProductName\}® コントロールは、それらのタイルの内部に配置できます。そのため、タイルの移動やサイズ変更が可能で、また実行時にタイルの状態を変更できます。 ### <a id="tile-states"></a>igTileManager のタイルの状態 @@ -203,7 +205,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="touch-support"></a>タッチ サポート -タッチ対応デバイスの場合、特別なクラスがタイル マネージャーに追加され、タッチ イベントが処理されます。タッチ対応デバイスでは、スプリッターは標準のデバイス (幅 6 ピクセル) より少し広め (幅 16 ピクセル) になっており、タッチ環境でのユーザーのスプリッター バーの操作を簡単にしています。詳細は、[{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls)を参照してください。 +タッチ対応デバイスの場合、特別なクラスがタイル マネージャーに追加され、タッチ イベントが処理されます。タッチ対応デバイスでは、スプリッターは標準のデバイス (幅 6 ピクセル) より少し広め (幅 16 ピクセル) になっており、タッチ環境でのユーザーのスプリッター バーの操作を簡単にしています。詳細は、[\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls)を参照してください。 @@ -217,7 +219,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="requirements"></a>要件 -`igTileManager` コントロールは jQuery UI ウィジェットであるため、jQuery ライブラリと jQuery UI ライブラリに依存します。`igSplitter` は Modernizr ライブラリに依存するため、このライブラリも必要です。これらのリソースへの参照は、実際の jQuery または {environment:ProductNameMVC} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、Infragistics.Web.Mvc の組立が必要になります。 +`igTileManager` コントロールは jQuery UI ウィジェットであるため、jQuery ライブラリと jQuery UI ライブラリに依存します。`igSplitter` は Modernizr ライブラリに依存するため、このライブラリも必要です。これらのリソースへの参照は、実際の jQuery または \{environment:ProductNameMVC\} が使用されているとしても必要となります。コントロールが ASP.NET MVC のコンテクスト内で使用されている場合、Infragistics.Web.Mvc の組立が必要になります。 `igTileManager`、`igLayoutManager`、`igSplitter` 用の CSS ファイルは、コントロールの正しい描画のページを参照する必要があります。 @@ -443,13 +445,13 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/tile-manager/aspnet-mvc-helper): このサンプルは、`igTileManager` コントロールの ASP.NET MVC ヘルパーを使用する方法を紹介します。 +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/tile-manager/aspnet-mvc-helper): このサンプルは、`igTileManager` コントロールの ASP.NET MVC ヘルパーを使用する方法を紹介します。 -- [タイル マネージャーの JSON バインド]({environment:SamplesUrl}/tile-manager/bind-json): このサンプルは、`igTileManager` コントロールを JSON データ ソースにバインドする方法を紹介します。 +- [タイル マネージャーの JSON バインド](\{environment:SamplesUrl\}/tile-manager/bind-json): このサンプルは、`igTileManager` コントロールを JSON データ ソースにバインドする方法を紹介します。 -- [タイル マネージャーの項目構成]({environment:SamplesUrl}/tile-manager/item-configurations): このサンプルは、`igTileManager` 内部にタイルの位置とサイズを設定する方法を紹介します。 +- [タイル マネージャーの項目構成](\{environment:SamplesUrl\}/tile-manager/item-configurations): このサンプルは、`igTileManager` 内部にタイルの位置とサイズを設定する方法を紹介します。 -- [タイル マネージャーでリード タイルを構成]({environment:SamplesUrl}/tile-manager/leading-tile): このサンプルでは、既存のマークアップでコンテナーに対して、`igTileManager` をインスタンス化して、リード タイルを定義 / 構成する方法を紹介します。リード タイルは展開した際に、残りのタイルと切り替わります。 +- [タイル マネージャーでリード タイルを構成](\{environment:SamplesUrl\}/tile-manager/leading-tile): このサンプルでは、既存のマークアップでコンテナーに対して、`igTileManager` をインスタンス化して、リード タイルを定義 / 構成する方法を紹介します。リード タイルは展開した際に、残りのタイルと切り替わります。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/accessibility-compliance.mdx index 5d99f5a1b1..50322315b1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/accessibility-compliance.mdx @@ -7,7 +7,7 @@ slug: igtree-accessibility-compliance ## igTree アクセシビリティの遵守 ### 概要 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/adding-and-removing-nodes/adding-removing-node-method-api-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/adding-and-removing-nodes/adding-removing-node-method-api-reference.mdx index 98363015b7..7b685733af 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/adding-and-removing-nodes/adding-removing-node-method-api-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/adding-and-removing-nodes/adding-removing-node-method-api-reference.mdx @@ -3,6 +3,8 @@ title: "ノードの追加/削除メソッド API のリファレンス (igTree) slug: igtree-adding-removing-node-method-api-reference --- +# ノードの追加/削除メソッド API のリファレンス (igTree) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ノードの追加/削除メソッド API のリファレンス (igTree) diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/configure-checkboxes-and-selection.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/configure-checkboxes-and-selection.mdx index cc34d9e197..217252967f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/configure-checkboxes-and-selection.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/configure-checkboxes-and-selection.mdx @@ -3,6 +3,8 @@ title: "チェックボックスおよび igTree による選択の構成" slug: igtree-configure-checkboxes-and-selection --- +# チェックボックスおよび igTree による選択の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # チェックボックスおよび igTree による選択の構成 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/configure-node-images.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/configure-node-images.mdx index e63591724b..deb601fe88 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/configure-node-images.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/configure-node-images.mdx @@ -3,6 +3,8 @@ title: "igTree におけるノード イメージの構成" slug: igtree-configure-node-images --- +# igTree におけるノード イメージの構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTree におけるノード イメージの構成 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/configure-nodes.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/configure-nodes.mdx index 9d2659e27c..d851d6f829 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/configure-nodes.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/configure-nodes.mdx @@ -3,6 +3,8 @@ title: "igTree におけるノードの構成" slug: igtree-configure-nodes --- +# igTree におけるノードの構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTree におけるノードの構成 @@ -150,7 +152,7 @@ $(function () { ``` ### <a id="example-configure-the-collapse-events"></a>例: bind および live を使用して縮小イベントを構成する -ツリーをインスタンス化した後に、イベント ハンドラーを `igTree` に添付しなければならない場合があります。初期化後のイベントのバインディングは、`igTree` コントロールが {environment:ProductNameMVC} ヘルパーを使用してインスタンス化されている場合にイベントを構成する主な方法です。コントロールをインスタンス化した後にイベント ハンドラーの添付を使用する場合、イベント型が必要です。イベント型は、ウィジェット名とイベント名を結合することで決まります。以下のコードは、jQuery bind および live メソッドを使用してイベントを構成する方法を示しています。 +ツリーをインスタンス化した後に、イベント ハンドラーを `igTree` に添付しなければならない場合があります。初期化後のイベントのバインディングは、`igTree` コントロールが \{environment:ProductNameMVC\} ヘルパーを使用してインスタンス化されている場合にイベントを構成する主な方法です。コントロールをインスタンス化した後にイベント ハンドラーの添付を使用する場合、イベント型が必要です。イベント型は、ウィジェット名とイベント名を結合することで決まります。以下のコードは、jQuery bind および live メソッドを使用してイベントを構成する方法を示しています。 メソッド|パラメーター ---|--- diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/data-binding.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/data-binding.mdx index a55377603f..4d610bca68 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/data-binding.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/data-binding.mdx @@ -51,7 +51,7 @@ slug: igtree-data-binding ### <a id="binding-to-data-sources-overview"></a>データ ソースへのバインドに関する概要 ほとんどの場合、`igTree` コントロールの `dataSource` オプションまたは `dataSourceUrl` オプションを使用してデータのバインドを行うことになります。このオプションは、サポートされるさまざまなデータ形式を処理できる `igDataSource` コンポーネントへデータを提供します。ツリーが UL 要素を使用してインスタンス化されている場合は唯一例外で、このオプションは使用しません。この場合、ツリーはそのベース UL 要素のデータとオプションを継承します。 -ASP.NET MVC では、IQueryable オブジェクトのコレクションを {environment:ProductNameMVC} ヘルパーに指定する必要があります。ヘルパーによりサーバーからデータを簡単にシリアル化し、View に渡すことができます。そのページがブラウザーで受信されると、`igTree` の `dataSource` オプションが設定され、クライアント側での操作に使用されます。 +ASP.NET MVC では、IQueryable オブジェクトのコレクションを \{environment:ProductNameMVC\} ヘルパーに指定する必要があります。ヘルパーによりサーバーからデータを簡単にシリアル化し、View に渡すことができます。そのページがブラウザーで受信されると、`igTree` の `dataSource` オプションが設定され、クライアント側での操作に使用されます。 ### <a id="class-diagram"></a>データ ソースへのバインドに関するクラス図 以下のクラス ダイアグラムは、`igTree` コントロールでのデータ バインディングの動作を示します。 @@ -88,7 +88,7 @@ ASP.NET MVC では、IQueryable オブジェクトのコレクションを { 2. `igTree` をインスタンス化します - jQuery では、document ready JavaScript イベントを使用して `igTree` コントロールをインスタンス化できます。ASP.NET MVC では、{environment:ProductNameMVC} ヘルパーを使用して、IQueryable データ ソースにバインドします。 + jQuery では、document ready JavaScript イベントを使用して `igTree` コントロールをインスタンス化できます。ASP.NET MVC では、\{environment:ProductNameMVC\} ヘルパーを使用して、IQueryable データ ソースにバインドします。 **HTML の場合:** @@ -115,7 +115,7 @@ ASP.NET MVC では、IQueryable オブジェクトのコレクションを { 2. データへバインドします。 1. データを定義します。 - この例では、入れ子になったオブジェクト配列で構築されている JSON 配列にバインドしています。オブジェクト スキーマは 2 種類あります。1 つは Label and Products プロパティを持つ製品カテゴリのスキーマ、もう 1 つは Name プロパティのある製品のスキーマです。このコード例では、Products プロパティに入れ子になったデータが入っています。この構造は、`igTree` の階層を形成しています。ASP.NET MVC では、入れ子になった IQueryable オブジェクトのコレクションは {environment:ProductNameMVC} ヘルパーにより受け入れられます。Entity Data Model と適切な LINQ クエリにより、この構造を簡単に `igTree` コントロールに指定できます。以下の例では、オブジェクト コレクションにバインドするときに {environment:ProductNameMVC} ヘルパーで必要なデータ構造を示しています。ProductCategory クラスは JSON 配列同様に、Label プロパティと Products プロパティで定義されます。GetProductNodes メソッドは {environment:ProductNameMVC} へルパーのデータを返します。データはビューの Model として渡されていることがわかると思います。 + この例では、入れ子になったオブジェクト配列で構築されている JSON 配列にバインドしています。オブジェクト スキーマは 2 種類あります。1 つは Label and Products プロパティを持つ製品カテゴリのスキーマ、もう 1 つは Name プロパティのある製品のスキーマです。このコード例では、Products プロパティに入れ子になったデータが入っています。この構造は、`igTree` の階層を形成しています。ASP.NET MVC では、入れ子になった IQueryable オブジェクトのコレクションは \{environment:ProductNameMVC\} ヘルパーにより受け入れられます。Entity Data Model と適切な LINQ クエリにより、この構造を簡単に `igTree` コントロールに指定できます。以下の例では、オブジェクト コレクションにバインドするときに \{environment:ProductNameMVC\} ヘルパーで必要なデータ構造を示しています。ProductCategory クラスは JSON 配列同様に、Label プロパティと Products プロパティで定義されます。GetProductNodes メソッドは \{environment:ProductNameMVC\} へルパーのデータを返します。データはビューの Model として渡されていることがわかると思います。 **HTML の場合:** @@ -226,7 +226,7 @@ ASP.NET MVC では、IQueryable オブジェクトのコレクションを { 3. (ASP.NET MVC) Render() を呼び出します。 - {environment:ProductNameMVC} `igTree` コントロールをインスタンス化する場合、他のオプションをすべて構成し終わった後、最後に Render メソッドを呼び出します。Render メソッドは、クライアントで `igTree` コントロールをインスタンス化するのに必要な HTML および JavaScript を描画します。 + \{environment:ProductNameMVC\} `igTree` コントロールをインスタンス化する場合、他のオプションをすべて構成し終わった後、最後に Render メソッドを呼び出します。Render メソッドは、クライアントで `igTree` コントロールをインスタンス化するのに必要な HTML および JavaScript を描画します。 **ASPX の場合:** diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/api-reference/drag-and-drop-event-api-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/api-reference/drag-and-drop-event-api-reference.mdx index 1968cfbe7e..503e67a867 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/api-reference/drag-and-drop-event-api-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/api-reference/drag-and-drop-event-api-reference.mdx @@ -3,6 +3,8 @@ title: "ドラッグ アンド ドロップ イベント API リファレンス slug: igtree-drag-and-drop-event-api-reference --- +# ドラッグ アンド ドロップ イベント API リファレンス (igTree) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ドラッグ アンド ドロップ イベント API リファレンス (igTree) @@ -80,9 +82,9 @@ originalPosition プロパティの参照を取得します。 このトピックについては、以下のサンプルも参照してください。 -- [ドラッグ アンド ドロップ - 単一のツリー]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 +- [ドラッグ アンド ドロップ - 単一のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 -- [ドラッグ アンド ドロップ - 複数のツリー]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 +- [ドラッグ アンド ドロップ - 複数のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 - [API およびイベント](/igtree-event-reference#attaching-handlers-jquery): このサンプルは `igTree` API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/api-reference/drag-and-drop-property-api-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/api-reference/drag-and-drop-property-api-reference.mdx index 1818c8c0a6..04ea5e20f0 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/api-reference/drag-and-drop-property-api-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/api-reference/drag-and-drop-property-api-reference.mdx @@ -2,6 +2,9 @@ title: "ドラッグ アンド ドロップ プロパティ API リファレンス (igTree)" slug: igtree-drag-and-drop-property-api-reference --- + +# ドラッグ アンド ドロップ プロパティ API リファレンス (igTree) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ドラッグ アンド ドロップ プロパティ API リファレンス (igTree) @@ -62,9 +65,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [ドラッグ アンド ドロップ - 単一のツリー]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 +- [ドラッグ アンド ドロップ - 単一のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 -- [ドラッグ アンド ドロップ - 複数のツリー]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 +- [ドラッグ アンド ドロップ - 複数のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 - [API およびイベント](/igtree-event-reference#attaching-handlers-jquery): このサンプルは `igTree` API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/configuring/drag-and-drop-configuring-tokens.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/configuring/drag-and-drop-configuring-tokens.mdx index 74ac41ce69..b78cfacf95 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/configuring/drag-and-drop-configuring-tokens.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/configuring/drag-and-drop-configuring-tokens.mdx @@ -363,9 +363,9 @@ MVC|CopyAfterMarkup|`CopyAfterMarkup("<div class="message"><h3>Copy After</h3><p このトピックについては、以下のサンプルも参照してください。 -- [ドラッグ アンド ドロップ - 単一のツリー]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 +- [ドラッグ アンド ドロップ - 単一のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 -- [ドラッグ アンド ドロップ - 複数のツリー]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 +- [ドラッグ アンド ドロップ - 複数のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 - [API およびイベント](/igtree-event-reference#attaching-handlers-jquery): このサンプルは `igTree` API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/drag-and-drop-enabling.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/drag-and-drop-enabling.mdx index 1e4b100836..09fd5737c1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/drag-and-drop-enabling.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/drag-and-drop-enabling.mdx @@ -179,9 +179,9 @@ $("#secondTree").igTree({ このトピックについては、以下のサンプルも参照してください。 -- [ドラッグ アンド ドロップ - 単一のツリー]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 +- [ドラッグ アンド ドロップ - 単一のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 -- [ドラッグ アンド ドロップ - 複数のツリー]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 +- [ドラッグ アンド ドロップ - 複数のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 - [API およびイベント](/igtree-event-reference#attaching-handlers-jquery): このサンプルは `igTree` API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/drag-and-drop-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/drag-and-drop-overview.mdx index b315261b5b..523eab0104 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/drag-and-drop-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/drag-and-drop-overview.mdx @@ -80,9 +80,9 @@ slug: igtree-drag-and-drop-overview このトピックについては、以下のサンプルも参照してください。 -- [ドラッグ アンド ドロップ - 単一のツリー]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 +- [ドラッグ アンド ドロップ - 単一のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 -- [ドラッグ アンド ドロップ - 複数のツリー]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 +- [ドラッグ アンド ドロップ - 複数のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 - [API およびイベント](/igtree-event-reference#attaching-handlers-jquery): このサンプルは `igTree` API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/events/drag-and-drop-handling-events-initialization.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/events/drag-and-drop-handling-events-initialization.mdx index c55c941d93..eab18f08a0 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/events/drag-and-drop-handling-events-initialization.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/events/drag-and-drop-handling-events-initialization.mdx @@ -54,9 +54,9 @@ $(".selector").igTree({ このトピックについては、以下のサンプルも参照してください。 -- [ドラッグ アンド ドロップ - 単一のツリー]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 +- [ドラッグ アンド ドロップ - 単一のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 -- [ドラッグ アンド ドロップ - 複数のツリー]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 +- [ドラッグ アンド ドロップ - 複数のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 - [API およびイベント](/igtree-event-reference#attaching-handlers-jquery): このサンプルは `igTree` API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/events/drag-and-drop-handling-events-run-time.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/events/drag-and-drop-handling-events-run-time.mdx index c3c6b5043a..f7a22f1411 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/events/drag-and-drop-handling-events-run-time.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/drag-and-drop/events/drag-and-drop-handling-events-run-time.mdx @@ -21,7 +21,7 @@ slug: igtree-drag-and-drop-handling-events-run-time ## 実行時に igTree でイベント ハンドラーをアタッチ #### 実行時にイベント ハンドラーをアタッチ (概要) -HTML ヘルパー内ではイベント ハンドラーを定義できないので、{environment:ProductNameMVC} を使用するときは、実行時にイベント ハンドラーを割り当てる必要があります。 +HTML ヘルパー内ではイベント ハンドラーを定義できないので、\{environment:ProductNameMVC\} を使用するときは、実行時にイベント ハンドラーを割り当てる必要があります。 jQuery はイベント ハンドラーの割り当てるための以下のメソッドをサポートします。 @@ -60,9 +60,9 @@ $(document).delegate(".selector", "igtreedragstart", function(evt, ui) { このトピックについては、以下のサンプルも参照してください。 -- [ドラッグ アンド ドロップ - 単一のツリー]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 +- [ドラッグ アンド ドロップ - 単一のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 -- [ドラッグ アンド ドロップ - 複数のツリー]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 +- [ドラッグ アンド ドロップ - 複数のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 - [API およびイベント](/igtree-event-reference#attaching-handlers-jquery): このサンプルは `igTree` API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/event-reference.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/event-reference.mdx index ddfd38ab85..dece3d0151 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/event-reference.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/event-reference.mdx @@ -3,6 +3,8 @@ title: "イベント リファレンス (igTree)" slug: igtree-event-reference --- +# イベント リファレンス (igTree) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # イベント リファレンス (igTree) @@ -74,7 +76,7 @@ $("#igTree1").igTree({ 以下のサンプルは、構成方法、そしてイベント ハンドラーを指定した要素にアタッチするために必要な jQuery の on メソッドの使用を紹介します。 <div class="embed-sample"> - [{environment:SamplesEmbedUrl}/tree-control/api-and-events]({environment:SamplesEmbedUrl}/tree-control/api-and-events) + [\{environment:SamplesEmbedUrl\}/tree-control/api-and-events](\{environment:SamplesEmbedUrl\}/tree-control/api-and-events) </div> ### <a id="attaching-handlers-mvc"></a> MVC でイベント ハンドラーを添付する @@ -98,4 +100,4 @@ $("#igTree1").on({ igtreedragstart: function (e, args) { - [igTree の概要](/igtree-overview) - <ApiLink type="igtree" label="igTree jQuery API ドキュメント" /> - [igTree ASP.NET MVC API ドキュメント](Infragistics.Web.Mvc~Infragistics.Web.Mvc.TreeModel_members.html) -- [{environment:ProductName} でイベントの使用](/using-events-in-igniteui-for-jquery) +- [\{environment:ProductName\} でイベントの使用](/using-events-in-igniteui-for-jquery) diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/getting-started.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/getting-started.mdx index 4315726b06..73cba4dacd 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/getting-started.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/getting-started.mdx @@ -6,7 +6,6 @@ slug: igtree-getting-started # igTree を使用した作業の開始 - ## トピックの概要 ### 目的 @@ -15,8 +14,8 @@ slug: igtree-getting-started ### 前提条件 まず以下のトピックを読む必要があります。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) ## 基本的な igTree 実装を作成する ### 概要 @@ -49,7 +48,7 @@ slug: igtree-getting-started 2. `igTree` をインスタンス化します。 - jQuery では、document ready JavaScript イベントを使用して igTree コントロールをインスタンス化できます。ASP.NET MVC では、{environment:ProductNameMVC} ヘルパーを使用して、IQueryable データ ソースにバインドします。 + jQuery では、document ready JavaScript イベントを使用して igTree コントロールをインスタンス化できます。ASP.NET MVC では、\{environment:ProductNameMVC\} ヘルパーを使用して、IQueryable データ ソースにバインドします。 **HTML の場合:** @@ -76,7 +75,7 @@ slug: igtree-getting-started 2. <a id="binding-to-data"></a>データへバインドします。 1. データを定義します。 - この例では、入れ子になったオブジェクト配列で構築されている JSON 配列にバインドしています。オブジェクト スキーマは 2 種類あります。1 つは Label and Products プロパティを持つ製品カテゴリのスキーマ、もう 1 つは Name プロパティのある製品のスキーマです。Products プロパティに入れ子になったデータが入っています。この構造は、igTree コントロールの階層を形成しています。ASP.NET MVC では、入れ子になった IQueryable オブジェクトのコレクションは {environment:ProductNameMVC} ヘルパーにより受け入れられます。Entity Data Model と LINQ により、この構造を簡単に igTree コントロールに指定できます。サンプルという目的のため、オブジェクトのコレクションにバインドする場合に {environment:ProductNameMVC} ヘルパーで必要なデータの構造を示すため、サンプル データ コードを下に示します。ProductCategory クラスは JSON 配列同様に、Label プロパティと Products プロパティで定義されます。GetProductNodes メソッドは {environment:ProductNameMVC} へルパーのデータを返します。データはビューの Model として渡されていることがわかると思います。 + この例では、入れ子になったオブジェクト配列で構築されている JSON 配列にバインドしています。オブジェクト スキーマは 2 種類あります。1 つは Label and Products プロパティを持つ製品カテゴリのスキーマ、もう 1 つは Name プロパティのある製品のスキーマです。Products プロパティに入れ子になったデータが入っています。この構造は、igTree コントロールの階層を形成しています。ASP.NET MVC では、入れ子になった IQueryable オブジェクトのコレクションは \{environment:ProductNameMVC\} ヘルパーにより受け入れられます。Entity Data Model と LINQ により、この構造を簡単に igTree コントロールに指定できます。サンプルという目的のため、オブジェクトのコレクションにバインドする場合に \{environment:ProductNameMVC\} ヘルパーで必要なデータの構造を示すため、サンプル データ コードを下に示します。ProductCategory クラスは JSON 配列同様に、Label プロパティと Products プロパティで定義されます。GetProductNodes メソッドは \{environment:ProductNameMVC\} へルパーのデータを返します。データはビューの Model として渡されていることがわかると思います。 **HTML の場合:** @@ -187,7 +186,7 @@ slug: igtree-getting-started 3. (ASP.NET MVC) Render() を呼び出します。 - {environment:ProductNameMVC} Tree をインスタンス化する場合、他のオプションをすべて構成し終わった後、最後に Render メソッドを呼び出します。これは、クライアントで igTree をインスタンス化するのに必要な HTML および JavaScript を描画するメソッドです。 + \{environment:ProductNameMVC\} Tree をインスタンス化する場合、他のオプションをすべて構成し終わった後、最後に Render メソッドを呼び出します。これは、クライアントで igTree をインスタンス化するのに必要な HTML および JavaScript を描画するメソッドです。 **ASPX の場合:** @@ -248,7 +247,7 @@ slug: igtree-getting-started 例|説明 ---|--- 基本的な jQuery の実装|jQuery でのデータへのバインド方法と基本オプションの設定方法を示します。 -基本的な ASP.NET MVC の実装|{environment:ProductNameMVC} を使用したデータへのバインド方法と基本オプションの設定方法を示します。 +基本的な ASP.NET MVC の実装|\{environment:ProductNameMVC\} を使用したデータへのバインド方法と基本オプションの設定方法を示します。 ## コード例: 基本的な jQuery の実装 ### 例の詳細 @@ -293,7 +292,7 @@ slug: igtree-getting-started ## コード例: 基本的な ASP.NET の実装 ### 例の詳細 -以下のコードは、ASP.NET MVC ヘルパーを使用して {environment:ProductNameMVC} `Tree` を作成し、構成する方法を示します。 +以下のコードは、ASP.NET MVC ヘルパーを使用して \{environment:ProductNameMVC\} `Tree` を作成し、構成する方法を示します。 >**注:** さまざまなテキスト キー値が各種バインディング オブジェクトで設定され、さまざまなレベルのデータを表します。 @@ -394,8 +393,8 @@ public class SamplesController : Controller ## 関連トピック 以下は、その他の役立つトピックです。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/jquery-and-asp-net-mvc-helper-api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/jquery-and-asp-net-mvc-helper-api-links.mdx index 69ae41df98..32466f79eb 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/jquery-and-asp-net-mvc-helper-api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/jquery-and-asp-net-mvc-helper-api-links.mdx @@ -3,6 +3,8 @@ title: "igTree jQuery および MVC API リファレンス リンク" slug: igtree-jquery-and-asp-net-mvc-helper-api-links --- +# igTree jQuery および MVC API リファレンス リンク + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTree jQuery および MVC API リファレンス リンク diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/knockoutjs-support.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/knockoutjs-support.mdx index b06e592f4b..fc6667d868 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/knockoutjs-support.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/knockoutjs-support.mdx @@ -113,7 +113,7 @@ $.ig.loader({ このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [Knockout でエディターをバインド](../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): このトピックは、Knockout ライブラリを使用してビューモード オブジェクトをバインドするために {environment:ProductName} エディター コントロールを構成する方法について説明します。 +- [Knockout でエディターをバインド](../igEditors/Config/02_Configuring Knockout Support (Editors).mdx): このトピックは、Knockout ライブラリを使用してビューモード オブジェクトをバインドするために \{environment:ProductName\} エディター コントロールを構成する方法について説明します。 - [Knockout サポートの構成 (igCombo)](/igcombo-knockoutjs-support): このトピックは、Knockout ライブラリにより管理されるビューモードのオブジェクトをバインドするために `igCombo` コントロールを構成する方法について説明します。 @@ -121,7 +121,7 @@ $.ig.loader({ このトピックについては、以下のサンプルも参照してください。 -- [KnockoutJS のバインド]({environment:SamplesUrl}/tree/bind-tree-with-ko): このサンプルは、`igTree` をKnockout データ バインディングにより管理される階層データにバインドする操作を示します。 +- [KnockoutJS のバインド](\{environment:SamplesUrl\}/tree/bind-tree-with-ko): このサンプルは、`igTree` をKnockout データ バインディングにより管理される階層データにバインドする操作を示します。 ### リソース diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/known-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/known-limitations.mdx index b471549220..e75b50133c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/known-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/known-limitations.mdx @@ -7,7 +7,7 @@ slug: igtree-known-limitations ## 既知の問題と制限の概要 ### 問題または制限のチャート -以下の表は、`igTree`™ コントロールの {environment:ProductName} {environment:ProductVersion} リリースの既知の問題または制限の概要を記載しています。表に続くブロックにある問題の詳細説明と考えられる回避方法が記載されています。 +以下の表は、`igTree`™ コントロールの \{environment:ProductName\} \{environment:ProductVersion\} リリースの既知の問題または制限の概要を記載しています。表に続くブロックにある問題の詳細説明と考えられる回避方法が記載されています。 凡例: @@ -37,7 +37,7 @@ IE7 では LI 要素がその親コンテナーから固定幅を継承してい Firefox では jQuery 1.4.4 に問題があり、ぼかしイベントを期待通りに起動できません。このためノードのアクティブ スタイルが、アクティブでなくなった後もそのままの状態になります。 ### アクティブ ノード スタイルの回避方法 -jQuery 1.4.4 以降のバージョンへアップグレード、または `igTree` コントロールの問題が解決された {environment:ProductName} の最新のサービス リリースを適用してください。 +jQuery 1.4.4 以降のバージョンへアップグレード、または `igTree` コントロールの問題が解決された \{environment:ProductName\} の最新のサービス リリースを適用してください。 ## プライマリ キーを使用するツリーでプライマリ キーがないノードを移動してコピー プライマリ キーを含むバインディングおよび含まないバンディングの両方を使用しないでください。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/optimize-performance.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/optimize-performance.mdx index 330143bc3f..36a5994ac8 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/optimize-performance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/optimize-performance.mdx @@ -3,6 +3,8 @@ title: "igTree のパフォーマンスを最適化します" slug: igtree-optimize-performance --- +# igTree のパフォーマンスを最適化します + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTree のパフォーマンスを最適化します diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/overview.mdx index c978c9dd09..4b4ae6a6d1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/overview.mdx @@ -3,6 +3,8 @@ title: "igTree の概要" slug: igtree-overview --- +# igTree の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTree の概要 @@ -22,7 +24,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [ナビゲーションと選択](#navigation-and-selection) - [ノードの追加と削除](#adding-and-removing-nodes) - [ドラッグ アンド ドロップ](#drag-and-drop) - - [{environment:ProductNameMVC}](#asp-mvc-helper) + - [\{environment:ProductNameMVC\}](#asp-mvc-helper) - [要件](#requirements) - [概要](#requirements-introduction) - [要件の表](#requirements-chart) @@ -42,7 +44,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 前提条件タイプ|コンテンツ ---|--- -トピック|まず以下のトピックを読む必要があります。 [{environment:ProductName} の概要](/igniteui-for-jquery-overview) <br/>[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)<br/>[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)<br/>[igGrid/igDataSource アーキテクチャの概要](/iggrid-igdatasource-architecture-overview)、データ ソース コントロール セクション +トピック|まず以下のトピックを読む必要があります。 [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) <br/>[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)<br/>[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)<br/>[igGrid/igDataSource アーキテクチャの概要](/iggrid-igdatasource-architecture-overview)、データ ソース コントロール セクション 外部リソース|あらかじめ [jQuery ウィジェットの使用](http://wiki.jqueryui.com/w/page/12137708/How%20to%20use%20jQuery%20UI%20widgets) を読んでおくことをお勧めします。 @@ -58,7 +60,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ノードの画像|ノードは、項目に関する詳細情報を表示したり、ルック アンド フィールをカスタマイズしたりする自分のカスタム画像を設定できます。 ノードの追加と削除|`igTree` コントロールのノードの追加と削除機能を使用すると、ツリー ノードを追加または削除できます。 ドラッグ アンド ドロップ|`igTree` コントロールのドラッグ アンド ドロップ機能では、ツリー ノードをドラッグ アンド ドロップできます。ドラッグ アンド ドロップは、同じツリー内でも 2 つのツリー間でも操作できます。 -{environment:ProductNameMVC} |マネージ .NET コードを使用して `igTree` コントロールを構成できます。 +\{environment:ProductNameMVC\} |マネージ .NET コードを使用して `igTree` コントロールを構成できます。 ## <a id="load-on-demand"></a>ロード オン デマンド @@ -115,8 +117,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; [ドラッグ アンド ドロップ モードの設定](/igtree-drag-and-drop-configuring-mode) -## <a id="asp-mvc-helper"></a>{environment:ProductNameMVC} -{environment:ProductNameMVC} ヘルパーを使用して、マネージ コード言語で `igTree` コントロールを構成できます。MVC ヘルパーを使用すると、ASP.NET MVC アプリケーションで再利用可能な View または ViewModel を利用できるようになります。さらに、ASP.NET で IQueryable オブジェクトのコレクションへのバインドを行うこともでき、ヘルパーはクライアントで使用する `igTree` コントロールの JSON データを生成します。 +## <a id="asp-mvc-helper"></a>\{environment:ProductNameMVC\} +\{environment:ProductNameMVC\} ヘルパーを使用して、マネージ コード言語で `igTree` コントロールを構成できます。MVC ヘルパーを使用すると、ASP.NET MVC アプリケーションで再利用可能な View または ViewModel を利用できるようになります。さらに、ASP.NET で IQueryable オブジェクトのコレクションへのバインドを行うこともでき、ヘルパーはクライアントで使用する `igTree` コントロールの JSON データを生成します。 ### 関連トピック @@ -126,18 +128,18 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="requirements"></a>要件 ### <a id="requirements-introduction"></a>概要 -`igTree` コントロールは jQuery UI ウィジェットの 1 つであるため、jQuery ライブラリと jQuery UI JavaScript ライブラリに依存します。また、`igTree` コントロールが機能の共有やデータのバインドを行うために使用する {environment:ProductName}™ JavaScript リソースもいくつかあります。`igTree` コントロールを純粋に JavaScript コンテキストで使用する場合でも、ASP.NET MVC で使用する場合でも、こうした JavaScript の参照が必要になります。`igTree` コントロールを ASP.NET MVC で使用する場合、`igTree` コントロールを .NET 言語で構成するために Infragistics.Web.Mvc アセンブリが必要です。 +`igTree` コントロールは jQuery UI ウィジェットの 1 つであるため、jQuery ライブラリと jQuery UI JavaScript ライブラリに依存します。また、`igTree` コントロールが機能の共有やデータのバインドを行うために使用する \{environment:ProductName\}™ JavaScript リソースもいくつかあります。`igTree` コントロールを純粋に JavaScript コンテキストで使用する場合でも、ASP.NET MVC で使用する場合でも、こうした JavaScript の参照が必要になります。`igTree` コントロールを ASP.NET MVC で使用する場合、`igTree` コントロールを .NET 言語で構成するために Infragistics.Web.Mvc アセンブリが必要です。 ### <a id="requirements-chart"></a>要件の表 下の表は、`igTree` コントロールの要件をまとめたものです。 要件|説明 ---|--- -jQuery および jQuery UI JavaScript リソース|{environment:ProductName} は、これらのフレームワークの最上位にビルドされます。[jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) [テンプレート エンジンの概要](../../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) (ノード テンプレート用) -{environment:ProductName} の共用 JavaScript リソース|{environment:ProductName} には、ほとんどのウィジェットが使用する共用 JavaScript リソースがいくつかあります。`infragistics.util.js` `infragistics.util.jquery.js` infragistics.ui.shared.js +jQuery および jQuery UI JavaScript リソース|\{environment:ProductName\} は、これらのフレームワークの最上位にビルドされます。[jQuery](http://jquery.com/) [jQuery UI](http://jqueryui.com/) [テンプレート エンジンの概要](../../06_Infragistics-Templating-Engine/01_igTemplating Overview.mdx) (ノード テンプレート用) +\{environment:ProductName\} の共用 JavaScript リソース|\{environment:ProductName\} には、ほとんどのウィジェットが使用する共用 JavaScript リソースがいくつかあります。`infragistics.util.js` `infragistics.util.jquery.js` infragistics.ui.shared.js `igDataSource` JavaScript リソース | `igTree` は `igDataSource` を内部的に使用してデータ操作を行います。 `infragistics.dataSource.js` `igTree` JavaScript リソース | `igTree` コントロールの JavaScript ファイル: `infragistics.ui.tree.js` -IG テーマ|このテーマには、{environment:ProductName} 向けに作成されたカスタム ビジュアル スタイルが含まれます。 +IG テーマ|このテーマには、\{environment:ProductName\} 向けに作成されたカスタム ビジュアル スタイルが含まれます。 ベース テーマ|基本テーマには、主に各コントロールのフォームと機能を定義するスタイルが含まれています。 @@ -194,9 +196,9 @@ IG テーマ|このテーマには、{environment:ProductName} 向け ## <a id="related-topics"></a>関連トピック 以下は、その他の役立つトピックです。 -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) - [igGrid/igDataSource アーキテクチャの概要](/iggrid-igdatasource-architecture-overview) - [igTree のパフォーマンスを最適化します](/igtree-optimize-performance) - [igTree のチェックボックスと選択を構成する](/igtree-configure-checkboxes-and-selection) diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/using-themes.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/using-themes.mdx index dd275e9aae..0234c0d497 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/using-themes.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/using-themes.mdx @@ -3,6 +3,8 @@ title: "igTree でのテーマの使用" slug: igtree-using-themes --- +# igTree でのテーマの使用 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igTree でのテーマの使用 @@ -16,7 +18,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### トピック `igTree` コントロールに合わせて jQuery UI テーマをカスタマイズするために必要な情報は以下の各トピックに収められています。 -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) - <ApiLink type="igtree" label="igTree テーマ設定 API ドキュメント" /> ## 関連トピック diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-custom-drop-validation.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-custom-drop-validation.mdx index cc5e275f8d..99e4d5f93a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-custom-drop-validation.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-custom-drop-validation.mdx @@ -404,9 +404,9 @@ MVC|string このトピックについては、以下のサンプルも参照してください。 -- [ドラッグ アンド ドロップ - 単一のツリー]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 +- [ドラッグ アンド ドロップ - 単一のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 -- [ドラッグ アンド ドロップ - 複数のツリー]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 +- [ドラッグ アンド ドロップ - 複数のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 - [API およびイベント](/igtree-event-reference#attaching-handlers-jquery): このサンプルは `igTree` API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-mode.mdx b/docs/jquery/src/content/ja/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-mode.mdx index f663011cb2..f932c136be 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-mode.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtree/walkthroughs/drag-and-drop-configuring-mode.mdx @@ -372,9 +372,9 @@ Ctrl キーを使用してコピーと移動の間に切り替えることがで このトピックについては、以下のサンプルも参照してください。 -- [ドラッグ アンド ドロップ - 単一のツリー]({environment:SamplesUrl}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 +- [ドラッグ アンド ドロップ - 単一のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-single-tree): このサンプルでは、`igTree` コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。 -- [ドラッグ アンド ドロップ - 複数のツリー]({environment:SamplesUrl}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 +- [ドラッグ アンド ドロップ - 複数のツリー](\{environment:SamplesUrl\}/tree/drag-and-drop-multiple-trees): このサンプルでは、2 つの `igTree` の間にノードをドラッグ アンド ドロップする方法を紹介します。 - [API およびイベント](/igtree-event-reference#attaching-handlers-jquery): このサンプルは `igTree` API を使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/accessibility-compliance.mdx index ae34bbec78..e30ebb8dae 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/accessibility-compliance.mdx @@ -7,7 +7,7 @@ slug: igtreegrid-accessibility-compliance ## igTreeGrid アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、グリッド コントロールが各規則を遵守するための詳しい方法も含んでいます。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、グリッド コントロールが各規則を遵守するための詳しい方法も含んでいます。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/features-overview.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/features-overview.mdx index 74739a3c7e..048081b672 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/features-overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/features-overview.mdx @@ -3,6 +3,8 @@ title: "機能の概要 (igTreeGrid)" slug: igtreegrid-features-overview --- +# 機能の概要 (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 機能の概要 (igTreeGrid) @@ -124,6 +126,6 @@ igTreeGrid のページング機能は igGridPaging 機能から拡張され、 - [リモート機能 (igTreeGrid)](/igtreegrid-remote-features): このトピックでは、`igTreeGrid` 機能を使用してリモート操作を実行するための概要と実装の詳細を説明します。 ### <a id="samples"></a> サンプル -- [igTreeGrid の概要]({environment:SamplesUrl}/tree-grid/overview) -- [ロード オン デマンド]({environment:SamplesUrl}/tree-grid/load-on-demand) -- [igTreeGrid リモート機能]({environment:SamplesUrl}/tree-grid/remote-features) +- [igTreeGrid の概要](\{environment:SamplesUrl\}/tree-grid/overview) +- [ロード オン デマンド](\{environment:SamplesUrl\}/tree-grid/load-on-demand) +- [igTreeGrid リモート機能](\{environment:SamplesUrl\}/tree-grid/remote-features) diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/filtering.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/filtering.mdx index 055122d463..0afdac800b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/filtering.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/filtering.mdx @@ -3,6 +3,8 @@ title: "フィルタリング (igTreeGrid)" slug: igtreegrid-filtering --- +# フィルタリング (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # フィルタリング (igTreeGrid) @@ -88,4 +90,4 @@ $("#treegrid").igTreeGrid({ - [ロード オン デマンド (igTreeGrid)](/igtreegrid-load-on-demand): このトピックでは、`igTreeGrid` ロード オン デマンドのメリットと実装方法を説明します。 ### <a id="samples"></a> サンプル -- [igTreeGrid リモート機能]({environment:SamplesUrl}/tree-grid/remote-features) +- [igTreeGrid リモート機能](\{environment:SamplesUrl\}/tree-grid/remote-features) diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/load-on-demand.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/load-on-demand.mdx index f069159b4d..0fc6c290e7 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/load-on-demand.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/load-on-demand.mdx @@ -3,6 +3,8 @@ title: "ロード オン デマンド (igTreeGrid)" slug: igtreegrid-load-on-demand --- +# ロード オン デマンド (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ロード オン デマンド (igTreeGrid) @@ -16,14 +18,14 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 以下の表は、このトピックを理解するための前提条件として必要な概念、トピック、および記事の一覧です。 -- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで {environment:ProductNameMVC}™ コンポーネントを使用した作業の開始方法を説明します。 +- [コントロールを MVC プロジェクトに追加](../../../01_General-and-Getting-Started/00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、ASP.NET MVC アプリケーションで \{environment:ProductNameMVC\}™ コンポーネントを使用した作業の開始方法を説明します。 ## 概要 ロード オン デマンド機能は、ユーザーがツリー グリッドのノードを展開する際にサーバーから子ノードのデータを要求します。この方法は、ブラウザーとサーバー間で送信されるデータの量を減らします。 -リモート ロードオンデマンド機能を使用するには、要求を処理するコントローラー アクション メソッドが TreeGridDataSourceAction 属性を持つ必要があります。それだけを実装します。TreeGridDataSourceAction はその他の実装を処理します。このシナリオで、要求は {environment:ProductNameMVC} Grid によって処理されます。パラメーターを自動的に要求に追加し、特定のレベルのみのデータを返します。 +リモート ロードオンデマンド機能を使用するには、要求を処理するコントローラー アクション メソッドが TreeGridDataSourceAction 属性を持つ必要があります。それだけを実装します。TreeGridDataSourceAction はその他の実装を処理します。このシナリオで、要求は \{environment:ProductNameMVC\} Grid によって処理されます。パラメーターを自動的に要求に追加し、特定のレベルのみのデータを返します。 行が展開されると、子レコードのデータがAJAX 呼び出しによりサーバーに要求されます。この機能は、他の[リモート機能](/igtreegrid-remote-features)により共有される同じ <ApiLink type="igtreegrid" member="dataSourceUrl" section="options" label="dataSourceUrl" /> アドレスを使用します。すなわち、複数の要求のスタイルを処理できるように、複数のリモート機能のバックエンド実装が必要です。 @@ -43,7 +45,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; また、子レコードのキー値は「5」で、そのデータ要求に `2/5` のパスが生成されます。 -> **注:** {environment:ProductNameMVC} には、開発者を支援する機能が付属しています。この機能はプラットフォームに依存しません。ロード オン デマンドは、<ApiLink type="igtreegrid" member="enableRemoteLoadOnDemand" section="options" label="enableRemoteLoadOnDemand" /> オプションを通じて使用できます。受け取った要求を処理し、JSON として処理済みのデータを返すエンドポイントを提供できるどのようなサーバー側プラットフォームでも実装できます。 +> **注:** \{environment:ProductNameMVC\} には、開発者を支援する機能が付属しています。この機能はプラットフォームに依存しません。ロード オン デマンドは、<ApiLink type="igtreegrid" member="enableRemoteLoadOnDemand" section="options" label="enableRemoteLoadOnDemand" /> オプションを通じて使用できます。受け取った要求を処理し、JSON として処理済みのデータを返すエンドポイントを提供できるどのようなサーバー側プラットフォームでも実装できます。 ## <a id="walkthrough"></a> チュートリアル @@ -100,5 +102,5 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [機能の概要 (igTreeGrid)](/igtreegrid-features-overview): このトピックでは、`igTreeGrid` コントロールで使用可能なモジュラー機能の基本について説明します。 ### <a id="samples"></a> サンプル -- [ロード オン デマンド]({environment:SamplesUrl}/tree-grid/load-on-demand) -- [igTreeGrid リモート機能]({environment:SamplesUrl}/tree-grid/overview) +- [ロード オン デマンド](\{environment:SamplesUrl\}/tree-grid/load-on-demand) +- [igTreeGrid リモート機能](\{environment:SamplesUrl\}/tree-grid/overview) diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/paging.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/paging.mdx index ea86ecfdfe..135f17c92a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/paging.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/paging.mdx @@ -2,6 +2,9 @@ title: "ページング (igTreeGrid)" slug: igtreegrid-paging --- + +# ページング (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ページング (igTreeGrid) @@ -147,5 +150,5 @@ renderContextRowFunc: function(dataRow, $textArea, parents, mode) { - [リモート機能 (igTreeGrid)](/igtreegrid-remote-features): このトピックは、`igTreeGrid` の機能を使用したリモート操作実行における実装の詳細と概要を説明します。 ### <a id="samples"></a> サンプル -- [igTreeGrid のリモート機能]({environment:SamplesUrl}/tree-grid/remote-features) -- [igTreeGrid でのページング]({environment:SamplesUrl}/tree-grid/paging) +- [igTreeGrid のリモート機能](\{environment:SamplesUrl\}/tree-grid/remote-features) +- [igTreeGrid でのページング](\{environment:SamplesUrl\}/tree-grid/paging) diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/remote-features.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/remote-features.mdx index 12a4faf85e..4313b06f60 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/remote-features.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/remote-features.mdx @@ -3,6 +3,8 @@ title: "リモート機能 (igTreeGrid)" slug: igtreegrid-remote-features --- +# リモート機能 (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # リモート機能 (igTreeGrid) @@ -36,7 +38,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; リモート操作を実行できる機能として、**並べ替え**、**フィルタリング**、**ページング**がサポートされています。 -リモート機能を使用するには、並べ替え、フィルター、ページング機能を実行するコントローラー アクション メソッドが TreeGridDataSourceAction 属性を持つ必要があります。それだけを実装します。TreeGridDataSourceAction はその他の実装を処理します。その場合、要求は {environment:ProductNameMVC} Grid によって処理されます。パラメーターを自動的に要求に追加し、適切な書式設定でデータを返します。 +リモート機能を使用するには、並べ替え、フィルター、ページング機能を実行するコントローラー アクション メソッドが TreeGridDataSourceAction 属性を持つ必要があります。それだけを実装します。TreeGridDataSourceAction はその他の実装を処理します。その場合、要求は \{environment:ProductNameMVC\} Grid によって処理されます。パラメーターを自動的に要求に追加し、適切な書式設定でデータを返します。 ```csharp [TreeGridDataSourceAction] @@ -56,7 +58,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 要求をバックエンドで動的に処理する場合、操作の論理順序を保存する必要があります。たとえば、フィルターのデータ変換を最初に適用して、次に並べ替えを実行して、ページ サイズの変更を最後に実行できます。 -### <a id="flat-data"></a> {environment:ProductNameMVC} でフラット データへのバインド +### <a id="flat-data"></a> \{environment:ProductNameMVC\} でフラット データへのバインド igTreeGrid が MVC ラッパーによってフラット自己参照データにバインドできます。親子関係は PrimaryKey および ForeignKey オプションによって定義されます。フラット データは、クライアント側に送信される前に、PrimaryKey および ForeignKey の関係に基づいて内部に階層データに解析されます。データの自己参照表にバインドし、階層構造に変換しない場合に便利です。 @@ -133,4 +135,4 @@ http://<SERVER>/TreeGrid/GetData?page=1&pageSize=5&paging.mode=allLevels&paging. - [機能の概要 (igTreeGrid)](/igtreegrid-features-overview): このトピックでは、`igTreeGrid` コントロールで使用可能なモジュラー機能の基本について説明します。 ### <a id="samples"></a> サンプル -- [igTreeGrid リモート機能]({environment:SamplesUrl}/tree-grid/remote-features) +- [igTreeGrid リモート機能](\{environment:SamplesUrl\}/tree-grid/remote-features) diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/row-selectors.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/row-selectors.mdx index 4c4c2a39d0..17553a4f0f 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/row-selectors.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/row-selectors.mdx @@ -2,6 +2,9 @@ title: "行セレクター (igTreeGrid)" slug: igtreegrid-row-selectors --- + +# 行セレクター (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 行セレクター (igTreeGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/updating.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/updating.mdx index ae6a46dce4..28e1148a82 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/updating.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/features/updating.mdx @@ -3,6 +3,8 @@ title: "更新 (igTreeGrid)" slug: igtreegrid-updating --- +# 更新 (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 更新 (igTreeGrid) @@ -19,7 +21,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [**更新の UI**](#ui) - [マウス UI](#mouse) - [タッチ UI](#touch) -- [**{environment:ProductFamilyName} CLI で更新機能が構成された igTreeGrid を追加**](#adding-using-CLI) +- [**\{environment:ProductFamilyName\} CLI で更新機能が構成された igTreeGrid を追加**](#adding-using-CLI) - [**更新の作業**](#working-with-updating) - [更新を有効にする](#enable) - [更新の構成](#configuring) @@ -62,17 +64,17 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ![](../../../images/images/addChildTouch.png "Tree Grid Add child touch") -## <a id="adding-using-CLI"></a> {environment:ProductFamilyName} CLI で更新機能が構成された igTreeGrid を追加 +## <a id="adding-using-CLI"></a> \{environment:ProductFamilyName\} CLI で更新機能が構成された igTreeGrid を追加 -更新機能が構成された新しい igTreeGrid を簡単にアプリケーションに追加するには、{environment:ProductFamilyName} CLI を使用します。 +更新機能が構成された新しい igTreeGrid を簡単にアプリケーションに追加するには、\{environment:ProductFamilyName\} CLI を使用します。 -{environment:ProductFamilyName} CLI のインストール: +\{environment:ProductFamilyName\} CLI のインストール: ``` npm install -g igniteui-cli ``` -{environment:ProductFamilyName} CLI インストール後、{environment:ProductName} プロジェクトを生成し、更新機能が構成された新しい igTreeGrid を追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 +\{environment:ProductFamilyName\} CLI インストール後、\{environment:ProductName\} プロジェクトを生成し、更新機能が構成された新しい igTreeGrid を追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 ``` ig new <project name> @@ -81,7 +83,7 @@ ig add tree-grid-editing newTreeGridEditing ig start ``` -すべての利用可能なコマンドおよび詳細な情報については、[「{environment:ProductFamilyName} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、[「\{environment:ProductFamilyName\} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 ## <a id="working-with-updating"></a> 更新の作業 @@ -242,4 +244,4 @@ editMode が rowEditTemplate でセルが編集モードの場合、以下のキ - [ロードオンデマンド (igTreeGrid)](/igtreegrid-load-on-demand): このトピックは、`igTreeGrid` のロードオンデマンド機能の利点を説明し、実装方法を説明します。 ### <a id="samples"></a> 関連サンプル -- [igTreeGrid の更新]({environment:SamplesUrl}/tree-grid/updating) +- [igTreeGrid の更新](\{environment:SamplesUrl\}/tree-grid/updating) diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/jquery-api.mdx index 97770b17d7..ba4a34fb23 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/jquery-api.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igTreeGrid)" slug: igtreegrid-jquery-api --- +# jQuery および MVC API リファレンス リンク (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igTreeGrid) diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/known-issues-and-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/known-issues-and-limitations.mdx index 20b30148e3..78fd926a94 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/known-issues-and-limitations.mdx @@ -3,6 +3,8 @@ title: "既知の問題と制限 (igTreeGrid)" slug: igtreegrid-known-issues-and-limitations --- +# 既知の問題と制限 (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限 (igTreeGrid) @@ -47,4 +49,4 @@ $(".selector").igTreeGrid({ - [機能の概要 (igTreeGrid)](/igtreegrid-features-overview): このトピックでは、`igTreeGrid` コントロールで使用可能なモジュラー機能の基本について説明します。 ### <a id="samples"></a> サンプル -- [igTreeGrid の概要]({environment:SamplesUrl}/tree-grid/overview) +- [igTreeGrid の概要](\{environment:SamplesUrl\}/tree-grid/overview) diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/landing-page.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/landing-page.mdx index 18d5e88c17..731f88394d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/landing-page.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/landing-page.mdx @@ -5,7 +5,6 @@ slug: igtreegrid-landing-page # igTreeGrid - ### 概要 `igTreeGrid` コントロールはデータをツリーのような表構造で表示する jQuery ウィジェットです。このコントロールは、`igHierarchicalGrid` コントロールと同様に階層データを示します。`igTreeGrid` 内の子レイアウトは、ルート レイアウトと同じ列の定義を持ちます。同じ列で階層データをすべて描画すると、ツリー グリッドの描画速度が速くなり、メモリおよび DOM フットプリントが低くなります。また `igTreeGrid` は、`igGrid` と同様の方法で動作する高度なインタラクティブ機能もサポートしています。 diff --git a/docs/jquery/src/content/ja/topics/controls/igtreegrid/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igtreegrid/overview.mdx index 4d22031eb4..3feeb05384 100644 --- a/docs/jquery/src/content/ja/topics/controls/igtreegrid/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igtreegrid/overview.mdx @@ -3,6 +3,8 @@ title: "概要 (igTreeGrid)" slug: igtreegrid-overview --- +# 概要 (igTreeGrid) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 概要 (igTreeGrid) @@ -13,7 +15,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; `igTreeGrid` は `igGrid` コントロールを継承しているため、同じ機能と機能性を多数使用できます。一部の機能は、階層データの最適なニーズに応じて機能と実装が異なります (フィルタリング、ページングなど)。 -柔軟性を維持するために、ツリー グリッドには構成可能な展開インジケーターが用意され、最初のデータ列またはスタンドアロン列にインラインで描画できます。展開インジケーターは、カスタムな視覚化を実現するために、別のルック アンド フィールにカスタマイズすることもできます ([ファイル エクスプローラーのサンプル]({environment:SamplesUrl}/tree-grid/file-explorer "File Explorer Sample - File Explorer with Tree Grid Control - {environment:ProductName}™") を参照)。 +柔軟性を維持するために、ツリー グリッドには構成可能な展開インジケーターが用意され、最初のデータ列またはスタンドアロン列にインラインで描画できます。展開インジケーターは、カスタムな視覚化を実現するために、別のルック アンド フィールにカスタマイズすることもできます ([ファイル エクスプローラーのサンプル](\{environment:SamplesUrl\}/tree-grid/file-explorer "File Explorer Sample - File Explorer with Tree Grid Control - \{environment:ProductName\}™") を参照)。 ### このトピックの内容 @@ -27,11 +29,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [**はじめに**](#getting-started) - [JavaScript で igTreeGrid の初期化](#jq-treegrid) - [サンプル](#full-page-sample) - - [{environment:ProductFamilyName} CLI で igTreeGrid を初期化](#adding-using-CLI) + - [\{environment:ProductFamilyName\} CLI で igTreeGrid を初期化](#adding-using-CLI) - [MVC igTreeGrid の初期化](#mvc-treegrid) - [展開および縮小アイコンのカスタマイズ化](#customize-icon) - [**キーボード ナビゲーション**](#keyboard-navigation) -- [**{environment:ProductFamilyName} CLI で igTreeGrid を Excel にエクスポート**](#exporting-with-CLI) +- [**\{environment:ProductFamilyName\} CLI で igTreeGrid を Excel にエクスポート**](#exporting-with-CLI) - [**関連コンテンツ**](#related-content) - [トピック](#topics) - [サンプル](#samples) @@ -54,7 +56,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ファイル グリッド コントロールと同様に、`igTreeGrid` は DOM で構造の基礎として `TABLE` 要素または `DIV` 要素を使用します。データは親行の展開インジケーターをクリック/タップすることにより表示されます。そのため、子行の描画に必要な表の行とセルの要素はその場で作成されます。`igTreeGrid` のパフォーマンスに関する詳細は、[パフォーマンス セクション](#performance)を参照してください。 -ツリー グリッドは、他の {environment:ProductName} グリッドと同様に、切り離されたアーキテクチャを使用できます。表面下で、`igTreeGrid` は `igTreeHierarchialDataSource` コンポーネントにより支えられています。このデータ ソース コンポーネントは、ツリー グリッドのソース データをユーザーに表示する前に、それに直接影響する機能のロジックを実装します。この特殊なデータ ソースの詳細は、<ApiLink pkg="ig" type="treehierarchicaldatasource" label="igTreeHierarchicalDataSource" /> を参照してください。 +ツリー グリッドは、他の \{environment:ProductName\} グリッドと同様に、切り離されたアーキテクチャを使用できます。表面下で、`igTreeGrid` は `igTreeHierarchialDataSource` コンポーネントにより支えられています。このデータ ソース コンポーネントは、ツリー グリッドのソース データをユーザーに表示する前に、それに直接影響する機能のロジックを実装します。この特殊なデータ ソースの詳細は、<ApiLink pkg="ig" type="treehierarchicaldatasource" label="igTreeHierarchicalDataSource" /> を参照してください。 ## <a id="supported-data-sources"></a> サポートされるデータ ソース @@ -90,7 +92,7 @@ $('#treegrid').igTreeGrid({ 以下のツリー グリッドはフラット データ ソースにバインドされています。 <div class="embed-sample"> - [JSON のバインド]({environment:SamplesEmbedUrl}/tree-grid/json-binding) + [JSON のバインド](\{environment:SamplesEmbedUrl\}/tree-grid/json-binding) </div> ### <a id="hierarchical-data"></a> 階層データ ソース @@ -132,7 +134,7 @@ $('#treegrid').igTreeGrid({ 以下のツリー グリッドは階層データ ソースにバインドされています。 <div class="embed-sample"> - [ファイル エクスプローラー]({environment:SamplesEmbedUrl}/tree-grid/file-explorer) + [ファイル エクスプローラー](\{environment:SamplesEmbedUrl\}/tree-grid/file-explorer) </div> ## <a id="feature-differences-iggrid"></a> igGrid との機能の違い @@ -183,7 +185,7 @@ $("#treegrid").igTreeGrid({ }); ``` -パフォーマンスの向上に役立つその他の機能には、[ロード オン デマンド](/igtreegrid-load-on-demand)や、[リモート機能]({environment:SamplesUrl}/tree-grid/remote-features)を使用してサーバーをローカルに操作する方法などがあります。 +パフォーマンスの向上に役立つその他の機能には、[ロード オン デマンド](/igtreegrid-load-on-demand)や、[リモート機能](\{environment:SamplesUrl\}/tree-grid/remote-features)を使用してサーバーをローカルに操作する方法などがあります。 > **注:** ここで説明したパフォーマンス強化は、ツリー グリッドで非常に大きなデータのセットを使用する場合に最高の効果を発揮します。 @@ -243,12 +245,12 @@ $('#treegrid').igTreeGrid({ <table id="treegrid"></table> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> - <script type="text/javascript" src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.loader.js"></script> + <script type="text/javascript" src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.loader.js"></script> <script type="text/javascript"> $.ig.loader({ - scriptPath: 'http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/', - cssPath: 'http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/', + scriptPath: 'http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/', + cssPath: 'http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/', resources: 'igTreeGrid.Filtering.Paging.Sorting', ready: function () { @@ -328,17 +330,17 @@ $('#treegrid').igTreeGrid({ </html> ``` -### <a id='adding-using-CLI'></a> {environment:ProductFamilyName} CLI で igTreeGrid を初期化 +### <a id='adding-using-CLI'></a> \{environment:ProductFamilyName\} CLI で igTreeGrid を初期化 -{environment:ProductFamilyName} CLI で新しい igTreeGrid を簡単にアプリケーションに追加します。 +\{environment:ProductFamilyName\} CLI で新しい igTreeGrid を簡単にアプリケーションに追加します。 -{environment:ProductFamilyName} CLI のインストール: +\{environment:ProductFamilyName\} CLI のインストール: ``` npm install -g igniteui-cli ``` -{environment:ProductFamilyName} CLI インストール後、{environment:ProductName} プロジェクトを生成し、新しい igTreeGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 +\{environment:ProductFamilyName\} CLI インストール後、\{environment:ProductName\} プロジェクトを生成し、新しい igTreeGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 ``` ig new <project name> @@ -347,7 +349,7 @@ ig add tree-grid newTreeGrid ig start ``` -すべての利用可能なコマンドおよび詳細な情報については、[「{environment:ProductFamilyName} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、[「\{environment:ProductFamilyName\} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 ### <a id='mvc-treegrid'></a> MVC igTreeGrid の初期化 @@ -568,17 +570,17 @@ jQuery、jQueryUI、および Ignite　UI スクリプトおよび css クラス <kbd>Ctrl+Home</kbd>|セルが選択される|グリッドの左上セルへ移動します。 <kbd>Ctrl+End</kbd>|セルが選択される|グリッドの右下セルへ移動します。 -## <a id="exporting-with-CLI"></a> {environment:ProductFamilyName} CLI で igTreeGrid を Excel にエクスポート +## <a id="exporting-with-CLI"></a> \{environment:ProductFamilyName\} CLI で igTreeGrid を Excel にエクスポート -{environment:ProductFamilyName} CLI を使用して Excel エクスポートが構成された新しい igTreeGrid を簡単に追加できます。 +\{environment:ProductFamilyName\} CLI を使用して Excel エクスポートが構成された新しい igTreeGrid を簡単に追加できます。 -{environment:ProductFamilyName} CLI のインストール: +\{environment:ProductFamilyName\} CLI のインストール: ``` npm install -g igniteui-cli ``` -{environment:ProductFamilyName} CLI インストール後、{environment:ProductName} プロジェクトを生成し、Excel エクスポートが構成された新しい igTreeGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 +\{environment:ProductFamilyName\} CLI インストール後、\{environment:ProductName\} プロジェクトを生成し、Excel エクスポートが構成された新しい igTreeGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 ``` ig new <project name> @@ -587,7 +589,7 @@ ig add tree-grid-export newTreeGridExport ig start ``` -すべての利用可能なコマンドおよび詳細な情報については、[「{environment:ProductFamilyName} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、[「\{environment:ProductFamilyName\} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 ## <a id="related-content"></a> 関連コンテンツ @@ -597,5 +599,5 @@ ig start - [ロード オン デマンド (igTreeGrid)](/igtreegrid-load-on-demand): このトピックでは、`igTreeGrid` ロード オン デマンドのメリットと実装方法を説明します。 ### <a id="samples"></a> サンプル -- [igTreeGrid の概要]({environment:SamplesUrl}/tree-grid/overview) -- [igTreeGrid のページング]({environment:SamplesUrl}/tree-grid/paging) +- [igTreeGrid の概要](\{environment:SamplesUrl\}/tree-grid/overview) +- [igTreeGrid のページング](\{environment:SamplesUrl\}/tree-grid/paging) diff --git a/docs/jquery/src/content/ja/topics/controls/igupload/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igupload/accessibility-compliance.mdx index 22003a51ee..91e381e07c 100644 --- a/docs/jquery/src/content/ja/topics/controls/igupload/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igupload/accessibility-compliance.mdx @@ -6,7 +6,7 @@ slug: igupload-accessibility-compliance # アクセシビリティの遵守 (igUpload) ## Upload アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。**表 1** には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igUpload` コントロールが各規則を遵守するための詳しい方法も含んでいます。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。**表 1** には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igUpload` コントロールが各規則を遵守するための詳しい方法も含んでいます。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igupload/jquery-api-links.mdx b/docs/jquery/src/content/ja/topics/controls/igupload/jquery-api-links.mdx index 0a5dfd36ad..8bf679493d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igupload/jquery-api-links.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igupload/jquery-api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igUpload)" slug: igupload-jquery-api-links --- +# jQuery および MVC API リファレンス リンク (igUpload) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igUpload) diff --git a/docs/jquery/src/content/ja/topics/controls/igupload/known-issues.mdx b/docs/jquery/src/content/ja/topics/controls/igupload/known-issues.mdx index af80f5cd99..0a63324914 100644 --- a/docs/jquery/src/content/ja/topics/controls/igupload/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igupload/known-issues.mdx @@ -3,6 +3,8 @@ title: "既知の問題と制限事項 (igUpload)" slug: igupload-known-issues --- +# 既知の問題と制限事項 (igUpload) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限事項 (igUpload) @@ -15,7 +17,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 3. `igUpload` コントロールは、タブ ナビゲーション中を除き、キーボード ナビゲーションをサポートしておらず、コントロールはページ上でフォーカスを取得します。TAB キーを使用している場合、コントロールとその要素をナビゲートできます。 4. PipelineMode が Classic で、Trace が有効な場合、大きいファイル (50kb 以上) のアップロードは失敗します。 5. Internet Explorer 10/11 で Windows 認証モードが有効で、IE の HTTP keep-alive タイムアウト (デフォルト値は 120 秒) が切れた場合、ファイルのアップロードは失敗します。これは IE のサード パーティ問題です。回避策として、接続を保持するには特定の期間にサーバーへ POST 要求を送信できます。たとえば、keep-alive を 120 秒に設定した場合、最初のアップロードの後に要求を 90 秒毎にトリガーします。 -6. {environment:ProductNameMVC} コントロールなど jQuery Upload コントロールにはサーバー イベントはありません。ポイントできるのは、ハンドラーとすべてのファイルがアップロードされるフォルダーですが、アップロードが完了したらファイルを処理して削除したり移動することはできません。しかし、ASP.NET MVC のコンテキストを使えば回避できます。Global.asax ファイルで、手動でサーバー側イベントにアタッチして必要なロジックを実行し、アップロードを行うことができます。 +6. \{environment:ProductNameMVC\} コントロールなど jQuery Upload コントロールにはサーバー イベントはありません。ポイントできるのは、ハンドラーとすべてのファイルがアップロードされるフォルダーですが、アップロードが完了したらファイルを処理して削除したり移動することはできません。しかし、ASP.NET MVC のコンテキストを使えば回避できます。Global.asax ファイルで、手動でサーバー側イベントにアタッチして必要なロジックを実行し、アップロードを行うことができます。 >**注:** このアプローチは、ベスト プラクティスではなく、あくまでも制限への回避策としての方法です。グローバル イベントを使用すると、アプリケーションのページごとにそれらのイベントが発生するため、アップロードを行っているページのコンテキストでのみコードが実行される必要があります。 次のサンプルは、Global.asax ファイルにハンドラーをアタッチし、アップロードされたファイルを削除する方法を示しています。 @@ -50,7 +52,7 @@ protected void OnFileFinishing(object sender, UploadFinishingEventArgs e) >**注:** クラスおよびイベントの使用方法に関する詳細は、[HTTP ハンドラーおよびモジュールの使用](./01_Working with igUpload/01_igUpload_Using_HTTP_Handler_and_Modules.mdx)トピックに従い、API ヘルプをお読みください。 ## 依存関係 -`igUpload` コントロールは、次の {environment:ProductName} ウィジェットである `igButton`、`igBrowseButton`、`igProgressBar`、および ajaxQueue プラグインにそれぞれ依存しています。これらのウィジェットは、デフォルトで使用できるよう `igUpload` コントロールに組み込まれています。 +`igUpload` コントロールは、次の \{environment:ProductName\} ウィジェットである `igButton`、`igBrowseButton`、`igProgressBar`、および ajaxQueue プラグインにそれぞれ依存しています。これらのウィジェットは、デフォルトで使用できるよう `igUpload` コントロールに組み込まれています。 また、ウィジェットは外部 JavaScript ファイル ig.ui.fileupload-en.js から定義された文字列を使用します。その他の言語ロケールは、適切な 2 文字の言語サフィックスが付いた他の類似ファイルを作成することで追加できます。 diff --git a/docs/jquery/src/content/ja/topics/controls/igupload/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igupload/overview.mdx index fce2a4f02c..4bc7fc2836 100644 --- a/docs/jquery/src/content/ja/topics/controls/igupload/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igupload/overview.mdx @@ -6,7 +6,7 @@ slug: igupload-overview # igUpload の概要 ## igUpload について -{environment:ProductName}™ アップロード コントロール、つまり `igUpload` は、あらゆるタイプのファイルをアップロードし、クライアントのブラウザーからサーバーへファイルを送信できるようにするコントロールです。アップロードされたファイルのサイズは、サーバー側の制限にのみ制限されるため、デフォルトの 10MB を超えるサイズの大規模ファイルをアップロードできます。 +\{environment:ProductName\}™ アップロード コントロール、つまり `igUpload` は、あらゆるタイプのファイルをアップロードし、クライアントのブラウザーからサーバーへファイルを送信できるようにするコントロールです。アップロードされたファイルのサイズは、サーバー側の制限にのみ制限されるため、デフォルトの 10MB を超えるサイズの大規模ファイルをアップロードできます。 アップロード コントロールは、シングル アップロード (デフォルト) または同時に複数のファイルのアップロード操作を行うことができます。複数ファイルのアップロードを簡単に行うため、コントロールは HTML iframe 要素を使用してバックグラウンドでファイルをアップロードします。ファイルがアップロードされると、iframe は HTML として削除されます。 @@ -64,9 +64,9 @@ slug: igupload-overview ![](../../images/images/igUpload_Overview_02.png) -[igUpload シングル アップロードのサンプル]({environment:SamplesUrl}/file-upload/basic-usage) +[igUpload シングル アップロードのサンプル](\{environment:SamplesUrl\}/file-upload/basic-usage) -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 **HTML の場合:** @@ -101,7 +101,7 @@ slug: igupload-overview <script type="text/javascript" src="@Url.Content("~/Scripts/Samples/infragistics.core.js")"></script><script type="text/javascript" src="@Url.Content("~/Scripts/Samples/infragistics.lob.js")"></script> ``` -3. jQuery の実装では、HTML 内のターゲット要素として DIV を定義します。ASP.NET MVC の実装の場合、含める要素を {environment:ProductNameMVC} が作成してくれるので、この手順はオプションです。 +3. jQuery の実装では、HTML 内のターゲット要素として DIV を定義します。ASP.NET MVC の実装の場合、含める要素を \{environment:ProductNameMVC\} が作成してくれるので、この手順はオプションです。 **HTML の場合:** @@ -158,7 +158,7 @@ slug: igupload-overview 5. 次に、サーバー側 HTTP ハンドラーとモジュールを構成する必要があります。 ## ASP.NET の HTTP ハンドラーとモジュールの構成 -必要な HTTP ハンドラーとモジュールは、`Infragistics.Web.MVC dll` だけではなく {environment:ProductNameMVC} の一部です。次の手順に従ってそれらを Web.config ファイルに登録します。 +必要な HTTP ハンドラーとモジュールは、`Infragistics.Web.MVC dll` だけではなく \{environment:ProductNameMVC\} の一部です。次の手順に従ってそれらを Web.config ファイルに登録します。 1. まず最初に、アップロードされたファイルを保存する書き込み許可のあるフォルダー を作成する必要があります。次に、`igUpload` がどこにファイルを保存するか認識するよう、そのフォルダーを Web.config ファイルに登録する必要があります (以下のコードを参照)。現在の例では、Uploads というフォルダーになっています。 2. `maxFileSizeLimit` 設定を行うことで、アップロードされたファイルのサイズを制限できます。このサンプルでは、このサイズは約 100 MB です。 @@ -237,9 +237,9 @@ allowedMIMEType |アップロード可能な MIME の種類を構成します。 ## 関連リンク -- [igUpload シングル アップロードのサンプル]({environment:SamplesUrl}/file-upload/basic-usage) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [igUpload シングル アップロードのサンプル](\{environment:SamplesUrl\}/file-upload/basic-usage) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) - [igUpload HTTP ハンドラーおよびモジュール](./01_Working with igUpload/01_igUpload_Using_HTTP_Handler_and_Modules.mdx) - [igUpload クライアント側イベント](./01_Working with igUpload/02_igUpload_Using_Client_Side_Events.mdx) - [ASP.NET MVC での igUpload サーバー側イベント](./01_Working with igUpload/03_igUpload_Using_Server_Side_Events.mdx) diff --git a/docs/jquery/src/content/ja/topics/controls/igupload/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igupload/styling-and-theming.mdx index a0f27edd8e..7d3ed002a6 100644 --- a/docs/jquery/src/content/ja/topics/controls/igupload/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igupload/styling-and-theming.mdx @@ -9,7 +9,7 @@ slug: igupload-styling-and-theming ## 必要な CSS とテーマ -{environment:ProductName}™ `igUpload` は、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。{environment:ProductName} には、Infragistics および Metro と呼ばれるカスタム jQuery UI テーマが含まれています。これらのテーマによって、Infragistics ウィジェットおよび標準の jQuery UI ウィジェットが、プロフェッショナルで魅力的な外観になります。 +\{environment:ProductName\}™ `igUpload` は、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。\{environment:ProductName\} には、Infragistics および Metro と呼ばれるカスタム jQuery UI テーマが含まれています。これらのテーマによって、Infragistics ウィジェットおよび標準の jQuery UI ウィジェットが、プロフェッショナルで魅力的な外観になります。 Infragistics および Metro テーマに加えて、Infragistics ウィジェットの基本 CSS レイアウトに必要な structure ディレクトリがあります。 @@ -189,8 +189,8 @@ fileExtensionIcons: [ - [jQuery UI CSS Framework](http://docs.jquery.com/UI/Theming/API) ## 関連リンク -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/configuring-igupload.mdx b/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/configuring-igupload.mdx index 590f53433e..ca0cd2a786 100644 --- a/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/configuring-igupload.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/configuring-igupload.mdx @@ -3,6 +3,8 @@ title: "igUpload の構成" slug: igupload-configuring-igupload --- +# igUpload の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igUpload の構成 @@ -499,11 +501,11 @@ $('#upload1').igUpload({ このトピックについては、以下のサンプルも参照してください。 -- [単一アップロード]({environment:SamplesUrl}/file-upload/basic-usage): このサンプルは、`igUpload` のアップロード自動開始オプションの設定を示します。 +- [単一アップロード](\{environment:SamplesUrl\}/file-upload/basic-usage): このサンプルは、`igUpload` のアップロード自動開始オプションの設定を示します。 -- [複数アップロード]({environment:SamplesUrl}/file-upload/multiple-upload): このサンプルは、`igUpload` の複数ファイルアップロードの構成を示します +- [複数アップロード](\{environment:SamplesUrl\}/file-upload/multiple-upload): このサンプルは、`igUpload` の複数ファイルアップロードの構成を示します -- [進行状況の表示]({environment:SamplesUrl}/file-upload/progress-information): このサンプルは、`igUpload` コントロールに対し、最大アップロード ファイル数と最大同時ファイル アップロード数を設定する例を示します。 +- [進行状況の表示](\{environment:SamplesUrl\}/file-upload/progress-information): このサンプルは、`igUpload` コントロールに対し、最大アップロード ファイル数と最大同時ファイル アップロード数を設定する例を示します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/saving-files-as-stream.mdx b/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/saving-files-as-stream.mdx index f79da9ce97..021a05c3d4 100644 --- a/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/saving-files-as-stream.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/saving-files-as-stream.mdx @@ -48,9 +48,9 @@ slug: igupload-saving-files-as-stream ファイルをアップロードする際に、通常サーバーで処理します。たとえば、ファイル システムに保存する前にデータベースに保存または圧縮します。 -ファイルのアップロード処理を有効にするには、{environment:ProductNameMVC} `Upload` の HTTP モジュールを有効にする必要があります。このモジュールを有効にするには、プロジェクトの web.config ファイルに登録してください。正確な構成は、インストール済みのインターネット インフォメーション サービス (IIS) バージョンにより異なります。 +ファイルのアップロード処理を有効にするには、\{environment:ProductNameMVC\} `Upload` の HTTP モジュールを有効にする必要があります。このモジュールを有効にするには、プロジェクトの web.config ファイルに登録してください。正確な構成は、インストール済みのインターネット インフォメーション サービス (IIS) バージョンにより異なります。 -ファイルをアップロードして正しく処理するには、`igUpload` コントロールは、ファイル サイズやアップロード状態および進行状況などファイルやアップロード処理に関するデータの一部が必要です。このデータ交換を可能にするには、{environment:ProductNameMVC} `Upload` の HTTP モジュールを有効にする必要があります。このハンドラーを有効にするには、プロジェクトの web.config ファイルに登録してください。正確な構成は、インストール済みのインターネット インフォメーション サービス (IIS) バージョンにより異なります。 +ファイルをアップロードして正しく処理するには、`igUpload` コントロールは、ファイル サイズやアップロード状態および進行状況などファイルやアップロード処理に関するデータの一部が必要です。このデータ交換を可能にするには、\{environment:ProductNameMVC\} `Upload` の HTTP モジュールを有効にする必要があります。このハンドラーを有効にするには、プロジェクトの web.config ファイルに登録してください。正確な構成は、インストール済みのインターネット インフォメーション サービス (IIS) バージョンにより異なります。 `igUpload` コントロールは、明示的に定義されたアプリケーション設定なしで機能できます。ただし、以下のようなものを常に構成するには実施するとよいです。 @@ -85,9 +85,9 @@ View では、`igUpload` のクライアント側エラー処理と同様に、` ## <a id="file-processing-overview"></a>ファイル処理の概要 ### <a id="file-processing-summary"></a>ファイル処理の要約 -{environment:ProductNameMVC} `Upload` は、アップロード中またはサーバー上の一時ファイルに保存された後にオンデマンドでファイルが処理されるかどうかに応じて、アップロード ファイルを処理する以下の方法を提供します。 +\{environment:ProductNameMVC\} `Upload` は、アップロード中またはサーバー上の一時ファイルに保存された後にオンデマンドでファイルが処理されるかどうかに応じて、アップロード ファイルを処理する以下の方法を提供します。 -- ファイル ストリームの処理 - アップロードされたファイルは、まず {environment:ProductNameMVC} `Upload` の HTTP モジュールにより一時ファイルとして保存されます。ファイルの保存後にファイルを処理できます。このモードはファイルをサーバー ファイル システムに保存する場合に使用します。 +- ファイル ストリームの処理 - アップロードされたファイルは、まず \{environment:ProductNameMVC\} `Upload` の HTTP モジュールにより一時ファイルとして保存されます。ファイルの保存後にファイルを処理できます。このモードはファイルをサーバー ファイル システムに保存する場合に使用します。 - メモリ ストリーム処理 - アップロードしたファイルは、アップロード時 (その後保存) またはメモリにアップロードした後のいずれかのオンデマンドで処理されます。アップロード処理により細やかなコントロールが必要である場合にこのモードを使用します (たとえばデスクやデータベースに保存する前に圧縮する場合など)。 ### <a id="file-stream-processing"></a>ファイル ストリーム処理 @@ -98,7 +98,7 @@ View では、`igUpload` のクライアント側エラー処理と同様に、` ### <a id="memory-stream-processing"></a>メモリ ストリーム処理 -メモリ ストリーム処理を使用する場合、ファイルは手動で処理できる `MemoryStream` オブジェクトにアップロードされます。{environment:ProductNameMVC} `Upload` コンポーネントは、`MemoryStream` にアップロードするために以下のアプローチを提供します (処理するイベントやそれらのイベントの処理方法に基づく)。 +メモリ ストリーム処理を使用する場合、ファイルは手動で処理できる `MemoryStream` オブジェクトにアップロードされます。\{environment:ProductNameMVC\} `Upload` コンポーネントは、`MemoryStream` にアップロードするために以下のアプローチを提供します (処理するイベントやそれらのイベントの処理方法に基づく)。 - (推奨) 各グループを処理します。 @@ -106,7 +106,7 @@ View では、`igUpload` のクライアント側エラー処理と同様に、` - ファイルの一部を手動で処理 - ファイルの一部を手動で処理する場合、イベントをキャンセルする必要があります。そのような場合、{environment:ProductNameMVC} `Upload` は、内部の MemoryStream オブジェクトに追加しません。この方法は、[アップロード済みの各ファイルの一部を処理してメモリ ストリームとしてファイルを保存 - 手順](#procedure) をご参照ください。 + ファイルの一部を手動で処理する場合、イベントをキャンセルする必要があります。そのような場合、\{environment:ProductNameMVC\} `Upload` は、内部の MemoryStream オブジェクトに追加しません。この方法は、[アップロード済みの各ファイルの一部を処理してメモリ ストリームとしてファイルを保存 - 手順](#procedure) をご参照ください。 - ファイルの一部を自動処理 @@ -135,7 +135,7 @@ View では、`igUpload` のクライアント側エラー処理と同様に、` - Microsoft® Visual Studio 2010 またははそれ以降 - ASP.NET MVC 2 またはそれ以降 -- Infragistics {environment:ProductName}® 13.1 またはそれ以降 +- Infragistics \{environment:ProductName\}® 13.1 またはそれ以降 ### <a id="procedure-prerequisites"></a>前提条件 @@ -144,7 +144,7 @@ View では、`igUpload` のクライアント側エラー処理と同様に、` - `<project folder>/Views/Shared/_Layout.cshtml` ファイルへ追加された以下のスクリプト - `<project folder>/Scripts/jquery-1.5.1.min.js` - `<project folder>/Scripts/jquery-ui-1.8.11.min.js` -- プロジェクトに含まれ適切に参照された Infragistics {environment:ProductName} エージェント +- プロジェクトに含まれ適切に参照された Infragistics \{environment:ProductName\} エージェント - スクリプトは、`<project folder>`\Infragistics フォルダーに置かれます。 - `<project folder>/Views/Shared/_Layout.cshtml` ファイル (ファイルはプロジェクトの一部として使用可能) のヘッド タグで参照しなければなりません。 @@ -184,13 +184,13 @@ routes.IgnoreRoute("IGUploadStatusHandler.ashx"); 以下は、ファイルをメモリ ストリームとしてアップロードする方法の手順です。 -1. <a id="http-module"></a> {environment:ProductNameMVC} `Upload` の HTTP モジュールを構成します。 +1. <a id="http-module"></a> \{environment:ProductNameMVC\} `Upload` の HTTP モジュールを構成します。 プロジェクトの web.config ファイルで登録することにより HTTP モジュールを有効にします。 - Internet Information Services (IIS) 6 の構成 - IIS 6 を構成するには、`<system.web>` セクションにおいて、web.config ファイルの `<httpModules>` セクションで、{environment:ProductNameMVC} `Upload` の HTTP モジュールを登録します。 + IIS 6 を構成するには、`<system.web>` セクションにおいて、web.config ファイルの `<httpModules>` セクションで、\{environment:ProductNameMVC\} `Upload` の HTTP モジュールを登録します。 **XML の場合:** @@ -204,7 +204,7 @@ routes.IgnoreRoute("IGUploadStatusHandler.ashx"); - IIS 7 の構成 - IIS 7 を構成するには、`<system.webServer>` セクションにおいて、web.config ファイルの `<modules>` セクションで、{environment:ProductNameMVC} `Upload`の HTTP モジュールを登録します。 + IIS 7 を構成するには、`<system.webServer>` セクションにおいて、web.config ファイルの `<modules>` セクションで、\{environment:ProductNameMVC\} `Upload`の HTTP モジュールを登録します。 **XML の場合:** @@ -217,13 +217,13 @@ routes.IgnoreRoute("IGUploadStatusHandler.ashx"); </system.webServer> ``` -2. <a id="http-handler"></a>{environment:ProductNameMVC} `Upload`の HTTP ハンドラーを構成します。 +2. <a id="http-handler"></a>\{environment:ProductNameMVC\} `Upload`の HTTP ハンドラーを構成します。 プロジェクトの web.config ファイルで登録することにより HTTP モジュールを有効にします。 - IIS 6 の構成 - IIS 6 を構成するには、`<system.web>` セクションにおいて、web.config ファイルの `<httpHandlers>` セクションで、{environment:ProductNameMVC} `Upload`の HTTP ハンドラーを登録します。 + IIS 6 を構成するには、`<system.web>` セクションにおいて、web.config ファイルの `<httpHandlers>` セクションで、\{environment:ProductNameMVC\} `Upload`の HTTP ハンドラーを登録します。 **XML の場合:** @@ -238,7 +238,7 @@ routes.IgnoreRoute("IGUploadStatusHandler.ashx"); - IIS 7 の構成 - IIS 7 を構成するには、`<system.webServer>` セクションにおいて、web.config ファイルの `<handlers>` セクションで、{environment:ProductNameMVC} `Upload`の HTTP ハンドラーを登録します。 + IIS 7 を構成するには、`<system.webServer>` セクションにおいて、web.config ファイルの `<handlers>` セクションで、\{environment:ProductNameMVC\} `Upload`の HTTP ハンドラーを登録します。 **XML の場合:** @@ -251,7 +251,7 @@ routes.IgnoreRoute("IGUploadStatusHandler.ashx"); </system.webServer> ``` -3. <a id="application-settings"></a>{environment:ProductNameMVC} `Upload`のアプリケーション設定を構成します。 +3. <a id="application-settings"></a>\{environment:ProductNameMVC\} `Upload`のアプリケーション設定を構成します。 アプリケーション設定を構成します。 @@ -413,7 +413,7 @@ routes.IgnoreRoute("IGUploadStatusHandler.ashx"); **G.** メソッドを構成して キャッシュからストリームを取得します。 - GetStreamFromCache 静的メソッドを定義します。この静的メソッドは、指定したキーで MemoryStream を返します。これを行うには、`Dictionary<string, MemoryStream>` オブジェクトを ASP.NET キャッシュに管理します。ディクショナリは、現在アップロードしているファイルのデータを保留します。「[コントローラーで {environment:ProductNameMVC} `Upload`を構成する](#mvc-controller)」セクションを参照すると、ファイル全体をキャッシュに保持しなくてもよくなります。代わりに、UploadUtils.BufferSize プロパティでサイズが定義されたデータ群をディスクのファイルに書き込みます。 + GetStreamFromCache 静的メソッドを定義します。この静的メソッドは、指定したキーで MemoryStream を返します。これを行うには、`Dictionary<string, MemoryStream>` オブジェクトを ASP.NET キャッシュに管理します。ディクショナリは、現在アップロードしているファイルのデータを保留します。「[コントローラーで \{environment:ProductNameMVC\} `Upload`を構成する](#mvc-controller)」セクションを参照すると、ファイル全体をキャッシュに保持しなくてもよくなります。代わりに、UploadUtils.BufferSize プロパティでサイズが定義されたデータ群をディスクのファイルに書き込みます。 **C# の場合:** @@ -442,7 +442,7 @@ routes.IgnoreRoute("IGUploadStatusHandler.ashx"); **H.** メソッドを構成して キャッシュからストリームを削除します。 - RemoveStreamFromCache 静的メソッドを定義します。このメソッドは、キーによりディクショナリから項目フォームを削除します。「[コントローラーで {environment:ProductNameMVC} `Upload`を構成する](#mvc-controller)」セクションを参照し、現在アップロードしているファイルのキャッシュからファイルを削除するために使用します。 + RemoveStreamFromCache 静的メソッドを定義します。このメソッドは、キーによりディクショナリから項目フォームを削除します。「[コントローラーで \{environment:ProductNameMVC\} `Upload`を構成する](#mvc-controller)」セクションを参照し、現在アップロードしているファイルのキャッシュからファイルを削除するために使用します。 **C# の場合:** @@ -473,7 +473,7 @@ routes.IgnoreRoute("IGUploadStatusHandler.ashx"); } ``` -5. <a id="mvc-view"></a>View で {environment:ProductNameMVC} `Upload`を構成します。 +5. <a id="mvc-view"></a>View で \{environment:ProductNameMVC\} `Upload`を構成します。 `<project folder>\Views\Home\Index.cshtml` ファイルで、コードを入力して View を構成します。 @@ -520,7 +520,7 @@ routes.IgnoreRoute("IGUploadStatusHandler.ashx"); <div id="uploadErrors" style="color: red;"></div> ``` -6. <a id="mvc-controller"></a>コントローラーで {environment:ProductNameMVC} `Upload`を構成します。 +6. <a id="mvc-controller"></a>コントローラーで \{environment:ProductNameMVC\} `Upload`を構成します。 コントローラーを構成するには diff --git a/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-client-side-events.mdx b/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-client-side-events.mdx index c0749ba70e..0dcca2dad4 100644 --- a/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-client-side-events.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-client-side-events.mdx @@ -7,7 +7,7 @@ slug: igupload-using-client-side-events `igUpload` コントロールは、多数のイベントを備えた豊富なクライアント側 API を公開します。7 種類の異なるクライアント側イベントがあり、これらは、ユーザーがコントロールを操作しているとき、またはアップロードの処理中に発生します。 -このトピックでは、基本的な jQuery バージョンおよび {environment:ProductNameMVC} Upload を使用して、クライアント側イベント ハンドラーを `igUpload` にアタッチする方法を説明します。さらに、このドキュメントでは、関連するイベント引数の詳細と各イベントを記述する方法についても説明します。 +このトピックでは、基本的な jQuery バージョンおよび \{environment:ProductNameMVC\} Upload を使用して、クライアント側イベント ハンドラーを `igUpload` にアタッチする方法を説明します。さらに、このドキュメントでは、関連するイベント引数の詳細と各イベントを記述する方法についても説明します。 ## jQuery でのクライアント側イベントへのアタッチ 基本的な `igUpload` jQuery ウィジェットを使用する場合、イベントに対するハンドラーは、jQuery UI オプションと同様に定義します。 @@ -26,10 +26,10 @@ $(window).load(function () { }); ``` -## {environment:ProductNameMVC} を使用したクライアント側イベントへのアタッチ -デフォルトで、{environment:ProductNameMVC} は、ラッパー構文のコンテキストでのイベント ハンドラーの定義をサポートしていません。jQuery を使用して、イベント バインドをもう一度設定します。 +## \{environment:ProductNameMVC\} を使用したクライアント側イベントへのアタッチ +デフォルトで、\{environment:ProductNameMVC\} は、ラッパー構文のコンテキストでのイベント ハンドラーの定義をサポートしていません。jQuery を使用して、イベント バインドをもう一度設定します。 -1. 最初に、{environment:ProductNameMVC} Upload のインスタンスを作成します。 +1. 最初に、\{environment:ProductNameMVC\} Upload のインスタンスを作成します。 ASPX の場合: @@ -59,7 +59,7 @@ $(window).load(function () { このサンプルは、igUpload のイベントおよびメソッドの使用方法を紹介します。 <div class="embed-sample"> - [API およびイベント]({environment:SamplesEmbedUrl}/file-upload/api-events) + [API およびイベント](\{environment:SamplesEmbedUrl\}/file-upload/api-events) </div> @@ -135,8 +135,8 @@ $(window).load(function () { 8 |ファイルがキャンセルされたかどうか、および `maxSimultaneousFilesUploads` が 0 以下かどうかを確認しようとしたときにエラーがスローされました。 ## 関連リンク -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-http-handler-and-modules.mdx b/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-http-handler-and-modules.mdx index f569205735..f7b9569e39 100644 --- a/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-http-handler-and-modules.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-http-handler-and-modules.mdx @@ -4,8 +4,9 @@ slug: igupload-using-http-handler-and-modules --- # HTTP ハンドラーおよびモジュールの使用 (igUpload) + -`igUpload` コントロールによるアップロードを容易にするために、アップロードしたデータを処理し保存するサーバー ロジックを実装する必要があります。クライアント専用の `igUpload` は任意の数の異なるサーバー技術と連携できます。{environment:ProductName}™ には、ASP.NET を使用したサーバー側の実装が含まれています。このトピックでは、HTTP モジュールと HTTP ハンドラーを構成し、アップロードしたデータを受け取るサーバー イベントを処理する方法について説明します。 +`igUpload` コントロールによるアップロードを容易にするために、アップロードしたデータを処理し保存するサーバー ロジックを実装する必要があります。クライアント専用の `igUpload` は任意の数の異なるサーバー技術と連携できます。\{environment:ProductName\}™ には、ASP.NET を使用したサーバー側の実装が含まれています。このトピックでは、HTTP モジュールと HTTP ハンドラーを構成し、アップロードしたデータを受け取るサーバー イベントを処理する方法について説明します。 ## HTTP モジュール HttpModule を構成すると、ファイル アップロード処理を管理できます。これは、HTTP Request 処理にプラグインする .NET IHttpModule インターフェイスを実装します。そのため、アップロード コントロールからの要求だけでなく、すべての要求が HttpModule を通過します。これは、HttpModule が、アップロード コントロールに関連する要求だけをフィルタリングするからです。 @@ -130,8 +131,8 @@ HttpModule とは違い、HttpHandler は URL 経由でアクセス可能です 10 | イベント ハンドラーでファイルのアップロード開始時にアップロードがキャンセルされたときにエラーが発生しました。 ## 関連リンク -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) - [igUpload の概要](/igupload-overview) diff --git a/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx b/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx index 5e0223f622..66e69cdec9 100644 --- a/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igupload/working-with-igupload/using-server-side-events.mdx @@ -3,6 +3,8 @@ title: "ASP.NET MVC でサーバー側イベントの使用 (igUpload)" slug: igupload-using-server-side-events --- +# ASP.NET MVC でサーバー側イベントの使用 (igUpload) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ASP.NET MVC でサーバー側イベントの使用 (igUpload) @@ -207,8 +209,8 @@ $(function(){ ![](../../../images/images/igUpload_CustomErrorMessage.png) ## 関連リンク -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/controls/igvalidator/migration-topic.mdx b/docs/jquery/src/content/ja/topics/controls/igvalidator/migration-topic.mdx index 43457fb50f..4c9b7dffbd 100644 --- a/docs/jquery/src/content/ja/topics/controls/igvalidator/migration-topic.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igvalidator/migration-topic.mdx @@ -2,11 +2,14 @@ title: "新しい igValidator コントロールへの移行" slug: igvalidator-migration-topic --- + +# 新しい igValidator コントロールへの移行 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 新しい igValidator コントロールへの移行 -{environment:ProductName}™ の 15.2 リリースでは、作り直された新しい `igValidator` コントロールが導入されています。使いやすさを中心にデザインも刷新され、ユーザー エクスペリエンスも改善されています。このコントロールは新しい `igNotifier` コントロールを使用して、error メッセージを表示します。 +\{environment:ProductName\}™ の 15.2 リリースでは、作り直された新しい `igValidator` コントロールが導入されています。使いやすさを中心にデザインも刷新され、ユーザー エクスペリエンスも改善されています。このコントロールは新しい `igNotifier` コントロールを使用して、error メッセージを表示します。 ## トピックの概要 このトピックは、古いバリデーターから新しいバリデーターへの移行のサポートを目的としています。 diff --git a/docs/jquery/src/content/ja/topics/controls/igvalidator/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igvalidator/overview.mdx index 75a94e28a3..a8153c6fc1 100644 --- a/docs/jquery/src/content/ja/topics/controls/igvalidator/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igvalidator/overview.mdx @@ -2,6 +2,9 @@ title: "igValidator の概要" slug: igvalidator-overview --- + +# igValidator の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igValidator の概要 @@ -29,9 +32,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="setting-up"></a> igValidator のセットアップ -バリデーター コントロールは、複数のターゲット (フィールド) で個別に、またはサポートされる {environment:ProductName} コントロール、エディター、コンボおよびレーティングを統合した状態で構成できます。このコントロールのカスタマイズと構成で使用できる多数のオプションがあります。 +バリデーター コントロールは、複数のターゲット (フィールド) で個別に、またはサポートされる \{environment:ProductName\} コントロール、エディター、コンボおよびレーティングを統合した状態で構成できます。このコントロールのカスタマイズと構成で使用できる多数のオプションがあります。 -### 他の {environment:ProductName} コントロールからの構成 +### 他の \{environment:ProductName\} コントロールからの構成 ```html <div id="textEditor"></div> @@ -127,7 +130,7 @@ $("#rating").igRating({ }); ``` -> **注**: 前述の 2 つのスタンドアロン構成ではどちらも、{environment:ProductName} エディター コントロールで強化されたフィールドをサポートしますが、バリデーターがそれらのフィールドを検出し、正しく処理するためには、事前に初期化する必要があります。他のコントロールより先にバリデーターを初期化できない場合は、<ApiLink type="igvalidator" member="updateField" section="methods" label="updateField" /> メソッドを使用して、バリデーターのフィールドを更新できます。 +> **注**: 前述の 2 つのスタンドアロン構成ではどちらも、\{environment:ProductName\} エディター コントロールで強化されたフィールドをサポートしますが、バリデーターがそれらのフィールドを検出し、正しく処理するためには、事前に初期化する必要があります。他のコントロールより先にバリデーターを初期化できない場合は、<ApiLink type="igvalidator" member="updateField" section="methods" label="updateField" /> メソッドを使用して、バリデーターのフィールドを更新できます。 ## <a id="triggers"></a> 検証トリガー @@ -162,7 +165,7 @@ $("#rating").igRating({ ## <a id="mvc-annotations"></a> ASP.NET MVC でのデータ注釈 -ASP.NET MVC で検証コントロールを構成するために、{environment:ProductNameMVC} Helper [Validator()](Infragistics.Web.Mvc~Infragistics.Web.Mvc.InfragisticsSuite`1~Validator().html) 拡張機能を使用します。 +ASP.NET MVC で検証コントロールを構成するために、\{environment:ProductNameMVC\} Helper [Validator()](Infragistics.Web.Mvc~Infragistics.Web.Mvc.InfragisticsSuite`1~Validator().html) 拡張機能を使用します。 **Razor の場合:** ```csharp @@ -171,7 +174,7 @@ ASP.NET MVC で検証コントロールを構成するために、{environm .Required(true) .Render()) ``` -ヘルパーは [ValidatorModel](Infragistics.Web.Mvc~Infragistics.Web.Mvc.ValidatorModel.html) でも初期化できます。 Model プロパティおよび {environment:ProductNameMVC} メソッドは、できるだけコントロールの jQuery API に従い設定します。 +ヘルパーは [ValidatorModel](Infragistics.Web.Mvc~Infragistics.Web.Mvc.ValidatorModel.html) でも初期化できます。 Model プロパティおよび \{environment:ProductNameMVC\} メソッドは、できるだけコントロールの jQuery API に従い設定します。 検証コントロールを固有のヘルパーで構成するほか、厳密に型指定されたエディターを使用する場合、Model のデータ注釈が自動的に検出され、適切な入力規則とそのメッセージがコントロールの設定に追加されます。一方、[ValidatorOptions()](Infragistics.Web.Mvc~Infragistics.Web.Mvc.BaseEditorWrapper`2~ValidatorOptions.html) ヘルパー メソッドも使用してルールを追加しオーバーライドできます。 @@ -179,6 +182,6 @@ ASP.NET MVC で検証コントロールを構成するために、{environm ## <a id="related-content"></a> 関連コンテンツ -- [バリデーターの概要のサンプル]({environment:SamplesUrl}/validator/overview) -- [データ注釈の検証サンプル]({environment:SamplesUrl}/editors/data-annotation-validation) +- [バリデーターの概要のサンプル](\{environment:SamplesUrl\}/validator/overview) +- [データ注釈の検証サンプル](\{environment:SamplesUrl\}/editors/data-annotation-validation) - <ApiLink type="igValidator" label="igValidator jQuery API" /> diff --git a/docs/jquery/src/content/ja/topics/controls/igvalidator/validation-rules.mdx b/docs/jquery/src/content/ja/topics/controls/igvalidator/validation-rules.mdx index 7bb5d0003d..990a9b5894 100644 --- a/docs/jquery/src/content/ja/topics/controls/igvalidator/validation-rules.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igvalidator/validation-rules.mdx @@ -3,6 +3,8 @@ title: "入力規則" slug: igvalidator-validation-rules --- +# 入力規則 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 入力規則 @@ -199,7 +201,7 @@ $('#editor').igValidator({ ### <a id="equals"></a> EqualsTo -<ApiLink type="igValidator" member="equalTo" section="options" label="equalTo" /> 検証は、ターゲット値およびもう一つのフィールドが同じである必要があります。他のフィールドのセレクターは、入力のさまざまなタイプおよびその他のサポートされる {environment:ProductName} エディター コントロールが初期化される要素へポイントできます。このチェックは、ルールが定義される `igValidator` トリガーに基づいて実行されます。 +<ApiLink type="igValidator" member="equalTo" section="options" label="equalTo" /> 検証は、ターゲット値およびもう一つのフィールドが同じである必要があります。他のフィールドのセレクターは、入力のさまざまなタイプおよびその他のサポートされる \{environment:ProductName\} エディター コントロールが初期化される要素へポイントできます。このチェックは、ルールが定義される `igValidator` トリガーに基づいて実行されます。 有効な jQuery セレクター/参照または`selector` オプション追加メッセージのあるオブジェクトで構成できます。 @@ -322,7 +324,7 @@ $('#validationForm').igValidator({ - `thousandsSeparator` 数値オプションのプロパティが明示的に定義されていない場合に使用するデフォルトの桁区切り記号 (",")。 - `emailRegEx` [メール入力のための HTML5 仕様] に一致する RegExp オブジェクトをチェックするデフォルトのメールチェック。 -これらの設定をグローバルにオーバーライドするために、`igValidator` を初期化する前に必要な {environment:ProductName} リソースを読み込んだ後にプロパティを設定します。 +これらの設定をグローバルにオーバーライドするために、`igValidator` を初期化する前に必要な \{environment:ProductName\} リソースを読み込んだ後にプロパティを設定します。 ```js // override default thousands separator: @@ -331,5 +333,5 @@ $.ui.igValidator.defaults.thousandsSeparator = ""; ## <a id="related-content"></a> 関連コンテンツ -- [バリデーターの概要のサンプル]({environment:SamplesUrl}/validator/overview) +- [バリデーターの概要のサンプル](\{environment:SamplesUrl\}/validator/overview) - <ApiLink type="igValidator" label="igValidator jQuery API" /> diff --git a/docs/jquery/src/content/ja/topics/controls/igvideoplayer/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igvideoplayer/accessibility-compliance.mdx index 3e4ade269a..0a560505f4 100644 --- a/docs/jquery/src/content/ja/topics/controls/igvideoplayer/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igvideoplayer/accessibility-compliance.mdx @@ -6,7 +6,7 @@ slug: igvideoplayer-accessibility-compliance # アクセシビリティの遵守 (igVideoPlayer) ## ビデオ プレーヤー アクセシビリティの遵守 -すべての {environment:ProductName}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、ビデオ プレーヤー コントロールが各規則を遵守するための詳しい方法も含んでいます。 +すべての \{environment:ProductName\}™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、ビデオ プレーヤー コントロールが各規則を遵守するための詳しい方法も含んでいます。 各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。 diff --git a/docs/jquery/src/content/ja/topics/controls/igvideoplayer/jquery-api.mdx b/docs/jquery/src/content/ja/topics/controls/igvideoplayer/jquery-api.mdx index 392b7a7b1d..87afa3888b 100644 --- a/docs/jquery/src/content/ja/topics/controls/igvideoplayer/jquery-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igvideoplayer/jquery-api.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igVideoPlayer)" slug: igvideoplayer-jquery-api --- +# jQuery および MVC API リファレンス リンク (igVideoPlayer) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igVideoPlayer) diff --git a/docs/jquery/src/content/ja/topics/controls/igvideoplayer/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igvideoplayer/overview.mdx index 5ddbb7a611..42dc573d99 100644 --- a/docs/jquery/src/content/ja/topics/controls/igvideoplayer/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igvideoplayer/overview.mdx @@ -6,7 +6,7 @@ slug: igvideoplayer-overview # igVideoPlayer の概要 ## ビデオ プレーヤーの概要 -{environment:ProductName}™ ビデオ プレーヤー、つまり `igVideoPlayer` は HTML 5 ビデオ プレーヤーで、堅牢なクロスブラウザー ユーザー インターフェイスにより Web ページ上のビデオを描画します。ビデオ プレーヤーは HTML 5 ビデオ タグと jQuery UI フレームワークを使用してビルドされており、ブラウザーのプラグインをインストールして使用しなくても、高速ロードが可能な豊富なマルチメディア エクスペリエンスを実現します。 +\{environment:ProductName\}™ ビデオ プレーヤー、つまり `igVideoPlayer` は HTML 5 ビデオ プレーヤーで、堅牢なクロスブラウザー ユーザー インターフェイスにより Web ページ上のビデオを描画します。ビデオ プレーヤーは HTML 5 ビデオ タグと jQuery UI フレームワークを使用してビルドされており、ブラウザーのプラグインをインストールして使用しなくても、高速ロードが可能な豊富なマルチメディア エクスペリエンスを実現します。 ビデオ プレーヤーを使用する場合、さまざまな実装オプションから選択できます。このビデオ プレーヤーは、特定のサーバー バックエンドを使用せずに構成できる豊富な jQuery API を公開しています。また、Microsoft® ASP.NET MVC フレームワークを使用する開発者は、ビデオ プレーヤーのサーバー側ヘルパーを利用して、好みの .NET 言語を使ってコントロールを構成できます。 @@ -14,7 +14,7 @@ slug: igvideoplayer-overview **図 1: igVideoPlayer とプレーヤー コントロール** -[![サンプルを起動中](../../images/images/VideoPlayer_Overview_01.png)]({environment:SamplesUrl}/video-player/basic-usage) +[![サンプルを起動中](../../images/images/VideoPlayer_Overview_01.png)](\{environment:SamplesUrl\}/video-player/basic-usage) ## 機能 - HTML 5 ビデオ タグを使用して、ブラウザーのプラグインを使用せずにビデオを描画します。 @@ -30,13 +30,13 @@ slug: igvideoplayer-overview ## igVideoPlayer の Web ページへの追加 次のステップは、jQuery クライアント コードまたは ASP.NET MVC サーバー コードのいずれかを使用して、Web ページにビデオ プレーヤーの基本的な実装を作成する方法を示します。 ->**注:** どの実装を選択するかについて詳細は、[「{environment:ProductName} の概要」](/igniteui-for-jquery-overview)を参照してください。 +>**注:** どの実装を選択するかについて詳細は、[「\{environment:ProductName\} の概要」](/igniteui-for-jquery-overview)を参照してください。 **図 2: ビデオ プレーヤーの初回ビューを示す igVideoPlayer** -[![サンプルを起動中](../../images/images/VideoPlayer_Overview_02.png)]({environment:SamplesUrl}/video-player/basic-usage) +[![サンプルを起動中](../../images/images/VideoPlayer_Overview_02.png)](\{environment:SamplesUrl\}/video-player/basic-usage) -1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 +1. 最初に、アプリケーションに必要なローカライズ済みのリソースを含めます。組み込むリソースの詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」ヘルプ トピックをご覧ください。 2. ご自分の HTML ページまたは ASP.NET MVC View で、必要な JavaScript ファイル、CSS ファイル、および ASP.NET MVC アセンブリを参照してください。 **リスト 1: igVideoPlayer の CSS および JavaScript 参照** @@ -89,7 +89,7 @@ slug: igvideoplayer-overview <script src="@Url.Content("~/scripts/infragistics.lob.js")" type="text/javascript"></script> ``` -3. jQuery の実装では、HTML 内のターゲット要素として div または video を定義します。ASP.NET MVC の実装の場合、含める要素を {environment:ProductNameMVC} が作成してくれるので、この手順はオプションです。 +3. jQuery の実装では、HTML 内のターゲット要素として div または video を定義します。ASP.NET MVC の実装の場合、含める要素を \{environment:ProductNameMVC\} が作成してくれるので、この手順はオプションです。 **リスト 4: igVideoPlayer で使用するために定義されたベース DIV 要素** @@ -240,10 +240,10 @@ slug: igvideoplayer-overview 6. 最後に、HTML 5 に準拠したブラウザーで Web ページを実行すると､ビデオ プレーヤーは選択したビデオをロードします。 ## 関連リンク -- [igVideoPlayer 基本的な使用方法サンプル]({environment:SamplesUrl}/video-player/basic-usage) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} での JavaScript ファイル](/deployment-guide-javascript-files) +- [igVideoPlayer 基本的な使用方法サンプル](\{environment:SamplesUrl\}/video-player/basic-usage) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} での JavaScript ファイル](/deployment-guide-javascript-files) - [igVideoPlayer の HTML5 ビデオとの連携](/igvideoplayer-working-with-html5-video) diff --git a/docs/jquery/src/content/ja/topics/controls/igvideoplayer/styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/controls/igvideoplayer/styling-and-theming.mdx index fb122cc2d7..1dc97edd43 100644 --- a/docs/jquery/src/content/ja/topics/controls/igvideoplayer/styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igvideoplayer/styling-and-theming.mdx @@ -5,15 +5,14 @@ slug: igvideoplayer-styling-and-theming # スタイル設定とテーマ設定 (igVideoPlayer) - ## 必要な CSS とテーマ -Web アプリケーションで jQuery Video Player コントロールを使用するときに、アプリケーションのスタイルに応じて Video Player コントロールのルック アンド フィールを作ることがよく問題になります。これを実現するには、特にビデオ プレーヤーの、そしてより広範には、{environment:ProductName}™ で使用可能なクライアント UI コントロールのスタイル設定とテーマ設定に関する以下の情報を使用します。 +Web アプリケーションで jQuery Video Player コントロールを使用するときに、アプリケーションのスタイルに応じて Video Player コントロールのルック アンド フィールを作ることがよく問題になります。これを実現するには、特にビデオ プレーヤーの、そしてより広範には、\{environment:ProductName\}™ で使用可能なクライアント UI コントロールのスタイル設定とテーマ設定に関する以下の情報を使用します。 -`igVideoPlayer` コントロールは、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。{environment:ProductName} には、「IG テーマ」と呼ばれるカスタム jQuery UI テーマが含まれています。このテーマは、すべての Infragistics ウィジェットおよび標準の jQuery UI ウィジェットにプロフェッショナルで魅力的なデザインを提供します。 +`igVideoPlayer` コントロールは、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。\{environment:ProductName\} には、「IG テーマ」と呼ばれるカスタム jQuery UI テーマが含まれています。このテーマは、すべての Infragistics ウィジェットおよび標準の jQuery UI ウィジェットにプロフェッショナルで魅力的なデザインを提供します。 ### 必要な CSS とテーマ -{environment:ProductName}™ ビデオ プレーヤーは、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。{environment:ProductName} には、Infragistics および Metro と呼ばれるカスタム jQuery UI テーマが含まれています。これらのテーマによって、Infragistics ウィジェットおよび標準の jQuery UI ウィジェットが、プロフェッショナルで魅力的な外観になります。 +\{environment:ProductName\}™ ビデオ プレーヤーは、ほかの jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。\{environment:ProductName\} には、Infragistics および Metro と呼ばれるカスタム jQuery UI テーマが含まれています。これらのテーマによって、Infragistics ウィジェットおよび標準の jQuery UI ウィジェットが、プロフェッショナルで魅力的な外観になります。 Infragistics および Metro テーマに加えて、Infragistics ウィジェットの基本 CSS レイアウトに必要な structure ディレクトリがあります。 diff --git a/docs/jquery/src/content/ja/topics/controls/igvideoplayer/working-with-html5-video.mdx b/docs/jquery/src/content/ja/topics/controls/igvideoplayer/working-with-html5-video.mdx index 3f07475622..7487975ba2 100644 --- a/docs/jquery/src/content/ja/topics/controls/igvideoplayer/working-with-html5-video.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igvideoplayer/working-with-html5-video.mdx @@ -3,6 +3,8 @@ title: "HTML5 ビデオとの連携 (igVideoPlayer)" slug: igvideoplayer-working-with-html5-video --- +# HTML5 ビデオとの連携 (igVideoPlayer) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # HTML5 ビデオとの連携 (igVideoPlayer) diff --git a/docs/jquery/src/content/ja/topics/controls/igzoombar/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/controls/igzoombar/accessibility-compliance.mdx index ab40c17ab3..a0e319be78 100644 --- a/docs/jquery/src/content/ja/topics/controls/igzoombar/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igzoombar/accessibility-compliance.mdx @@ -22,7 +22,7 @@ slug: igzoombar-accessibility-compliance ## アクセシビリティ準拠のリファレンス ### 概要 -弊社の {environment:ProductName}® およびコンポーネントはすべて、1973 年のリハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igZoombar` コントロールが各規則を遵守する方法も詳細に説明しています。 +弊社の \{environment:ProductName\}® およびコンポーネントはすべて、1973 年のリハビリテーション法第 508 条第 1194 部 22 条を遵守しています。以下の表には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、`igZoombar` コントロールが各規則を遵守する方法も詳細に説明しています。 各アクセシビリティ規則の要件を満たすために、場合によっては、特定のオプションを設定することによってコントロールを操作する必要がありますが、それ以外の場合はコントロール自身がこの作業を行います。 @@ -42,7 +42,7 @@ slug: igzoombar-accessibility-compliance このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、すべての {environment:ProductName} コントロールのアクセシビリティ遵守のための参照情報を提供します。 +- [アクセシビリティ準拠](/accessibility-compliance): このトピックは、すべての \{environment:ProductName\} コントロールのアクセシビリティ遵守のための参照情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igzoombar/adding-igzoombar.mdx b/docs/jquery/src/content/ja/topics/controls/igzoombar/adding-igzoombar.mdx index 3af05c83d7..46f4822a1d 100644 --- a/docs/jquery/src/content/ja/topics/controls/igzoombar/adding-igzoombar.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igzoombar/adding-igzoombar.mdx @@ -2,6 +2,9 @@ title: "igZoombar の追加" slug: adding-igzoombar --- + +# igZoombar の追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igZoombar の追加 @@ -98,7 +101,7 @@ $("#zoombar").igZoombar({ ## <a id="add-in-mvc"></a>コード例: ASP.NET MVC での igZoombar の追加 ### <a id="mvc-description"></a>説明 -以下のコードは、{environment:ProductNameMVC} を使用して、ビュー内で `igDataChart` と `igZoombar` のインスタンスを作成します。`igZoombar` コントロールは、[デフォルト構成](/igzoombar-overview#default-config)で描画されます。 +以下のコードは、\{environment:ProductNameMVC\} を使用して、ビュー内で `igDataChart` と `igZoombar` のインスタンスを作成します。`igZoombar` コントロールは、[デフォルト構成](/igzoombar-overview#default-config)で描画されます。 ### <a id="mvc-code"></a>コード @@ -136,7 +139,7 @@ Code このトピックについては、以下のサンプルも参照してください。 -- [基本のズームバー]({environment:SamplesUrl}/zoombar/financial-chart): このサンプルは、`igZoombar` を財務データを表示する `igDataChart` コントロールに統合する方法を紹介します。 +- [基本のズームバー](\{environment:SamplesUrl\}/zoombar/financial-chart): このサンプルは、`igZoombar` を財務データを表示する `igDataChart` コントロールに統合する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igzoombar/asp-net-mvc-helper-api.mdx b/docs/jquery/src/content/ja/topics/controls/igzoombar/asp-net-mvc-helper-api.mdx index b5bd06fff5..1f14c8a3ef 100644 --- a/docs/jquery/src/content/ja/topics/controls/igzoombar/asp-net-mvc-helper-api.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igzoombar/asp-net-mvc-helper-api.mdx @@ -3,6 +3,8 @@ title: "jQuery および MVC API リファレンス リンク (igZoombar)" slug: igzoombar-asp-net-mvc-helper-api --- +# jQuery および MVC API リファレンス リンク (igZoombar) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery および MVC API リファレンス リンク (igZoombar) diff --git a/docs/jquery/src/content/ja/topics/controls/igzoombar/configuring-igzoombar.mdx b/docs/jquery/src/content/ja/topics/controls/igzoombar/configuring-igzoombar.mdx index f4a70a05c8..d8d631e285 100644 --- a/docs/jquery/src/content/ja/topics/controls/igzoombar/configuring-igzoombar.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igzoombar/configuring-igzoombar.mdx @@ -3,6 +3,8 @@ title: "igZoombar の構成" slug: configuring-igzoombar --- +# igZoombar の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igZoombar の構成 @@ -216,7 +218,7 @@ $("#zoom").igZoombar({ このトピックについては、以下のサンプルも参照してください。 -- [基本のズームバー]({environment:SamplesUrl}/zoombar/financial-chart): このサンプルは、`igZoombar` を財務データを表示する `igDataChart` コントロールに統合する方法を紹介します。 +- [基本のズームバー](\{environment:SamplesUrl\}/zoombar/financial-chart): このサンプルは、`igZoombar` を財務データを表示する `igDataChart` コントロールに統合する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/igzoombar/integration-with-custom-components.mdx b/docs/jquery/src/content/ja/topics/controls/igzoombar/integration-with-custom-components.mdx index 5064e31f14..9416ba5e2a 100644 --- a/docs/jquery/src/content/ja/topics/controls/igzoombar/integration-with-custom-components.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igzoombar/integration-with-custom-components.mdx @@ -3,6 +3,8 @@ title: "igZoombar とカスタム コンポーネントの統合" slug: igzoombar-using-custom-providers --- +# igZoombar とカスタム コンポーネントの統合 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igZoombar とカスタム コンポーネントの統合 @@ -42,7 +44,7 @@ igZoombar は、ズーム オプションを提供する各 JavaScript コンポ ## <a id="provider-structure"></a> プロバイダーの構造 -カスタム プロバイダーは、基本クラス `$.ig.igZoombarProviderDefault` で利用可能なすべてのメソッドを実装する必要があります。名前のみが igZoombar へ渡される場合は、同じ名前スペースで定義する必要があります ({environment:ProductNameMVC} Zoombar を使用する場合に推奨されるオプション)。 +カスタム プロバイダーは、基本クラス `$.ig.igZoombarProviderDefault` で利用可能なすべてのメソッドを実装する必要があります。名前のみが igZoombar へ渡される場合は、同じ名前スペースで定義する必要があります (\{environment:ProductNameMVC\} Zoombar を使用する場合に推奨されるオプション)。 各メソッドの概要: diff --git a/docs/jquery/src/content/ja/topics/controls/igzoombar/known-issues-and-limitations.mdx b/docs/jquery/src/content/ja/topics/controls/igzoombar/known-issues-and-limitations.mdx index 08c3ead5d3..d841b29527 100644 --- a/docs/jquery/src/content/ja/topics/controls/igzoombar/known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igzoombar/known-issues-and-limitations.mdx @@ -3,6 +3,8 @@ title: "既知の問題と制限 (igZoombar)" slug: igzoombar-known-issues-and-limitations --- +# 既知の問題と制限 (igZoombar) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限 (igZoombar) diff --git a/docs/jquery/src/content/ja/topics/controls/igzoombar/overview.mdx b/docs/jquery/src/content/ja/topics/controls/igzoombar/overview.mdx index b38ece1787..53975cd397 100644 --- a/docs/jquery/src/content/ja/topics/controls/igzoombar/overview.mdx +++ b/docs/jquery/src/content/ja/topics/controls/igzoombar/overview.mdx @@ -3,6 +3,8 @@ title: "igZoombar の概要" slug: igzoombar-overview --- +# igZoombar の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igZoombar の概要 @@ -202,7 +204,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [基本のズームバー]({environment:SamplesUrl}/zoombar/financial-chart): このサンプルは、`igZoombar` を財務データを表示する `igDataChart` コントロールに統合する方法を紹介します。 +- [基本のズームバー](\{environment:SamplesUrl\}/zoombar/financial-chart): このサンプルは、`igZoombar` を財務データを表示する `igDataChart` コントロールに統合する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/controls/jqueryuicomponents-landingpage.mdx b/docs/jquery/src/content/ja/topics/controls/jqueryuicomponents-landingpage.mdx index 04897e3b6d..a1f290fa94 100644 --- a/docs/jquery/src/content/ja/topics/controls/jqueryuicomponents-landingpage.mdx +++ b/docs/jquery/src/content/ja/topics/controls/jqueryuicomponents-landingpage.mdx @@ -6,10 +6,9 @@ slug: jqueryuicomponents-landingpage # コントロール - -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls) +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls) - [配備ガイド](/deployment-guide) -- [{environment:ProductName} でイベントの使用](/using-events-in-igniteui-for-jquery) +- [\{environment:ProductName\} でイベントの使用](/using-events-in-igniteui-for-jquery) - [igBulletGraph](/igbulletgraph) - [igCombo](/igcombo-igcombo) - [igCategoryChart](/igcategorychart-landingpage) diff --git a/docs/jquery/src/content/ja/topics/data-sources/data-source-components-overview.mdx b/docs/jquery/src/content/ja/topics/data-sources/data-source-components-overview.mdx index 25f853db1c..235483a56d 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/data-source-components-overview.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/data-source-components-overview.mdx @@ -7,7 +7,7 @@ slug: data-source-components-overview ## トピックの概要 -このトピックでは、{environment:ProductName}® のデータ ソース コンポーネントの概要を提供します。 +このトピックでは、\{environment:ProductName\}® のデータ ソース コンポーネントの概要を提供します。 ### 前提条件 @@ -19,13 +19,13 @@ slug: data-source-components-overview **トピック** -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview): このトピックは、{environment:ProductName} 製品の概要を示します。 +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview): このトピックは、\{environment:ProductName\} 製品の概要を示します。 ## 概要 ### データ ソース コンポーネント概要 -{environment:ProductName} スイートに含まれるデータ ソース コンポーネントは、実データとビジュアル コンポーネントの間で媒介として動作することを目的にしたクライアント サイド コンポーネントです。多数の入力データがサポートされます。{environment:ProductName} データ ソース コンポーネントは、以下のカテゴリに分類されます。 +\{environment:ProductName\} スイートに含まれるデータ ソース コンポーネントは、実データとビジュアル コンポーネントの間で媒介として動作することを目的にしたクライアント サイド コンポーネントです。多数の入力データがサポートされます。\{environment:ProductName\} データ ソース コンポーネントは、以下のカテゴリに分類されます。 - 標準テーブル (グリッド) 形式の標準のフラットおよび階層データ (多次元データ以外) を視覚化するデータ バインド コントロールをフィードするためのフラット データ コンポーネント (`igDataSource`™) - OLAP データ スライスとしてデータを視覚化するために使用される多次元 OLAP データ ソース コンポーネント (`igOlapFlatDataSource`™、`igOlapXmlaDataSource`™) 。OLAP 形式 (`igOlapXmlaDataSource` コンポーネントにフィードされる) または標準フラット データ (`igOlapFlatDataSource` コンポーネントにフィードされる) どちらかの元のデータ セット。後者の場合、フラット データはピボット グリッドで OLAP データとして視覚化できます。 @@ -35,11 +35,11 @@ slug: data-source-components-overview ## 各データ ソース コンポーネントの概要 ### 各データ ソース コンポーネントの概要 -以下の表は、{environment:ProductName} データソース コンポーネントの使用目的と機能について概要を提供します。コンポーネントに関するトピックへのリンクを含む、各コンポーネントの詳細は表の下に提供されます。 +以下の表は、\{environment:ProductName\} データソース コンポーネントの使用目的と機能について概要を提供します。コンポーネントに関するトピックへのリンクを含む、各コンポーネントの詳細は表の下に提供されます。 コンポーネント|説明 ---|--- -[igDataSource](/igdatasource-igdatasource)|さまざまな種類のデータやソースへバインドするための標準 {environment:ProductName} コンポーネント。`igDataSource` は、ソース データ形式を `igGrid`™ などのデータ バインド コントロールにフィードできる形式へ変換します。 +[igDataSource](/igdatasource-igdatasource)|さまざまな種類のデータやソースへバインドするための標準 \{environment:ProductName\} コンポーネント。`igDataSource` は、ソース データ形式を `igGrid`™ などのデータ バインド コントロールにフィードできる形式へ変換します。 [igOlapXmlaDataSource](/igolapxmladatasource)|多次元 (OLAP) データ ビジュアライゼーション コントロールを Microsoft® SQL Server® Analysis Services (SSAS) サーバーの OLAP データでフィードするのコンポーネント。 [igOlapFlatDataSource](/igolapflatdatasource) |OLAP 形式で表示するためにフラット データを含む多次元 (OLAP) データ ビジュアライゼーション コントロールをフィードするためのコンポーネント。これは、フラット データ コレクションで OLAP のような検証が可能です。 @@ -47,7 +47,7 @@ slug: data-source-components-overview ### igDataSource -`igDataSource` コンポーネントは、データのさまざまなタイプにバインドするための規格の {environment:ProductName} コンポーネントです。`igGrid` などのデータ バインド コントロールと実際のデータの間のレイヤーとして操作します。データ ソースはローカル (JSON、XML、JavaScript 配列など) またはリモート (REST サービス、WCF サービスなど) に設定できます。ページング、フィルタリング、並べ替えもサポートされます。 +`igDataSource` コンポーネントは、データのさまざまなタイプにバインドするための規格の \{environment:ProductName\} コンポーネントです。`igGrid` などのデータ バインド コントロールと実際のデータの間のレイヤーとして操作します。データ ソースはローカル (JSON、XML、JavaScript 配列など) またはリモート (REST サービス、WCF サービスなど) に設定できます。ページング、フィルタリング、並べ替えもサポートされます。 #### 関連トピック @@ -93,11 +93,11 @@ slug: data-source-components-overview このトピックについては、以下のサンプルも参照してください。 -- [XML のバインド]({environment:SamplesUrl}/data-source/xml-binding): このサンプルでは、jQuery データ ソース コンポーネントをローカル XML にバインドする方法を紹介します。 +- [XML のバインド](\{environment:SamplesUrl\}/data-source/xml-binding): このサンプルでは、jQuery データ ソース コンポーネントをローカル XML にバインドする方法を紹介します。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 -- [XMLA データ ソースにバインド]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、選択のために `igPivotDataSelector` を使用します。 +- [XMLA データ ソースにバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、選択のために `igPivotDataSelector` を使用します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/data-source-components.mdx b/docs/jquery/src/content/ja/topics/data-sources/data-source-components.mdx index 9ec2840b83..1d6f967fb4 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/data-source-components.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/data-source-components.mdx @@ -6,21 +6,20 @@ slug: data-source-components # データ ソース コンポーネント - ## このグループのトピックについて ### 概要 -このグループのトピックは、{environment:ProductName}™ のデータ ソース コンポーネントについて説明します。 +このグループのトピックは、\{environment:ProductName\}™ のデータ ソース コンポーネントについて説明します。 ### トピック 以下のセクションはデータ ソース コンポーネントについて紹介します。 -- [データ ソース コンポーネントの概要](/data-source-components-overview): このトピックでは、{environment:ProductName} のデータ ソース コンポーネントの概要を提供します。 +- [データ ソース コンポーネントの概要](/data-source-components-overview): このトピックでは、\{environment:ProductName\} のデータ ソース コンポーネントの概要を提供します。 - [igDataSource](/igdatasource-igdatasource): このグループのトピックは `igDataSource`™ コンポーネントを使用する方法を紹介します。 -- [多次元 (OLAP) データ ソース コンポーネント](/multidimensional-data-source-components): このグループのトピックは、{environment:ProductName} で利用可能な多次元 (OLAP) データ ソース コンポーネントについて説明します。 +- [多次元 (OLAP) データ ソース コンポーネント](/multidimensional-data-source-components): このグループのトピックは、\{environment:ProductName\} で利用可能な多次元 (OLAP) データ ソース コンポーネントについて説明します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-igdatasource-to-client-side-data.mdx b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-igdatasource-to-client-side-data.mdx index 365af0dd8b..4151a72c99 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-igdatasource-to-client-side-data.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-igdatasource-to-client-side-data.mdx @@ -6,7 +6,7 @@ slug: igdatasource-binding-igdatasource-to-client-side-data # igDataSource のクライアント側データへのバインド ## 概要 -このドキュメントは、{environment:ProductName}™ データ ソース コンポーネントまたは `igDataSource` をクライアント側の JavaScript 配列および JSON データにバインドする方法を説明します。クライアント側データにバインドする一般的な方法は、通常の配列にバインドする場合も JSON データにバインドする場合も変わりません。データ ソース配列を構成した後、データを `igDataSource` コンポーネントにバインドしてから、データ ソースをページ上の UI 要素にバインドする必要があります。クライアント側データにバインドする基本的な手順は類似のパターンに従いますが、このトピックでは、異なるデータ形式を使用する微妙な違いを詳しく説明します。 +このドキュメントは、\{environment:ProductName\}™ データ ソース コンポーネントまたは `igDataSource` をクライアント側の JavaScript 配列および JSON データにバインドする方法を説明します。クライアント側データにバインドする一般的な方法は、通常の配列にバインドする場合も JSON データにバインドする場合も変わりません。データ ソース配列を構成した後、データを `igDataSource` コンポーネントにバインドしてから、データ ソースをページ上の UI 要素にバインドする必要があります。クライアント側データにバインドする基本的な手順は類似のパターンに従いますが、このトピックでは、異なるデータ形式を使用する微妙な違いを詳しく説明します。 ## クライアント側データへのバインド バインド先の配列の形式に関係なく、データ ソース コンポーネントをサポートするための適切な JavaScript ファイルをページに含めておく必要があります。リスト 1 は、以下の各例を実行するためページに追加する必要のあるスクリプト参照を示しています。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-html-table-data.mdx b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-html-table-data.mdx index 5fad648b6b..ccd389e069 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-html-table-data.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-html-table-data.mdx @@ -6,7 +6,7 @@ slug: igdatasource-binding-to-html-table-data # HTML テーブル データへのバインド ## 概要 -{environment:ProductName}™ グリッドまたは `igGrid` では、`igDataSource` コントロールを介して既存のプレーンな HTML テーブルにバインドできます。HTML テーブルへのバインドには、考慮すべき点がいくつかあります。 +\{environment:ProductName\}™ グリッドまたは `igGrid` では、`igDataSource` コントロールを介して既存のプレーンな HTML テーブルにバインドできます。HTML テーブルへのバインドには、考慮すべき点がいくつかあります。 - `dataSource` を指定する必要はありません。バインドするテーブルに `igGrid` ウィジェットのインスタンスを作成する場合、 - データの展開、解析、バインド、および書式設定の処理がデータ ソース コントロールを通して実行されます。これは、グリッドがバインドされると、プレーンな HTML テーブルのテーブル BODY がクリアされ、データは、JavaScript オブジェクトの配列の形式でデータ ソースに格納されることを意味します。つまり、テーブルがすでにクリアされているため、同じ方法 (TABLE からデータを取得する) でグリッドに再バインドすることはできません。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-rest-services.mdx b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-rest-services.mdx index 14bbda9d2a..23efd5783b 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-rest-services.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-rest-services.mdx @@ -6,7 +6,7 @@ slug: igdatasource-binding-to-rest-services # igDataSource を REST サービスへバインド ## 概要 -このドキュメントでは、{environment:ProductName}™ データ ソースや `igDataSource` のコントロールに REST サービスをバインドする方法を紹介します。データ ソース コントロールの本当の柔軟性を示すために、含まれているサンプルは {environment:ProductName} のグリッドまたは `igGrid` コントロールを使用せずにデータを描画します。あるいは、データ ソースから直接手動で描画を処理する方法を学ぶこともできます。 +このドキュメントでは、\{environment:ProductName\}™ データ ソースや `igDataSource` のコントロールに REST サービスをバインドする方法を紹介します。データ ソース コントロールの本当の柔軟性を示すために、含まれているサンプルは \{environment:ProductName\} のグリッドまたは `igGrid` コントロールを使用せずにデータを描画します。あるいは、データ ソースから直接手動で描画を処理する方法を学ぶこともできます。 >**注:** 手動による描画の手法を使用するということは、`igDataSource` を使って独自のデータ バインドされたコントロールをビルドすることを意味します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-wcf-data-services.mdx b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-wcf-data-services.mdx index 5c2e8ff8cb..c57500ab84 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-wcf-data-services.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-wcf-data-services.mdx @@ -5,7 +5,7 @@ slug: igdatasource-binding-to-wcf-data-services # igDataSource を WCF データ サービスへバインド -`igDataSource` は、XML、JSON、Atom、JavaScript 配列、さらには HTML テーブルなどをも含むさまざまなフォーマットのデータとバインドできるクライアント側の JavaScript データ ソース コンポーネントです。{environment:ProductName} で使用されているいろいろなフォーマットは[サンプル ブラウザー]({environment:SamplesUrl}/data-source/mashup)で見ることができます。 +`igDataSource` は、XML、JSON、Atom、JavaScript 配列、さらには HTML テーブルなどをも含むさまざまなフォーマットのデータとバインドできるクライアント側の JavaScript データ ソース コンポーネントです。\{environment:ProductName\} で使用されているいろいろなフォーマットは[サンプル ブラウザー](\{environment:SamplesUrl\}/data-source/mashup)で見ることができます。 `igDataSource` はサーバーに依存性がなく、特定のサーバー側ソフトウェア アーキテクチャに依存しません。そのため、.NET フレームワークを利用する開発者はしばしば、自分の RIA アプリケーション内のデータを提供するのに WCF を利用しようとします。このトピックでは、サンプル ブラウザーから WCF サンプルのひとつを分析して独自の WCF サービスを設定するプロセスを解説し、XML データを ASP.NET アプリケーションの `igDataSource` に提供します。 @@ -20,11 +20,11 @@ slug: igdatasource-binding-to-wcf-data-services >**注:** [こちらからサンプルをダウンロードできます](http://dl.infragistics.com/community/jquery/codesamples/aaronm/2011-07-28/igDataSourceWCFService.zip)。 -1. Visual Studio を開き、新しい ASP.NET 空の Web アプリケーション 'igDataSourceWCFService' を作成します。**注**: `igDataSource` はサーバー依存がありません。従って、この演習では、{environment:ProductName} がアウト オブ ボックスで ASP.NET WCF をサポートするのに対して、ASP.NET WebForms でサポートされる OData の実装方法について説明します。 +1. Visual Studio を開き、新しい ASP.NET 空の Web アプリケーション 'igDataSourceWCFService' を作成します。**注**: `igDataSource` はサーバー依存がありません。従って、この演習では、\{environment:ProductName\} がアウト オブ ボックスで ASP.NET WCF をサポートするのに対して、ASP.NET WebForms でサポートされる OData の実装方法について説明します。 ![](../../images/images/dswcf_webapp.jpg) -2. 製品に付いている結合され縮小されたスクリプト ファイル infragistics.core.js である {environment:ProductName} への参照を追加します。加えて、サンプルを実行するには jQuery コア、jQuery UI、jQuery テンプレート スクリプトが必要です。この[ヘルプ トピック](/deployment-guide-javascript-resources)では、必要なスクリプトへの参照やアプリケーションに追加する統合および縮小されたスクリプトがどこにあるかについて説明します。**注:** 製品版とトライアル版は[こちら](http://jp.infragistics.com/products/dotnet/igniteui/jquery-controls.aspx#Downloads)からダウンロードできます。jQuery テンプレート スクリプトは、[こちら](http://plugins.jquery.com/tag/templates/)から入手できます。 +2. 製品に付いている結合され縮小されたスクリプト ファイル infragistics.core.js である \{environment:ProductName\} への参照を追加します。加えて、サンプルを実行するには jQuery コア、jQuery UI、jQuery テンプレート スクリプトが必要です。この[ヘルプ トピック](/deployment-guide-javascript-resources)では、必要なスクリプトへの参照やアプリケーションに追加する統合および縮小されたスクリプトがどこにあるかについて説明します。**注:** 製品版とトライアル版は[こちら](http://jp.infragistics.com/products/dotnet/igniteui/jquery-controls.aspx#Downloads)からダウンロードできます。jQuery テンプレート スクリプトは、[こちら](http://plugins.jquery.com/tag/templates/)から入手できます。 3. プロジェクト内にスクリプト ディレクトリを作成し、そのフォルダーに JavaScript ファイルをコピーしてください。 @@ -255,7 +255,7 @@ slug: igdatasource-binding-to-wcf-data-services 11. アプリケーションを実行すると、Microsoft の株式情報が表示されます。最初にデータが定義されているのは 1 社のみです。その完全なフォームでのサンプルと同時に全企業のデータを見るには、[すべてのサンプル](http://dl.infragistics.com/community/jquery/codesamples/aaronm/2011-07-28/igDataSourceWCFService.zip)をダウンロードしてください。 ->**注:** {environment:ProductName} スクリプト ファイルはこのダウンロードには含まれていません。{environment:ProductName} のコピーと一緒にインストールされるファイルを利用するか、[こちら](http://jp.infragistics.com/dotnet/igniteui/jquery-controls.aspx#Downloads)からコピーをダウンロードしてください。 +>**注:** \{environment:ProductName\} スクリプト ファイルはこのダウンロードには含まれていません。\{environment:ProductName\} のコピーと一緒にインストールされるファイルを利用するか、[こちら](http://jp.infragistics.com/dotnet/igniteui/jquery-controls.aspx#Downloads)からコピーをダウンロードしてください。 ## 関連トピック 以下は、その他の役立つトピックです。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-xml.mdx b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-xml.mdx index 8561ed4fa4..8bbc132080 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-xml.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/binding-to-xml.mdx @@ -6,7 +6,7 @@ slug: igdatasource-binding-to-xml # igDataSource を XML ドキュメントへバインド ## 概要 -{environment:ProductName}™ データ ソース コントロールまたは `igDataSource` は、名前空間付きおよび名前空間のない XML ドキュメントの両方にシームレスにバインドできます。 +\{environment:ProductName\}™ データ ソース コントロールまたは `igDataSource` は、名前空間付きおよび名前空間のない XML ドキュメントの両方にシームレスにバインドできます。 名前空間付き XML の制限の 1 つは、ほとんどのブラウザーで、XPath 式の実行をネイティブでサポートしていない点です。幸い、データ ソース コントロールが初めから XPath 式をサポートしているので、XML の特定の部分をポイントして、ご自分のスキーマに含めることができます。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource-javascript-api.mdx b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource-javascript-api.mdx index 67067da38e..23458ee0d8 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource-javascript-api.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource-javascript-api.mdx @@ -3,6 +3,8 @@ title: "API リファレンス (igDataSource)" slug: igdatasource-igdatasource-javascript-api --- +# API リファレンス (igDataSource) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # API リファレンス (igDataSource) diff --git a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource-overview.mdx b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource-overview.mdx index 9197455271..fc4734f5e6 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource-overview.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource-overview.mdx @@ -3,6 +3,8 @@ title: "igDataSource の概要" slug: igdatasource-igdatasource-overview --- +# igDataSource の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igDataSource の概要 diff --git a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource.mdx b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource.mdx index de44501b8e..cb37ee078f 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/igdatasource.mdx @@ -6,7 +6,6 @@ slug: igdatasource-igdatasource # igDataSource - ## このグループのトピックについて ### 概要 diff --git a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/using-dataschema.mdx b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/using-dataschema.mdx index 364a41fa9e..73858e3904 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/igdatasource/using-dataschema.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/igdatasource/using-dataschema.mdx @@ -156,7 +156,7 @@ XML スキーマの場合、XPath を使用して、バインドしたいデー - [igDataSource の概要](/igdatasource-igdatasource-overview) - [XML にバインド](/igdatasource-binding-to-xml) - [HTML テーブルへのバインド](/igdatasource-binding-to-html-table-data) -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-to-an-html-page.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-to-an-html-page.mdx index 166688b925..6e7db0eb89 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-to-an-html-page.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-to-an-html-page.mdx @@ -3,6 +3,8 @@ title: "igOlapFlatDataSource の HTML ページへの追加" slug: igolapflatdatasource-adding-to-an-html-page --- +# igOlapFlatDataSource の HTML ページへの追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igOlapFlatDataSource の HTML ページへの追加 @@ -45,9 +47,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="conceptual-overview"></a>igOlapFlatDataSource を HTML ページに追加 - 概念的な概要 ### <a id="summary"></a>igOlapFlatDataSource を HTML ページに追加の概要 -`igOlapFlatDataSource` コンポーネントにより、JavaScript クライアント環境で {environment:ProductName}™ ピボット グリッド コントロールにフラット データ収集を送ることができるようになります。これによりそのようなデータ セット上で多次元 (OLAP) 解析が可能になります。 +`igOlapFlatDataSource` コンポーネントにより、JavaScript クライアント環境で \{environment:ProductName\}™ ピボット グリッド コントロールにフラット データ収集を送ることができるようになります。これによりそのようなデータ セット上で多次元 (OLAP) 解析が可能になります。 -`igOlapFlatDataSource` コンポーネントを正しく機能させるには、その <ApiLink pkg="ig" type="OlapFlatDataSource" label="dataSource" /> と metadata のプロパティを指定しなければなりません。`igOlapFlatDataSource` の初期化は、`igPivotDataSelector` ™、`igPivotGrid` ™ および `igPivotView`™ といった {environment:ProductName} ピボットグリッド関連コントロールのいずれかとともに使用される場合には必要ありません (ほとんどの場合が当てはまります)- (`igOlapFlatDataSource` の初期化は、コンポーネントが独自に使用される場合にのみ必要です)。 +`igOlapFlatDataSource` コンポーネントを正しく機能させるには、その <ApiLink pkg="ig" type="OlapFlatDataSource" label="dataSource" /> と metadata のプロパティを指定しなければなりません。`igOlapFlatDataSource` の初期化は、`igPivotDataSelector` ™、`igPivotGrid` ™ および `igPivotView`™ といった \{environment:ProductName\} ピボットグリッド関連コントロールのいずれかとともに使用される場合には必要ありません (ほとんどの場合が当てはまります)- (`igOlapFlatDataSource` の初期化は、コンポーネントが独自に使用される場合にのみ必要です)。 `igOlapFlatDataSource` コンポーネントをインスタンス化する場合、`dataSource` と metadata の2 つのパラメータが必要です。`dataSource` パラメータは使用すべき入力データを指定し、metadata パラメータは、入力データをどのように OLAP データとして処理するかを指定します。つまり、ディメンション、階層、メジャー等をどのように生成するか、です。内部では、`igOlapFlatDataSource` は `igDataSource`™ インスタンスを使用します。dataSource プロパティを指定すると、`igDataSource` インスタンスを指定するか、`igDataSource` によりサポートされるデータ ソースに設定できます。 @@ -58,12 +60,12 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - データ要件 - `igDataSource` インスタンス、または `igDataSource` によりサポートされるデータのタイプ - 必要な JavaScript ファイル: - jQuery ライブラリへの参照 - - {environment:ProductName} JavaScript ファイルへの参照 + - \{environment:ProductName\} JavaScript ファイルへの参照 -Infragistics® JavaScript ファイルは、デフォルトで {environment:ProductName} インストール パス下の JavaScript モジュール フォルダーに配置されます。 +Infragistics® JavaScript ファイルは、デフォルトで \{environment:ProductName\} インストール パス下の JavaScript モジュール フォルダーに配置されます。 - Jquery-[versionNumber].js (query-1.9.0.js など) - jQuery ライブラリ (jQuery サイトで使用可能) -- `infragistics.util.js`、`infragistics.util.jquery.js` - 一部の {environment:ProductName}™ コンポーネントで使用される共有非 UI ロジックを含む JavaScript ファイル +- `infragistics.util.js`、`infragistics.util.jquery.js` - 一部の \{environment:ProductName\}™ コンポーネントで使用される共有非 UI ロジックを含む JavaScript ファイル - `infragistics.olapxmladatasource.js` - igOlapFlatDataSource コンポーネントを含む JavaScript ファイル - (条件付き - Infragistics ローダー が使用されます) `infragistics.loader.js` - コンポーネントにより必要なすべてのインフラジスティックス JavaScript および CSS のファイルを自動で読み込むために使用可能なインフラジスティックス ローダー コンポーネント @@ -335,7 +337,7 @@ $(function() { このトピックについては、以下のサンプルも参照してください。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx index 8c4b666baa..95c5be6378 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/adding/igolapflatdatasource-adding-using-mvc-helper.mdx @@ -327,7 +327,7 @@ slug: igolapflatdatasource-adding-using-mvc-helper このトピックについては、以下のサンプルも参照してください。 -- [ASP.NET MVC ヘルパーとフラット データ ソースの使用]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルでは、`igOlapFlatDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 +- [ASP.NET MVC ヘルパーとフラット データ ソースの使用](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルでは、`igOlapFlatDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/configuring-the-tabular-view.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/configuring-the-tabular-view.mdx index 490e2f9856..42f240033f 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/configuring-the-tabular-view.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/configuring-the-tabular-view.mdx @@ -3,6 +3,8 @@ title: "ピボット グリッドの結果セットの表形式ビューの構 slug: configuring-the-tabular-view --- +# ピボット グリッドの結果セットの表形式ビューの構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ピボット グリッドの結果セットの表形式ビューの構成 @@ -58,7 +60,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 多次元 (OLAP) データ セットでデータ解析を実行する前に、OLAP キューブを表で表示し、データのフィルターと集計を設定する必要があります。このフィルターと集計設定は特定のデータ カテゴリおよびデータ集計条件に基づいて設定されます。ピボット グリッドでは、要件に合わせる表ビューはグリッドの行、列、フィルター、メジャーの選択と配置によって設定できます。この配置は、データ カテゴリの集計レベルに基づいて結果セットを特定のスライスにフィルターして表ビューに表示します。特定のデータ スライス (ビュー) を指定して表示するには、行、列、フィルター、およびメジャーの階層を構成 (選択して配置) する必要があります。 -{environment:ProductName}™ OLAP コンポーネントで、階層の構成は以下のレベルに設定できます。 +\{environment:ProductName\}™ OLAP コンポーネントで、階層の構成は以下のレベルに設定できます。 - 相対する UI ウィジェットのユーザー インターフェイス: `igPivotDataSelector`、`igPivotGrid`™、`igPivotView`™ (ユーザー構成) - `igOlapFlatDataSource` または `igOlapXmlaDataSource` API を使用してプログラム的に構成できます。以下を構成できます: @@ -234,9 +236,9 @@ dataSource.update() このトピックについては、以下のサンプルも参照してください。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 -- [移動のカスタム検証]({environment:SamplesUrl}/pivot-grid/custom-drag-drop-validation): このサンプルでは、ピボット グリッドおよびピボット データ セレクターを使用してカスタム移動検証を構成する方法を紹介します。カスタム検証関数を使用すると、項目の列へのドロップが無効になります。また、名前に「Seller」が含まれる階層では、ピボット グリッドおよびデータ セレクターのドロップ領域へのドロップが無効になります。 +- [移動のカスタム検証](\{environment:SamplesUrl\}/pivot-grid/custom-drag-drop-validation): このサンプルでは、ピボット グリッドおよびピボット データ セレクターを使用してカスタム移動検証を構成する方法を紹介します。カスタム検証関数を使用すると、項目の列へのドロップが無効になります。また、名前に「Seller」が含まれる階層では、ピボット グリッドおよびデータ セレクターのドロップ領域へのドロップが無効になります。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-api-links.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-api-links.mdx index d28b45ea34..025222b539 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-api-links.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リンク (igOlapFlatDataSource)" slug: igolapflatdatasource-api-links --- +# jQuery と MVC API リンク (igOlapFlatDataSource) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # jQuery と MVC API リンク (igOlapFlatDataSource) diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-defining-metadata.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-defining-metadata.mdx index 5c4341b14b..31f7163fb9 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-defining-metadata.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-defining-metadata.mdx @@ -3,6 +3,8 @@ title: "メタデータの定義 (igOlapFlatDataSource)" slug: igolapflatdatasource-defining-metadata --- +# メタデータの定義 (igOlapFlatDataSource) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # メタデータの定義 (igOlapFlatDataSource) @@ -431,7 +433,7 @@ Var dataSource = new $.ig.FlatDataSource({ このトピックについては、以下のサンプルも参照してください。 -- [フラット データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [フラット データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-overview.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-overview.mdx index 4959125bff..f2e09938cb 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-overview.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/flat/igolapflatdatasource-overview.mdx @@ -3,6 +3,8 @@ title: "igOlapFlatDataSource の概要" slug: igolapflatdatasource-overview --- +# igOlapFlatDataSource の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igOlapFlatDataSource の概要 @@ -18,7 +20,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **トピック** -- [多次元 (OLAP) データ ソース コンポーネント](/multidimensional-data-source-components): このトピック グループでは、{environment:ProductName}™ スイートの多次元 (OLAP) データ ソース コンポーネントを説明します。 +- [多次元 (OLAP) データ ソース コンポーネント](/multidimensional-data-source-components): このトピック グループでは、\{environment:ProductName\}™ スイートの多次元 (OLAP) データ ソース コンポーネントを説明します。 外部リソース @@ -37,7 +39,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [複数データ タイプ サポート](#multiple-data-types) - [OLAP メタデータ生成](#olap-metadata-generation) - [データ スライス生成](#data-slice-generation) - - [{environment:ProductName} コントロールとの統合](#integration-with-igniteui) + - [\{environment:ProductName\} コントロールとの統合](#integration-with-igniteui) - [**関連コンテンツ**](#related-content) - [トピック](#topics) - [サンプル](#samples) @@ -46,7 +48,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="introduction"></a>概要 -`igOlapFlatDataSource` コンポーネントは、フラットなデータ コレクション上で多次元の (OLAP のような) 解析を実施できます。データ収集または [igDataSource](/igdatasource-igdatasource)™ インスタンスが与えられユーザー構成に基づく場合、階層およびメジャーの分析コードを作成するため必要なメタデータを抽出します。`igOlapFlatDataSource` コンポーネントは、コンポーネントの API を直接使用、または OLAP データの視覚化および対話が可能な 1 つ以上の {environment:ProductName} ウィジェットを介して、要求に応じてデータの計算および集計を実行します (`igPivotView`™ または `igPivotGrid`™ など)。 +`igOlapFlatDataSource` コンポーネントは、フラットなデータ コレクション上で多次元の (OLAP のような) 解析を実施できます。データ収集または [igDataSource](/igdatasource-igdatasource)™ インスタンスが与えられユーザー構成に基づく場合、階層およびメジャーの分析コードを作成するため必要なメタデータを抽出します。`igOlapFlatDataSource` コンポーネントは、コンポーネントの API を直接使用、または OLAP データの視覚化および対話が可能な 1 つ以上の \{environment:ProductName\} ウィジェットを介して、要求に応じてデータの計算および集計を実行します (`igPivotView`™ または `igPivotGrid`™ など)。 ## <a id="main-features"></a>主要な機能の概要 @@ -60,7 +62,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [データ スライス生成](#data-slice-generation): 行と列に階層を割り当てた後に、`igOlapFlatDataSource` は、相対する階層のメンバーのタプルを含む結果軸を 1 つ以上生成します。メジャーが選択された場合、`igOlapFlatDataSource` は値セルオブジェクトの2 次元配列を生成します。 -- [{environment:ProductName} コントロールとの統合](#integration-with-igniteui): `igOlapFlatDataSource` コンポーネントは、OLAP データを表示する {environment:ProductName} のデータ ビジュアライゼーション コントロールにデータを提供できます。 +- [\{environment:ProductName\} コントロールとの統合](#integration-with-igniteui): `igOlapFlatDataSource` コンポーネントは、OLAP データを表示する \{environment:ProductName\} のデータ ビジュアライゼーション コントロールにデータを提供できます。 @@ -88,9 +90,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [**ピボット グリッドの列、行、フィルターおよびメジャーを配置することによる結果セットの表ビューの構成 (igOlapFlatDataSource、igOlapXmlaDataSource、igPivotDataSelector、igPivotGrid、igPivotView)**](/configuring-the-tabular-view) -### <a id="integration-with-igniteui"></a>{environment:ProductName} コントロールとの統合 +### <a id="integration-with-igniteui"></a>\{environment:ProductName\} コントロールとの統合 -`igOlapFlatDataSource` コンポーネントは、OLAP データを表示する {environment:ProductName} のデータ ビジュアライゼーション コントロールにデータを提供できます。サポートされるコントロールは `igPivotDataSelector`、`igPivotGrid`、および `igPivotView` です。 +`igOlapFlatDataSource` コンポーネントは、OLAP データを表示する \{environment:ProductName\} のデータ ビジュアライゼーション コントロールにデータを提供できます。サポートされるコントロールは `igPivotDataSelector`、`igPivotGrid`、および `igPivotView` です。 #### 関連トピック: @@ -123,11 +125,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [igPivotGrid をフラット データ ソースにバインド]({environment:SamplesUrl}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [igPivotGrid をフラット データ ソースにバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-flat-data-source): このサンプルでは、`igPivotGrid` を `igOlapFlatDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 -- [ASP.NET MVC ヘルパーとフラット データ ソースの使用]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルでは、`igOlapXmlaDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 +- [ASP.NET MVC ヘルパーとフラット データ ソースの使用](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-flat-data-source): このサンプルでは、`igOlapXmlaDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 -- [igPivotView をフラット データ ソースにバインド]({environment:SamplesUrl}/pivot-view/binding-to-flat-data-source): このサンプルでは、`igPivotView` を `igOlapFlatDataSource` にバインドする方法を紹介します。 +- [igPivotView をフラット データ ソースにバインド](\{environment:SamplesUrl\}/pivot-view/binding-to-flat-data-source): このサンプルでは、`igPivotView` を `igOlapFlatDataSource` にバインドする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/multidimensional-data-source-components-overview.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/multidimensional-data-source-components-overview.mdx index d50ddddbb7..fe4a15d199 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/multidimensional-data-source-components-overview.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/multidimensional-data-source-components-overview.mdx @@ -6,12 +6,11 @@ slug: multidimensional-data-source-components-overview # 多言語 (OLAP) データ ソース コンポーネント概要 - ## トピックの概要 ### 目的 -このトピックは、{environment:ProductName}® の多次元データ ソース コンポーネントの概要とその機能を示します。 +このトピックは、\{environment:ProductName\}® の多次元データ ソース コンポーネントの概要とその機能を示します。 ### 前提条件 @@ -28,7 +27,7 @@ slug: multidimensional-data-source-components-overview ### コンポーネントの概要 -{environment:ProductName} の 多次元データ ソース コンポーネント ([`igOlapFlatDataSource`](/igolapflatdatasource)™ および [`igOlapXmlaDataSource`](/igolapxmladatasource)™) は、データ ([`igPivotView`](/igpivotview)™、[`igPivotGrid`](/igpivotgrid)™、[`igPivotDataSelector`](/igpivotdataselector)™ など) を表示するために実データ (OLAP キューブまたはフラット データ コレクション) およびビジュアル コントロール間の媒介として動作します。[`igOlapFlatDataSource`](/igolapflatdatasource) および [`igOlapXmlaDataSource`](/igolapxmladatasource) の両方は、すべての要素 (行、列、フィルター、メジャー、フィルター メカニズムなど) でピボット テーブルの要約を提供し、これらの要素とのインタラクションによる結果のデータの取得に使用できます。 +\{environment:ProductName\} の 多次元データ ソース コンポーネント ([`igOlapFlatDataSource`](/igolapflatdatasource)™ および [`igOlapXmlaDataSource`](/igolapxmladatasource)™) は、データ ([`igPivotView`](/igpivotview)™、[`igPivotGrid`](/igpivotgrid)™、[`igPivotDataSelector`](/igpivotdataselector)™ など) を表示するために実データ (OLAP キューブまたはフラット データ コレクション) およびビジュアル コントロール間の媒介として動作します。[`igOlapFlatDataSource`](/igolapflatdatasource) および [`igOlapXmlaDataSource`](/igolapxmladatasource) の両方は、すべての要素 (行、列、フィルター、メジャー、フィルター メカニズムなど) でピボット テーブルの要約を提供し、これらの要素とのインタラクションによる結果のデータの取得に使用できます。 ### コンポーネントを介して実装される機能 @@ -83,9 +82,9 @@ Microsoft Analysis Services Server (MASS) のデータを使用します。|[igO このトピックについては、以下のサンプルも参照してください。 -- [igPivotView を XMLA にバインドした KPI の表示]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 +- [igPivotView を XMLA にバインドした KPI の表示](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 -- [igPivotView をフラット データ ソースにバインド]({environment:SamplesUrl}/pivot-view/binding-to-flat-data-source): このサンプルでは、`igPivotView` を `igOlapFlatDataSource` にバインドする方法を紹介します。 +- [igPivotView をフラット データ ソースにバインド](\{environment:SamplesUrl\}/pivot-view/binding-to-flat-data-source): このサンプルでは、`igPivotView` を `igOlapFlatDataSource` にバインドする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/multidimensional-data-source-components.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/multidimensional-data-source-components.mdx index f4f165b5f7..05c9129749 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/multidimensional-data-source-components.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/multidimensional-data-source-components.mdx @@ -6,18 +6,17 @@ slug: multidimensional-data-source-components # 多次元 (OLAP) データ ソース コンポーネント - ## このグループのトピックについて ### 概要 -このグループのトピックは、{environment:ProductName}® の多次元 (OLAP) データ ソース コンポーネントについて説明します。 +このグループのトピックは、\{environment:ProductName\}® の多次元 (OLAP) データ ソース コンポーネントについて説明します。 ### トピック このセクションは、多次元データ ソースに関するトピックで構成されています。 -- [多言語 (OLAP) データ ソース コンポーネント概要](/multidimensional-data-source-components-overview): このトピックは、{environment:ProductName} の多次元データ ソースの概要を提供します。 +- [多言語 (OLAP) データ ソース コンポーネント概要](/multidimensional-data-source-components-overview): このトピックは、\{environment:ProductName\} の多次元データ ソースの概要を提供します。 - [igOlapXmlaDataSource](/igolapxmladatasource): これは、`igOlapXmlaDataSource`™ コンポーネントとその使用を説明しているトピックのグループです。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx index 3e8dac2ad0..6783866586 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-aspnetmvc-application.mdx @@ -3,6 +3,8 @@ title: "igOlapXmlaDataSource の ASP.NET MVC アプリケーションへの追 slug: igolapxmladatasource-adding-to-an-aspnetmvc-application --- +# igOlapXmlaDataSource の ASP.NET MVC アプリケーションへの追加 + #igOlapXmlaDataSource の ASP.NET MVC アプリケーションへの追加 ## トピックの概要 @@ -217,6 +219,6 @@ slug: igolapxmladatasource-adding-to-an-aspnetmvc-application このトピックについては、以下のサンプルも参照してください。 -- [ASP.NET MVC ヘルパーと XMLA データ ソースの使用]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 +- [ASP.NET MVC ヘルパーと XMLA データ ソースの使用](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-html-page.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-html-page.mdx index f6b14584bd..d81605e105 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-html-page.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding-to-an-html-page.mdx @@ -3,6 +3,8 @@ title: "igOlapXmlaDataSource の HTML ページへの追加" slug: igolapxmladatasource-adding-to-an-html-page --- +# igOlapXmlaDataSource の HTML ページへの追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #igOlapXmlaDataSource の HTML ページへの追加 @@ -51,7 +53,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; `igOlapXmlaDataSource` は、JavaScript クライアント環境で使用するために使用可能な SSAS サーバーから OLAP データを作成します。コンポーネントが正しく機能するためには、<ApiLink pkg="ig" type="OlapXmlaDataSource" label="serverUrl" /> プロパティを指定しなければなりません。コンポーネントを使用する前には初期化も必要です。 -通常、このデータ ソース コンポーネントは、{environment:ProductName} で使用可能な OLAP ピボット UI コントロールの 1 つで使用されます。 +通常、このデータ ソース コンポーネントは、\{environment:ProductName\} で使用可能な OLAP ピボット UI コントロールの 1 つで使用されます。 ### <a id="requirements"></a>要件 @@ -60,7 +62,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - msmdpump.dll HTTP データ プロバイダーで構成される SSAS サーバー (少なくとも 1 つのデータベース) - 必要な JavaScript ファイル: - jQuery UI ライブラリ - - 必要な {environment:ProductName}™ JavaScript ファイル: + - 必要な \{environment:ProductName\}™ JavaScript ファイル: ### <a id="steps"></a>手順 @@ -83,9 +85,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; この手順を実行するには、以下のリソースが必要です。 -- 必要な JavaScript ファイル (インフラジスティックス JavaScript ファイルは、デフォルトで {environment:ProductName}™ インストール パス下の JavaScript モジュール フォルダーに配置されます) +- 必要な JavaScript ファイル (インフラジスティックス JavaScript ファイルは、デフォルトで \{environment:ProductName\}™ インストール パス下の JavaScript モジュール フォルダーに配置されます) - Jquery-[versionNumber].js (query-1.9.0.js など) - jQuery ライブラリ (jQuery サイトで使用可能) - - infragistics.util.js、infragistics.util.jquery.js - 一部の {environment:ProductName}™ コンポーネントで使用される共有非 UI ロジックを含む JavaScript ファイル + - infragistics.util.js、infragistics.util.jquery.js - 一部の \{environment:ProductName\}™ コンポーネントで使用される共有非 UI ロジックを含む JavaScript ファイル - `infragistics.olapxmladatasource.js` - igOlapXmlaDataSource コンポーネントを含む JavaScript ファイル - (条件付き - Infragistics ローダー が使用されます) `infragistics.loader.js` - コンポーネントにより必要なすべてのインフラジスティックス JavaScript および CSS のファイルを自動で読み込むために使用可能なインフラジスティックス ローダー コンポーネント - Adventure Works DW 標準エディション データベース `msmdpump.dll` を介して HTTP アクセスで構成される SSAS サーバー インスタンスで配置されます。 @@ -201,7 +203,7 @@ $(function() { このトピックについては、以下のサンプルも参照してください。 -- [XMLA データ ソースにバインド]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [XMLA データ ソースにバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 -- [リモート XMLA プロバイダー]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): このサンプルは、`igOlapXmlaDataSource` のネットワーク トラフィックのより少ないリモート プロバイダー機能を使用するメリットのいずれかを示します。すべての要求は、クロス ドメインの問題を防止するためにサーバー アプリケーションを介してプロキシーされます。また、応答のサイズを小さくなるために、データが JSON に変換されます。 +- [リモート XMLA プロバイダー](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): このサンプルは、`igOlapXmlaDataSource` のネットワーク トラフィックのより少ないリモート プロバイダー機能を使用するメリットのいずれかを示します。すべての要求は、クロス ドメインの問題を防止するためにサーバー アプリケーションを介してプロキシーされます。また、応答のサイズを小さくなるために、データが JSON に変換されます。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding.mdx index 6be609781d..d749912768 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/add/igolapxmladatasource-adding.mdx @@ -3,6 +3,8 @@ title: "igOlapXmlaDataSource の追加" slug: igolapxmladatasource-adding --- +# igOlapXmlaDataSource の追加 + #igOlapXmlaDataSource の追加 - [igOlapXmlaDataSource の HTML ページへの追加](/igolapxmladatasource-adding-to-an-html-page) diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-configuring-through-a-remote-provider.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-configuring-through-a-remote-provider.mdx index 5ccea435ed..9baeaf5baa 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-configuring-through-a-remote-provider.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-configuring-through-a-remote-provider.mdx @@ -3,6 +3,8 @@ title: "リモート プロバイダーからの igOlapXmlaDataSource の構成" slug: igolapxmladatasource-configuring-through-a-remote-provider --- +# リモート プロバイダーからの igOlapXmlaDataSource の構成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # リモート プロバイダーからの igOlapXmlaDataSource の構成 @@ -296,9 +298,9 @@ namespace OlapAdomdMvc.Controllers このトピックについては、以下のサンプルも参照してください。 -- [リモート XMLA プロバイダー]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): このサンプルは、igOlapXmlaDataSource コンポーネントでリモート プロバイダーを使用してネットワーク トラフィックを低減する方法を紹介します。 +- [リモート XMLA プロバイダー](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): このサンプルは、igOlapXmlaDataSource コンポーネントでリモート プロバイダーを使用してネットワーク トラフィックを低減する方法を紹介します。 -- [ADOMD.NET リモート データ プロバイダー]({environment:SamplesUrl}/pivot-grid/remote-adomd-provider): このサンプルは、igPivotGrid コントロールで ADOMD.NET リモート データ プロバイダーを使用する方法を紹介します。 +- [ADOMD.NET リモート データ プロバイダー](\{environment:SamplesUrl\}/pivot-grid/remote-adomd-provider): このサンプルは、igPivotGrid コントロールで ADOMD.NET リモート データ プロバイダーを使用する方法を紹介します。 ### <a id="resources"></a>リソース diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-data-provider-configuration-overview.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-data-provider-configuration-overview.mdx index b19732daae..884caa01ab 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-data-provider-configuration-overview.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/igolapxmladatasource-data-provider-configuration-overview.mdx @@ -112,11 +112,11 @@ ADOMD.NET|Microsoft® ADOMD.NET を使用して SSAS インスタンスに直接 このトピックについては、以下のサンプルも参照してください。 -- [XMLA データ ソースへのバインド]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): このサンプルは、`igPivotGrid`™ を `igOlapXmlaDataSource` にバインドする方法を紹介します。 +- [XMLA データ ソースへのバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): このサンプルは、`igPivotGrid`™ を `igOlapXmlaDataSource` にバインドする方法を紹介します。 -- [リモート XMLA プロバイダー]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): このサンプルは、`igOlapXmlaDataSource` コンポーネントでリモート プロバイダーを使用してネットワーク トラフィックを低減する方法を紹介します。 +- [リモート XMLA プロバイダー](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): このサンプルは、`igOlapXmlaDataSource` コンポーネントでリモート プロバイダーを使用してネットワーク トラフィックを低減する方法を紹介します。 -- [ADOMD.NET リモート データ プロバイダー]({environment:SamplesUrl}/pivot-grid/remote-adomd-provider): このサンプルは、`igPivotGrid` コントロールで ADOMD.NET リモート データ プロバイダーを使用する方法を紹介します。 +- [ADOMD.NET リモート データ プロバイダー](\{environment:SamplesUrl\}/pivot-grid/remote-adomd-provider): このサンプルは、`igPivotGrid` コントロールで ADOMD.NET リモート データ プロバイダーを使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-authenticated-access-for-firefox.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-authenticated-access-for-firefox.mdx index fbdbf0edac..fa86f4ee1e 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-authenticated-access-for-firefox.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-authenticated-access-for-firefox.mdx @@ -4,6 +4,7 @@ slug: igolapxmladatasource-configuring-authenticated-access-for-firefox --- # Mozilla Firefox ブラウザーの認証済みアクセスの構成 + (igOlapXmlaDataSource) ## トピックの概要 @@ -428,9 +429,9 @@ slug: igolapxmladatasource-configuring-authenticated-access-for-firefox このトピックについては、以下のサンプルも参照してください。 -- [XMLA にバインドした KPI の表示]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 +- [XMLA にバインドした KPI の表示](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 -- [リモート XMLA プロバイダー]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): このサンプルは、`igOlapXmlaDataSource` のネットワーク トラフィックのより少ないリモート プロバイダー機能を使用するメリットのいずれかを示します。すべての要求は、クロス ドメインの問題を防止するためにサーバー アプリケーションを介してプロキシーされます。また、応答のサイズを小さくなるために、データが JSON に変換されます。 +- [リモート XMLA プロバイダー](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): このサンプルは、`igOlapXmlaDataSource` のネットワーク トラフィックのより少ないリモート プロバイダー機能を使用するメリットのいずれかを示します。すべての要求は、クロス ドメインの問題を防止するためにサーバー アプリケーションを介してプロキシーされます。また、応答のサイズを小さくなるために、データが JSON に変換されます。 ### <a id="resources"></a>リソース diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-iis-for-cross-domain-olap-data.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-iis-for-cross-domain-olap-data.mdx index 9daef9502f..5e750435c6 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-iis-for-cross-domain-olap-data.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/config/data-provider/iis/igolapxmladatasource-configuring-iis-for-cross-domain-olap-data.mdx @@ -226,9 +226,9 @@ HTTP ハンドラー名|必要なアクセス レベル|詳細 このトピックについては、以下のサンプルも参照してください。 -- [XMLA にバインドした KPI の表示]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 +- [XMLA にバインドした KPI の表示](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 -- [リモート XMLA プロバイダー]({environment:SamplesUrl}/pivot-grid/remote-xmla-provider): このサンプルは、`igOlapXmlaDataSource` のネットワーク トラフィックのより少ないリモート プロバイダー機能を使用するメリットのいずれかを示します。すべての要求は、クロス ドメインの問題を防止するためにサーバー アプリケーションを介してプロキシーされます。また、応答のサイズを小さくなるために、データが JSON に変換されます。 +- [リモート XMLA プロバイダー](\{environment:SamplesUrl\}/pivot-grid/remote-xmla-provider): このサンプルは、`igOlapXmlaDataSource` のネットワーク トラフィックのより少ないリモート プロバイダー機能を使用するメリットのいずれかを示します。すべての要求は、クロス ドメインの問題を防止するためにサーバー アプリケーションを介してプロキシーされます。また、応答のサイズを小さくなるために、データが JSON に変換されます。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-api-links.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-api-links.mdx index 38b85ad77d..8578e815c7 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-api-links.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-api-links.mdx @@ -3,6 +3,8 @@ title: "jQuery と MVC API リンク (igOlapXmlaDataSource)" slug: igolapxmladatasource-api-links --- +# jQuery と MVC API リンク (igOlapXmlaDataSource) + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #jQuery と MVC API リンク (igOlapXmlaDataSource) diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-known-issues-and-limitations.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-known-issues-and-limitations.mdx index 1cb2339a37..8ccca78187 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-known-issues-and-limitations.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-known-issues-and-limitations.mdx @@ -8,7 +8,7 @@ slug: igolapxmladatasource-known-issues-and-limitations ## 関連コンテンツ ### 概要 -以下の表は、{environment:ProductName}™ {environment:ProductVersionShort} リリースの `igOlapXmlaDataSource`™ コントロールの既知の問題および制限事項をまとめたものです。いくつかの問題および既存の回避策の詳細な説明は、サマリー表の後ろに記載されています。 +以下の表は、\{environment:ProductName\}™ \{environment:ProductVersionShort\} リリースの `igOlapXmlaDataSource`™ コントロールの既知の問題および制限事項をまとめたものです。いくつかの問題および既存の回避策の詳細な説明は、サマリー表の後ろに記載されています。 凡例: | --------|------- diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-overview.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-overview.mdx index 9f757f2787..9d08b6725a 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-overview.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource-overview.mdx @@ -3,6 +3,8 @@ title: "igOlapXmlaDataSource の概要" slug: igolapxmladatasource-overview --- +# igOlapXmlaDataSource の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # igOlapXmlaDataSource の概要 @@ -17,7 +19,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; **トピック** -- [多言語 (OLAP) データ ソース コンポーネント概要](/multidimensional-data-source-components-overview): このトピック グループでは、{environment:ProductName}™ スイートの多次元 (OLAP) データ ソース コンポーネントを説明します。 +- [多言語 (OLAP) データ ソース コンポーネント概要](/multidimensional-data-source-components-overview): このトピック グループでは、\{environment:ProductName\}™ スイートの多次元 (OLAP) データ ソース コンポーネントを説明します。 **外部リソース** @@ -37,7 +39,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [認証サポート](#authentication-support) - [OLAP メタデータ プリセットのサポート](#support-metadata) - [データ スライス生成](#data-slice-generation) - - [{environment:ProductName} コントロールとの統合](#integration-with-igniteui) + - [\{environment:ProductName\} コントロールとの統合](#integration-with-igniteui) - [**関連コンテンツ**](#related-content) - [トピック](#topics) - [サンプル](#samples) @@ -46,7 +48,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="introduction"></a>概要 -`igOlapXmlaDataSource` コンポーネントは、JavaScript クライアント アプリケーションと `msmdpump.dll` HTTP データ プロバイダで構成された Microsoft® SQL Server Analysis Services (SSAS) サーバーの間のコミュニケーションを取り扱います。Microsoft SQL Server Analysis Services (MS SASS) のデータを簡単に取得できる方法を提供します。SSAS サーバーからデータを取得するために Multidimensional Expressions (MDX) や XML for Analysis (XMLA) に関する特別な知識は必要ありません。`igOlapXmlaDataSource` は、指定したコマンドに基づいて必要な MDX クエリを生成します。`igOlapXmlaDataSource` は、OLAP データを視覚化および対話が可能な 1 つ以上の {environment:ProductName} ウィジェットと通常使用されます (`igPivotView`™ または `igPivotGrid`)。 +`igOlapXmlaDataSource` コンポーネントは、JavaScript クライアント アプリケーションと `msmdpump.dll` HTTP データ プロバイダで構成された Microsoft® SQL Server Analysis Services (SSAS) サーバーの間のコミュニケーションを取り扱います。Microsoft SQL Server Analysis Services (MS SASS) のデータを簡単に取得できる方法を提供します。SSAS サーバーからデータを取得するために Multidimensional Expressions (MDX) や XML for Analysis (XMLA) に関する特別な知識は必要ありません。`igOlapXmlaDataSource` は、指定したコマンドに基づいて必要な MDX クエリを生成します。`igOlapXmlaDataSource` は、OLAP データを視覚化および対話が可能な 1 つ以上の \{environment:ProductName\} ウィジェットと通常使用されます (`igPivotView`™ または `igPivotGrid`)。 @@ -61,7 +63,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; [認証サポート](#authentication-support)|`igOlapXmlaDataSource` は基本認証 (ユーザー名とパスワード) をサポートします。 [OLAP メタデータ プリセットのサポート](#support-metadata)|初期化された場合、`igOlapXmlaDataSource` はサーバーから利用可能なデータベース、キューブ、メジャー グループ、ディメンションなどの OLAP メタデータをダウンロードします。 [データ スライス生成](#data-slice-generation)|行と列に階層を割り当てた後に、`igOlapXmlaDataSource` は、相対する階層のメンバーのタプルを含む結果軸を 1 つ以上生成します。メジャーが選択された場合、`igOlapXmlaDataSource` は値セルオブジェクトの2 次元配列を生成します。 -[{environment:ProductName} コントロールとの統合](#integration-with-igniteui)|`igOlapXmlaDataSource` コンポーネントは、OLAP データを表示する {environment:ProductName} のデータ ビジュアライゼーション コントロールにデータを提供できます。 +[\{environment:ProductName\} コントロールとの統合](#integration-with-igniteui)|`igOlapXmlaDataSource` コンポーネントは、OLAP データを表示する \{environment:ProductName\} のデータ ビジュアライゼーション コントロールにデータを提供できます。 @@ -100,9 +102,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [ピボット グリッドの列、行、フィルター、メジャーの配列による結果セットの表形式ビューを構成します (igOlapFlatDataSource、 igOlapXmlaDataSource、igPivotDataSelector、igPivotGrid, igPivotView)。](/configuring-the-tabular-view) -### <a id="integration-with-igniteui"></a>{environment:ProductName} コントロールとの統合 +### <a id="integration-with-igniteui"></a>\{environment:ProductName\} コントロールとの統合 -`igOlapXmlaDataSource` コンポーネントは、OLAP データを表示する {environment:ProductName} のデータ ビジュアライゼーション コントロールにデータを提供できます。サポートされるコントロールは `igPivotDataSelector`、`igPivotGrid`、および `igPivotView` です。 +`igOlapXmlaDataSource` コンポーネントは、OLAP データを表示する \{environment:ProductName\} のデータ ビジュアライゼーション コントロールにデータを提供できます。サポートされるコントロールは `igPivotDataSelector`、`igPivotGrid`、および `igPivotView` です。 #### 関連トピック: @@ -125,7 +127,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [ピボット グリッドの列、行、フィルター、メジャーの配列による結果セットの表形式ビューを構成します (igOlapFlatDataSource、 igOlapXmlaDataSource、igPivotDataSelector、igPivotGrid, igPivotView)](/configuring-the-tabular-view): このトピックは、グリッドのインターフェイスまたはコードを使用し、ピボット グリッド列、行、フィルター、およびメジャーの階層を配置して設定される OLAP キューブ結果の表形式ビューを構成する方法を説明します。 -- [KPI (キー パフォーマンス インジケーター) のサポート (igPivotGrid、igPivotDataSelector、igOlapXmlaDataSource)](/igpivotgrid-kpi-support): このトピックは、多次元 (OLAP) データ セットからの KPI データが {environment:ProductName}™ で視覚化される状態を概念的に説明します。KPI を視覚化する {environment:ProductName} コントロールは `igPivotDataSelector` および `igPivotGrid` です。 +- [KPI (キー パフォーマンス インジケーター) のサポート (igPivotGrid、igPivotDataSelector、igOlapXmlaDataSource)](/igpivotgrid-kpi-support): このトピックは、多次元 (OLAP) データ セットからの KPI データが \{environment:ProductName\}™ で視覚化される状態を概念的に説明します。KPI を視覚化する \{environment:ProductName\} コントロールは `igPivotDataSelector` および `igPivotGrid` です。 - [既知の問題と制限 (igOlapXmlaDataSource)](/igolapxmladatasource-known-issues-and-limitations): このトピックでは、`igOlapXmlaDataSource` コンポーネントに固有の既知の問題と制限に関する情報を提供します。 @@ -141,11 +143,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; このトピックについては、以下のサンプルも参照してください。 -- [igPivotGrid を XMLA データ ソースにバインド]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 +- [igPivotGrid を XMLA データ ソースにバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source): このサンプルでは、`igPivotGrid` を `igOlapXmlaDataSource` にバインドし、データ選択のために `igPivotDataSelector` を使用します。 -- [ASP.NET MVC ヘルパーと XMLA データ ソースの使用]({environment:SamplesUrl}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 +- [ASP.NET MVC ヘルパーと XMLA データ ソースの使用](\{environment:SamplesUrl\}/pivot-data-selector/using-the-asp-net-mvc-helper-with-xmla-data-source): このサンプルでは、`igOlapXmlaDataSource` に ASP.NET MVC ヘルパーを使用し、このデータ ソースを `igPivotDataSelector` および `igPivotGrid` に使用する方法を紹介します。 -- [igPivotView を XMLA にバインドした KPI の表示]({environment:SamplesUrl}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 +- [igPivotView を XMLA にバインドした KPI の表示](\{environment:SamplesUrl\}/pivot-view/binding-to-xmla-data-source): このサンプルでは、`igPivotView` を `igOlapXmlaDataSource` にバインドする方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource.mdx b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource.mdx index a0ef0a2312..69074049f4 100644 --- a/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource.mdx +++ b/docs/jquery/src/content/ja/topics/data-sources/olap/xmla/igolapxmladatasource.mdx @@ -6,7 +6,6 @@ slug: igolapxmladatasource # igOlapXmlaDataSource - ## このグループのトピックについて ### 概要 @@ -22,7 +21,7 @@ slug: igolapxmladatasource - [igOlapXmlaDataSource の構成](/igolapxmladatasource-configuring): このトピック グループは、`igOlapXmlaDataSource` コントロールのさまざまな要素および関連するサーバー側コンポーネントを構成する方法を説明します。 -- [KPI (キー パフォーマンス インジケーター) のサポート (igPivotGrid、igPivotDataSelector、igOlapXmlaDataSource)](/igpivotgrid-kpi-support): このトピックは、多次元 (OLAP) データ セットからの KPI データが {environment:ProductName}™ で視覚化される状態を概念的に説明します。KPI を視覚化する {environment:ProductName} コントロールは、`igPivotDataSelector`™ および `igPivotGrid`™ にあります。 +- [KPI (キー パフォーマンス インジケーター) のサポート (igPivotGrid、igPivotDataSelector、igOlapXmlaDataSource)](/igpivotgrid-kpi-support): このトピックは、多次元 (OLAP) データ セットからの KPI データが \{environment:ProductName\}™ で視覚化される状態を概念的に説明します。KPI を視覚化する \{environment:ProductName\} コントロールは、`igPivotDataSelector`™ および `igPivotGrid`™ にあります。 - [既知の問題と制限 (igOlapXmlaDataSource)](/igolapxmladatasource-known-issues-and-limitations): このトピックでは、`igOlapXmlaDataSource` コンポーネントに固有の既知の問題と制限に関する情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/accessibility-compliance.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/accessibility-compliance.mdx index c8ef4c4bf7..a61bcf82fa 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/accessibility-compliance.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/accessibility-compliance.mdx @@ -16,7 +16,7 @@ slug: accessibility-compliance リハビリテーション法[第 508 条](http://www.section508.gov/)連邦議会によって 1998 年に改正され、すべての連邦政府機関は障害を持つ職員が電子情報技術にアクセスできるようにすることを義務付けました。それ以降、第 508 条の準拠は、連邦政府機関の要件であるだけでなく、ソフトウェア ソリューションを提供し、Web ページを設計する際にも重要です。 -第 508 条の第 1194 部 22 条は、特に Web ベースのイントラネットおよびインターネット情報およびシステムを対象としており、遵守すべき 16 の規則が含まれています。お客様の最小限の努力でお客様の Web アプリケーションおよび Web サイトがこれらの規則に整合できるようにするために、インフラジスティックスは、{environment:ProductName} のコントロールおよびコンポーネントが該当するアクセシビリティ規則に準拠することを保証するための取り組みを続けてきました。 +第 508 条の第 1194 部 22 条は、特に Web ベースのイントラネットおよびインターネット情報およびシステムを対象としており、遵守すべき 16 の規則が含まれています。お客様の最小限の努力でお客様の Web アプリケーションおよび Web サイトがこれらの規則に整合できるようにするために、インフラジスティックスは、\{environment:ProductName\} のコントロールおよびコンポーネントが該当するアクセシビリティ規則に準拠することを保証するための取り組みを続けてきました。 以下のマトリックスで、弊社の視覚的コントロール（および関連コンポーネント）によって提供されるアクセシビリティのサポートの高レベルな概要を提供します。個々のコントロール/コンポーネントのアクセシビリティの遵守の詳細は、コントロール/コンポーネント名をクリックしてください。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/adding-igniteui-controls-to-an-mvc-project.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/adding-igniteui-controls-to-an-mvc-project.mdx index d190ea3269..dd2703dba9 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/adding-igniteui-controls-to-an-mvc-project.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/adding-igniteui-controls-to-an-mvc-project.mdx @@ -7,14 +7,14 @@ slug: adding-igniteui-controls-to-an-mvc-project ## トピックの概要 -このトピックでは、ASP.NET MVC アプリケーションで {environment:ProductNameMVC}™ コンポーネントを使用した作業の開始方法を説明します。 +このトピックでは、ASP.NET MVC アプリケーションで \{environment:ProductNameMVC\}™ コンポーネントを使用した作業の開始方法を説明します。 ### このトピックの内容 このトピックは、以下のセクションで構成されます。 -- [{environment:ProductNameMVC}™ の使用方法](#mvcHelper) -- [{environment:ProductNameMVC}™ コントロールを定義するメソッド](#methodsMVC) +- [\{environment:ProductNameMVC\}™ の使用方法](#mvcHelper) +- [\{environment:ProductNameMVC\}™ コントロールを定義するメソッド](#methodsMVC) - [igTree を使用した ASP.NET MVC アプリケーションの開発](#developingMVC) - [関連コンテンツ](#related) @@ -22,7 +22,7 @@ slug: adding-igniteui-controls-to-an-mvc-project ### モバイル MVC ヘルパーの使用方法の概要 -{environment:ProductNameMVC}™ は、MVC 拡張機能のサーバー側セットを提供します。これによって、次のようにして {environment:ProductName} コントロールを定義および使用できるようになります。 +\{environment:ProductNameMVC\}™ は、MVC 拡張機能のサーバー側セットを提供します。これによって、次のようにして \{environment:ProductName\} コントロールを定義および使用できるようになります。 **Razor の場合:** @@ -48,15 +48,15 @@ slug: adding-igniteui-controls-to-an-mvc-project ## ## MVC 4 および MVC 5 -{environment:ProductNameMVC} の機能は、`Infragistics.Web.Mvc` アセンブリに含まれています。これは、MVC4 と MVC5 の両方に対してコンパイル済みです。{environment:ProductNameMVC} のアセンブリの場所の詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」を参照してください。 +\{environment:ProductNameMVC\} の機能は、`Infragistics.Web.Mvc` アセンブリに含まれています。これは、MVC4 と MVC5 の両方に対してコンパイル済みです。\{environment:ProductNameMVC\} のアセンブリの場所の詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」を参照してください。 > **注**: dll の参照の `Copy Local` プロパティを `true` に設定する必要があります。 -### {environment:ProductNameMVC} ローダーの使用 +### \{environment:ProductNameMVC\} ローダーの使用 -インフラジスティックス ローダーを使用してページに必要な依存スクリプトおよびスタイル ファイルをロードします。ローダーの使い方の詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」を参照してください。 +インフラジスティックス ローダーを使用してページに必要な依存スクリプトおよびスタイル ファイルをロードします。ローダーの使い方の詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」を参照してください。 -以下のコードは、{environment:ProductNameMVC} ローダーを初期化する方法を示します。 +以下のコードは、\{environment:ProductNameMVC\} ローダーを初期化する方法を示します。 **Razor の場合:** @@ -76,27 +76,27 @@ JavaScript ファイルは、Infragistics CDN 上のホスト環境でも使用 **Razor の場合:** ```csharp -<script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.loader.js"></script> +<script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.loader.js"></script> ``` **Razor の場合:** ```csharp @(Html.Infragistics().Loader() - .ScriptPath(“http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/”) - .CssPath(“http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/”) + .ScriptPath(“http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/”) + .CssPath(“http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/”) .Render()) ``` ### Render() メソッドの呼び出し -{environment:ProductNameMVC} コントロールをインスタンス化する場合、他のオプションをすべて構成し終わった後、最後に Render メソッドを呼び出します。これは、クライアントでコントロールをインスタンス化するのに必要な HTML および JavaScript を描画するメソッドです。 +\{environment:ProductNameMVC\} コントロールをインスタンス化する場合、他のオプションをすべて構成し終わった後、最後に Render メソッドを呼び出します。これは、クライアントでコントロールをインスタンス化するのに必要な HTML および JavaScript を描画するメソッドです。 -## <a id="methodsMVC"></a> {environment:ProductNameMVC} コントロールを使用するメソッド +## <a id="methodsMVC"></a> \{environment:ProductNameMVC\} コントロールを使用するメソッド ### コントロールを構成するメソッドの概要 -MVC アプリケーションでコントロールを設定するための 2 つの異なるオプションがあります。以下の表は、コントロールを Model で定義するか View で定義するかに応じて {environment:ProductNameMVC} コントロールの定義に使用できる方法を示します。詳細は、概要表の後に記載されています。 +MVC アプリケーションでコントロールを設定するための 2 つの異なるオプションがあります。以下の表は、コントロールを Model で定義するか View で定義するかに応じて \{environment:ProductNameMVC\} コントロールの定義に使用できる方法を示します。詳細は、概要表の後に記載されています。 | メソッド | 説明 | @@ -194,14 +194,14 @@ private void InitializeSortingGridOptions(GridModel model) ### 概要 -以下の手順では、{environment:ProductNameMVC} を使用して作業するために必要なアセンブリおよびリソース (CSS および JavaScript ファイル) を追加する方法を示します。 +以下の手順では、\{environment:ProductNameMVC\} を使用して作業するために必要なアセンブリおよびリソース (CSS および JavaScript ファイル) を追加する方法を示します。 ### 要件 この手順を実行するには、以下が必要です。 - Web アプリケーションが含まれるプロジェクト -- {environment:ProductName} 20{environment:ProductVersionShort} がインストール済み +- \{environment:ProductName\} 20\{environment:ProductVersionShort\} がインストール済み - [jQuery](http://jquery.com/) コア ライブラリ バージョン 1.4.4 またはそれ以降 - [jQuery UI](http://jqueryui.com/) ライブラリ 1.8.17 以降 - [Modernizr](http://modernizr.com/) オープン ソース JavaScript ライブラリ 2.5.2 以降 @@ -222,8 +222,8 @@ private void InitializeSortingGridOptions(GridModel model) 1. MVC アプリケーションへの必要なリソースの追加 - - {environment:ProductName} NuGet パッケージをアプリケーションの依存関係のリストに追加します。 - - {environment:ProductNameMVC} NuGet パッケージ (使用する MVC バージョンに基づく) をアプリケーションの依存関係のリストに追加します。 + - \{environment:ProductName\} NuGet パッケージをアプリケーションの依存関係のリストに追加します。 + - \{environment:ProductNameMVC\} NuGet パッケージ (使用する MVC バージョンに基づく) をアプリケーションの依存関係のリストに追加します。 2. MVC アプリケーションで igTree を宣言 @@ -260,7 +260,7 @@ private void InitializeSortingGridOptions(GridModel model) ) ``` - > **注**: コード リストの Render メソッドの使用に注意してください。すべての {environment:ProductNameMVC} は、コントロールのサーバー側描画を開始するために最後のメソッドとして Render メソッドを呼び出す必要があります。 + > **注**: コード リストの Render メソッドの使用に注意してください。すべての \{environment:ProductNameMVC\} は、コントロールのサーバー側描画を開始するために最後のメソッドとして Render メソッドを呼び出す必要があります。 3. コントローラーのコードを追加 @@ -342,7 +342,7 @@ private void InitializeSortingGridOptions(GridModel model) ``` ## 次の手順 -{environment:ProductNameMVC} を使用して作業する方法を習得した後、コントロールを ASP.NET MVC で使用する方法については、「[igGrid を使用する ASP.NET MVC アプリケーションの開発](/iggrid-developing-asp-net-mvc-applications-with-iggrid)」を参照してください。 +\{environment:ProductNameMVC\} を使用して作業する方法を習得した後、コントロールを ASP.NET MVC で使用する方法については、「[igGrid を使用する ASP.NET MVC アプリケーションの開発](/iggrid-developing-asp-net-mvc-applications-with-iggrid)」を参照してください。 ## <a id="related"></a>関連コンテンツ @@ -352,10 +352,10 @@ private void InitializeSortingGridOptions(GridModel model) - [igGrid を使用する ASP.NET MVC アプリケーションの開発](/iggrid-developing-asp-net-mvc-applications-with-iggrid) -- [{environment:ProductName} での JavaScript ファイル](/deployment-guide-javascript-files) +- [\{environment:ProductName\} での JavaScript ファイル](/deployment-guide-javascript-files) -- [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) -- [{environment:ProductName} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx) +- [\{environment:ProductName\} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx) diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx index e8b4df16e0..dd89f6cdcc 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/adding-the-required-resources-for-igniteui-for-jquery.mdx @@ -8,7 +8,7 @@ slug: adding-the-required-resources-for-igniteui-for-jquery ## トピックの概要 ### 目的 -このトピックでは、*Infragistics*® *Loader* を使用せずに {environment:ProductName}™ の必要な JavaScript リソースを追加する方法について説明します。 +このトピックでは、*Infragistics*® *Loader* を使用せずに \{environment:ProductName\}™ の必要な JavaScript リソースを追加する方法について説明します。 ### このトピックの内容 @@ -20,9 +20,9 @@ slug: adding-the-required-resources-for-igniteui-for-jquery - [関連コンテンツ](#related-content) ### <a id="introduction"></a> 概要 -この手順では、必要なすべてのリソース (CSS および JavaScript ファイル) を手動で追加して、{environment:ProductName} を使用して作業する方法を示します。この手順に従うと、縮小された CSS および JavaScript ファイルが追加されます。これは、Web 全体で共有するデータ量を減らす必要があるときに推奨されます。 +この手順では、必要なすべてのリソース (CSS および JavaScript ファイル) を手動で追加して、\{environment:ProductName\} を使用して作業する方法を示します。この手順に従うと、縮小された CSS および JavaScript ファイルが追加されます。これは、Web 全体で共有するデータ量を減らす必要があるときに推奨されます。 -すべての {environment:ProductName} の結合スクリプトを含む JavaScript ファイルの名前は以下のリストです: +すべての \{environment:ProductName\} の結合スクリプトを含む JavaScript ファイルの名前は以下のリストです: - `infragistics.core.js`: 共有依存関係 (必須) @@ -45,7 +45,7 @@ slug: adding-the-required-resources-for-igniteui-for-jquery - `infragistics.ui.CONTROL_NAME.js` - `infragistics.ui.CONTROL_NAME.CONTROL_FEATURE.js` -各コントロールに必要なすべてのスクリプトに関する参考文献については、[{environment:ProductName} 内の JavaScript ファイル](/deployment-guide-javascript-files)トピックを参照してください。 +各コントロールに必要なすべてのスクリプトに関する参考文献については、[\{environment:ProductName\} 内の JavaScript ファイル](/deployment-guide-javascript-files)トピックを参照してください。 > **注:** ローカライズ スクリプトは、ページ コード内の実際の JavaScript ファイルの前に参照する必要があります。 @@ -54,12 +54,12 @@ slug: adding-the-required-resources-for-igniteui-for-jquery この手順を実行するには、以下が必要です。 - Web アプリケーションが含まれるプロジェクト -- {environment:ProductName} npm パッケージがインストール済み +- \{environment:ProductName\} npm パッケージがインストール済み - [jQuery](http://jquery.com/) コア ライブラリ バージョン 1.9.1 またはそれ以降 - [jQuery UI](http://jqueryui.com/) ライブラリ 1.9.0 以降 - [Modernizr](http://modernizr.com/) オープン ソース JavaScript ライブラリ 2.5.2 以降 -> **注:** {environment:ProductName} のサポートされるフレームワーク バージョンの詳細について、[http://jp.infragistics.com/support/supported-environments](http://jp.infragistics.com/support/supported-environments) を参照してください。 +> **注:** \{environment:ProductName\} のサポートされるフレームワーク バージョンの詳細について、[http://jp.infragistics.com/support/supported-environments](http://jp.infragistics.com/support/supported-environments) を参照してください。 ## <a id="steps"></a> 手順 @@ -67,7 +67,7 @@ slug: adding-the-required-resources-for-igniteui-for-jquery インストール ディレクトリからリソースをコピーします。 -1. {environment:ProductName}™ リソースは、`js` および `css` フォルダー内の npm パッケージ ディレクトリに置かれています。 +1. \{environment:ProductName\}™ リソースは、`js` および `css` フォルダー内の npm パッケージ ディレクトリに置かれています。 ![](../images/images/Adding_the_Required_Resources_for_IgniteUI_for_jQuery_2.png) @@ -118,10 +118,10 @@ Modernizr のデフォルトのパッケージには含まれていない、`css ### トピック このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [{environment:ProductName} の JavaScript ファイル](/deployment-guide-javascript-files): このトピックは、{environment:ProductName}™ に含まれるコントロールを使用して作業するために必要な JavaScript ファイルへの参照です。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで {environment:ProductName} を操作して、必要なリソースを管理する方法について説明します。 -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): アプリケーションの設計時間の設定に関する指示、生産で CSS を使用するためのオプション、およびテーマの作成またはカスタマイズに関する概要です。 -- [{environment:ProductName} 向けのインフラジスティックス コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx): このトピックでは、Infragistics Loader を使用して {environment:ProductName} を使用して作業するために必要なリソースを管理する方法について説明します。 +- [\{environment:ProductName\} の JavaScript ファイル](/deployment-guide-javascript-files): このトピックは、\{environment:ProductName\}™ に含まれるコントロールを使用して作業するために必要な JavaScript ファイルへの参照です。 +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで \{environment:ProductName\} を操作して、必要なリソースを管理する方法について説明します。 +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): アプリケーションの設計時間の設定に関する指示、生産で CSS を使用するためのオプション、およびテーマの作成またはカスタマイズに関する概要です。 +- [\{environment:ProductName\} 向けのインフラジスティックス コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx): このトピックでは、Infragistics Loader を使用して \{environment:ProductName\} を使用して作業するために必要なリソースを管理する方法について説明します。 ### リソース 以下の資料 (Infragistics のコンテンツ ファミリー以外でもご利用いただけます) は、このトピックに関連する追加情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx index 4eb41e60d2..d63de0049c 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/customizing-the-localization-of-igniteui-for-jquery-controls.mdx @@ -1,21 +1,21 @@ --- -title: "{environment:ProductName} コントロールのローカライズのカスタマイズ" +title: "{environment:ProductName} コントロールのローカライズのカスタマイズ" slug: customizing-the-localization-of-igniteui-for-jquery-controls --- -# {environment:ProductName} コントロールのローカライズのカスタマイズ +# \{environment:ProductName\} コントロールのローカライズのカスタマイズ ##トピックの概要 ### 目的 -このトピックでは、必要な言語での {environment:ProductName}™ コントロールのローカライズ方法について説明します。 +このトピックでは、必要な言語での \{environment:ProductName\}™ コントロールのローカライズ方法について説明します。 ### 必要な背景 以下の表は、このトピックを理解するための前提条件として必要なトピックを示しています。 -[{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources) : このトピックでは、{environment:ProductName} のフォルダー構造、Infragistics ローダーの使用方法、およびコントロールの手動での参照方法について説明します。 +[\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources) : このトピックでは、\{environment:ProductName\} のフォルダー構造、Infragistics ローダーの使用方法、およびコントロールの手動での参照方法について説明します。 ### このトピックの内容 @@ -42,7 +42,7 @@ slug: customizing-the-localization-of-igniteui-for-jquery-controls ##<a id="Introduction"></a>概要 -### {environment:ProductName} コントロールのローカライズの紹介 +### \{environment:ProductName\} コントロールのローカライズの紹介 現在、jQuery コントロールは以下の言語で提供されています。 @@ -100,11 +100,11 @@ slug: customizing-the-localization-of-igniteui-for-jquery-controls ### <a id="subIntroduction"></a>概要 -このセクションでは、{environment:ProductName} コントロールの利用可能なローカライズ ファイルについて説明します。これらのファイルは *<IgniteUI_NPM_Folder>\js\modules\i18n* フォルダーにあります。 +このセクションでは、\{environment:ProductName\} コントロールの利用可能なローカライズ ファイルについて説明します。これらのファイルは *<IgniteUI_NPM_Folder>\js\modules\i18n* フォルダーにあります。 ###<a id="LocalizationSummary"></a> コントロールのローカライズ参照の概要 -以下の表は、{environment:ProductName} コントロールのローカライズ ファイルの概要を示しています。 +以下の表は、\{environment:ProductName\} コントロールのローカライズ ファイルの概要を示しています。 | コントロール | スクリプト名 | @@ -149,7 +149,7 @@ slug: customizing-the-localization-of-igniteui-for-jquery-controls }); ``` -{environment:ProductNameMVC} の object 型の `locale` オプションを使用する場合、igGrid、igTreeGrid、および igHierarachicalGrid にラムダ式または文字列によって設定できます。すべてのその他のコントロールの場合、文字列のみを指定できます。 +\{environment:ProductNameMVC\} の object 型の `locale` オプションを使用する場合、igGrid、igTreeGrid、および igHierarachicalGrid にラムダ式または文字列によって設定できます。すべてのその他のコントロールの場合、文字列のみを指定できます。 **Razor の場合:** @@ -212,7 +212,7 @@ igTreeGrid - 文字列で設定される `locale` オプション ## <a id="change-locale"></a> 言語の変更 コントロールの言語を `language` オプションによって設定できます。ランタイムに変更するには、以下の方法を使用します。 -- ページで `language` が明示的に設定されていないすべての {environment:ProductName} ウィジェットをグローバルに設定するには、`changeGlobalLanguage` 関数を使用します。 +- ページで `language` が明示的に設定されていないすべての \{environment:ProductName\} ウィジェットをグローバルに設定するには、`changeGlobalLanguage` 関数を使用します。 **JavaScript の場合:** @@ -235,7 +235,7 @@ igTreeGrid - 文字列で設定される `locale` オプション コントロールの地域設定を `regional` オプションによって設定できます。設定するには、以下の方法を使用します。 -- ページですべての {environment:ProductName} ウィジェットをグローバルに設定するには、`changeGlobalRegional` 関数を使用します。 +- ページですべての \{environment:ProductName\} ウィジェットをグローバルに設定するには、`changeGlobalRegional` 関数を使用します。 **JavaScript の場合:** @@ -278,7 +278,7 @@ grid.igGrid({ ### <a id="Requirements"></a>要件 -手順を完了するには、{environment:ProductName} {environment:ProductVersionShort} (英語版) の npm パッケージをダウンロードまたはインストールする必要があります。 +手順を完了するには、\{environment:ProductName\} \{environment:ProductVersionShort\} (英語版) の npm パッケージをダウンロードまたはインストールする必要があります。 ###<a id="Overview"></a> 概要 @@ -489,9 +489,9 @@ grid.igGrid({ このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [はじめに](/deployment-guide): {environment:ProductName} コントロールの配備方法を説明します。 +- [はじめに](/deployment-guide): \{environment:ProductName\} コントロールの配備方法を説明します。 -- [{environment:ProductName} の JavaScript ファイル](/deployment-guide-javascript-files) : {environment:ProductName} のすべての JavaScript ファイルを示します。 +- [\{environment:ProductName\} の JavaScript ファイル](/deployment-guide-javascript-files) : \{environment:ProductName\} のすべての JavaScript ファイルを示します。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/defining-events-with-aspnet-helper.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/defining-events-with-aspnet-helper.mdx index de143a7618..c263c00432 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/defining-events-with-aspnet-helper.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/defining-events-with-aspnet-helper.mdx @@ -1,16 +1,16 @@ --- -title: "{environment:ProductNameMVC} によるイベントの定義" +title: "{environment:ProductNameMVC} によるイベントの定義" slug: defining-events-with-aspnet-helper --- -# {environment:ProductNameMVC} によるイベントの定義 +# \{environment:ProductNameMVC\} によるイベントの定義 ##トピックの概要 #### 目的 -このトピックでは、{environment:ProductNameMVC} を使用してクライアント側のイベント ハンドラーを定義する方法を説明します。このサンプルは `igCombo`™ の `selectionChanged` イベントを使用しますが、すべてのコンポーネントの {environment:ProductNameMVC} で同じ方法を使用できます (すべての Line of Bussiness の{environment:ProductNameMVC} コンポーネント)。 +このトピックでは、\{environment:ProductNameMVC\} を使用してクライアント側のイベント ハンドラーを定義する方法を説明します。このサンプルは `igCombo`™ の `selectionChanged` イベントを使用しますが、すべてのコンポーネントの \{environment:ProductNameMVC\} で同じ方法を使用できます (すべての Line of Bussiness の\{environment:ProductNameMVC\} コンポーネント)。 #### 前提条件 @@ -18,9 +18,9 @@ slug: defining-events-with-aspnet-helper -- [コントロールを MVC プロジェクトに追加](./00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、{environment:ProductNameMVC}® コンポーネントを使用して作業を開始する方法を説明します。 +- [コントロールを MVC プロジェクトに追加](./00_Adding IgniteUI Controls to an MVC Project.mdx): このトピックでは、\{environment:ProductNameMVC\}® コンポーネントを使用して作業を開始する方法を説明します。 -- [{environment:ProductNameMVC} でイベントの使用](/using-events-in-igniteui-for-jquery): このトピックは、{environment:ProductNameMVC} コントロールが発生させるイベントの処理方法について説明します。また、初期化と初期化後のイベントのバインドの違いについても説明します。 +- [\{environment:ProductNameMVC\} でイベントの使用](/using-events-in-igniteui-for-jquery): このトピックは、\{environment:ProductNameMVC\} コントロールが発生させるイベントの処理方法について説明します。また、初期化と初期化後のイベントのバインドの違いについても説明します。 @@ -39,13 +39,13 @@ slug: defining-events-with-aspnet-helper ## 手順 -以下は、{environment:ProductNameMVC} を使用してイベント ハンドラーを定義する手順の概要です。 +以下は、\{environment:ProductNameMVC\} を使用してイベント ハンドラーを定義する手順の概要です。 -1. {environment:ProductNameMVC} コントロールをインスタンス化します。 +1. \{environment:ProductNameMVC\} コントロールをインスタンス化します。 2. イベントを処理するための JavaScript 関数を定義します。 -3. {environment:ProductNameMVC} でイベントを構成します。 +3. \{environment:ProductNameMVC\} でイベントを構成します。 ##イベント ハンドラーの定義 - 手順 @@ -63,27 +63,27 @@ slug: defining-events-with-aspnet-helper この手順を実行するには、以下のリソースが必要です。 -- 必要な {environment:ProductName} リソースと構成された ASP.NET MVC アプリケーション +- 必要な \{environment:ProductName\} リソースと構成された ASP.NET MVC アプリケーション - ビューを返すために構成されたコントローラーおよびアクション メソッド ### 概要 以下はプロセスの概念的概要です。 -1. {environment:ProductNameMVC} コントロールをインスタンス化します。 +1. \{environment:ProductNameMVC\} コントロールをインスタンス化します。 2. イベントを処理するための JavaScript 関数を定義します。 -3. {environment:ProductNameMVC} でイベントを構成します。 +3. \{environment:ProductNameMVC\} でイベントを構成します。 ### 手順 -以下の手順は、{environment:ProductNameMVC} `igCombo` を `selectionChanged` をクライアント側で処理するために構成する方法を紹介します。 +以下の手順は、\{environment:ProductNameMVC\} `igCombo` を `selectionChanged` をクライアント側で処理するために構成する方法を紹介します。 -1. {environment:ProductNameMVC} コントロールをインスタンス化します。 +1. \{environment:ProductNameMVC\} コントロールをインスタンス化します。 - イベントを既存の {environment:ProductNameMVC} の実装に追加する場合、手順 2 から開始してください。既存の {environment:ProductNameMVC} の実装がない場合、{environment:ProductNameMVC} *igCombo* を含むプロジェクトに以下のコードをコピーします。 + イベントを既存の \{environment:ProductNameMVC\} の実装に追加する場合、手順 2 から開始してください。既存の \{environment:ProductNameMVC\} の実装がない場合、\{environment:ProductNameMVC\} *igCombo* を含むプロジェクトに以下のコードをコピーします。 **ASPX の場合:** @@ -150,9 +150,9 @@ slug: defining-events-with-aspnet-helper </script> ``` -3. {environment:ProductNameMVC} イベントを構成します。 +3. \{environment:ProductNameMVC\} イベントを構成します。 - イベントが発生されたときに、JavaScript 関数を呼び出すために {environment:ProductNameMVC} を構成します。 + イベントが発生されたときに、JavaScript 関数を呼び出すために \{environment:ProductNameMVC\} を構成します。 **ASPX の場合:** @@ -174,7 +174,7 @@ slug: defining-events-with-aspnet-helper 以下のトピックでは、このトピックに関連する追加情報を提供しています。 -- [{environment:ProductName} でイベントの使用](/using-events-in-igniteui-for-jquery): このトピックは、{environment:ProductName} コントロールが発生させるイベントの処理方法について説明します。また、初期化と初期化後のイベントのバインドの違いについても説明します。 +- [\{environment:ProductName\} でイベントの使用](/using-events-in-igniteui-for-jquery): このトピックは、\{environment:ProductName\} コントロールが発生させるイベントの処理方法について説明します。また、初期化と初期化後のイベントのバインドの違いについても説明します。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-infragistics-content-delivery-networkcdn.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-infragistics-content-delivery-networkcdn.mdx index 8dc1365173..6e9c570fd7 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-infragistics-content-delivery-networkcdn.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-infragistics-content-delivery-networkcdn.mdx @@ -1,9 +1,9 @@ --- -title: "{environment:ProductName} 対応 Infragistics コンテンツ配信ネットワーク (CDN)" +title: "{environment:ProductName} 対応 Infragistics コンテンツ配信ネットワーク (CDN)" slug: deployment-guide-infragistics-content-delivery-network(cdn) --- -# {environment:ProductName} 対応 Infragistics コンテンツ配信ネットワーク (CDN) +# \{environment:ProductName\} 対応 Infragistics コンテンツ配信ネットワーク (CDN) ##トピックの概要 @@ -19,9 +19,9 @@ slug: deployment-guide-infragistics-content-delivery-network(cdn) - [Infragistics コンテンツ配信ネットワーク (CDN)](http://en.wikipedia.org/wiki/Content_delivery_network) -- [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで {environment:ProductName} JavaScript を操作して、必要なリソースを管理する方法について説明します。 +- [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで \{environment:ProductName\} JavaScript を操作して、必要なリソースを管理する方法について説明します。 -- [Infragistics Loader の使用](/using-infragistics-loader): このトピックでは、Infragistics Loader を使用して {environment:ProductName} を使用して作業するために必要なリソースを管理する方法について説明します。 +- [Infragistics Loader の使用](/using-infragistics-loader): このトピックでは、Infragistics Loader を使用して \{environment:ProductName\} を使用して作業するために必要なリソースを管理する方法について説明します。 #### このトピックの内容 @@ -46,9 +46,9 @@ slug: deployment-guide-infragistics-content-delivery-network(cdn) CDN サポートを有効にするには、必要なリソースの参照を、ローカル サーバーではなく CDN 上のそれらのリソースのインスタンスを指すようにする必要があります。CDN のファイルは、ローカル マシンと同じフォルダー構造で配置されます。参照オプションも同じです。つまり、リソースを静的に参照することも Infragistics Loader で参照することもできます。 -これらのリソースを参照するルート URL には、{environment:ProductName} のボリューム番号とリソースのバージョン番号が含まれています。 +これらのリソースを参照するルート URL には、\{environment:ProductName\} のボリューム番号とリソースのバージョン番号が含まれています。 ->**注:** {environment:ProductName} 2012 Volume 2 で開始、CDN の新しい「latest」(最新バージョン) の URL があります。トライアル版の CDN リソースにアクセスするために、この URL はトピックおよびヘルプで使用されます。この URL は自動的に {environment:ProductName} 製品の最新のサービス リリース バージョンに更新されます。ページでトライアル版ウォーターマークを表示します。製品版 (トライアル版にあるウォーターマークがありません) の URL を使用するには、Infragistics Web サイトの [キーとダウンロード](https://jp.infragistics.com/my-account/keys-and-downloads/) ページで選択した製品の*ソース コード* タブを参照してください。 +>**注:** \{environment:ProductName\} 2012 Volume 2 で開始、CDN の新しい「latest」(最新バージョン) の URL があります。トライアル版の CDN リソースにアクセスするために、この URL はトピックおよびヘルプで使用されます。この URL は自動的に \{environment:ProductName\} 製品の最新のサービス リリース バージョンに更新されます。ページでトライアル版ウォーターマークを表示します。製品版 (トライアル版にあるウォーターマークがありません) の URL を使用するには、Infragistics Web サイトの [キーとダウンロード](https://jp.infragistics.com/my-account/keys-and-downloads/) ページで選択した製品の*ソース コード* タブを参照してください。 >**注:** 例は、非セキュア URL の使用のみ示します。セキュアな URL では、非セキュア プロトコル http の代わりに[セキュアなプロトコル https](http://ja.wikipedia.org/wiki/HTTPS) を使用する必要があります。 @@ -63,7 +63,7 @@ CDN サポートを有効にするには、必要なリソースの参照を、 以下のブロックでは、標準 HTML ページのリソースの静的あるいは Infragistics Loader を使用した参照を示します。 -詳細については、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」のトピックを参照してください。 +詳細については、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」のトピックを参照してください。 ####<a id="CDNhostedjsAndCss"></a>CDN ホスト JavaScript および CSS ファイルを静的に参照する @@ -72,13 +72,13 @@ CDN サポートを有効にするには、必要なリソースの参照を、 **HTML の場合:** ```html -<link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/themes/infragistics/infragistics.theme.css"rel="stylesheet" type="text/css" /> -<link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/structure/infragistics.css" rel="stylesheet" type="text/css" /> +<link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/themes/infragistics/infragistics.theme.css"rel="stylesheet" type="text/css" /> +<link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/structure/infragistics.css" rel="stylesheet" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"></script> -<script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.core.js" type="text/javascript"></script> -<script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.lob.js" type="text/javascript"></script> -<script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.dv.js" type="text/javascript"></script> +<script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.core.js" type="text/javascript"></script> +<script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.lob.js" type="text/javascript"></script> +<script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.dv.js" type="text/javascript"></script> ``` ####<a id="CDNhostedjsAndCssLoader"></a> ローダーを使用して CDN ホスト JavaScript および CSS ファイルを参照する @@ -88,15 +88,15 @@ CDN サポートを有効にするには、必要なリソースの参照を、 **HTML の場合:** ```html -<script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.loader.js"></script> +<script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.loader.js"></script> ``` **JavaScript の場合:** ```js $.ig.loader({ - scriptPath: "http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/", - cssPath: "http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/" + scriptPath: "http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/", + cssPath: "http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/" }); ``` @@ -109,7 +109,7 @@ $.ig.loader({ 以下のブロックでは、ASP.NET MVC のリソースを手動あるいは Infragistics Loader を使用して参照する方法を示します。この例は、圧縮 JavaScript ファイルおよび ASP.NET MVC ラッパーの参照を示します。 -詳細については、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」のトピックを参照してください。 +詳細については、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」のトピックを参照してください。 ####<a id="JSCDNstatically"></a> CDN ホスト JavaScript ファイルを静的に参照する @@ -122,13 +122,13 @@ $.ig.loader({ <!DOCTYPE html> <html> <head runat="server"> -<link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" /> -<link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/structure/infragistics.css" rel="stylesheet" type="text/css" /> +<link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" /> +<link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/structure/infragistics.css" rel="stylesheet" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"></script> -<script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.core.js" type="text/javascript"></script> -<script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.lob.js" type="text/javascript"></script> -<script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.dv.js" type="text/javascript"></script> +<script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.core.js" type="text/javascript"></script> +<script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.lob.js" type="text/javascript"></script> +<script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.dv.js" type="text/javascript"></script> </head> ``` @@ -139,11 +139,11 @@ $.ig.loader({ **ASPX の場合:** ```csharp -<script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.loader.js"></script> +<script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.loader.js"></script> <%= Html.Infragistics() .Loader() - .ScriptPath("http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/") - .CssPath("http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/") + .ScriptPath("http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/") + .CssPath("http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/") .Render() %> ``` diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-javascript-files.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-javascript-files.mdx index f67a4deddd..f099474f9e 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-javascript-files.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-javascript-files.mdx @@ -1,31 +1,31 @@ --- -title: "{environment:ProductName} での JavaScript ファイル" +title: "{environment:ProductName} での JavaScript ファイル" slug: deployment-guide-javascript-files --- -# {environment:ProductName} での JavaScript ファイル +# \{environment:ProductName\} での JavaScript ファイル ##トピックの概要 ### 目的 -このトピックは、{environment:ProductName}™ に含まれるコントロールを使用して作業するために必要な JavaScript ファイルに関連する参照情報を提供します。 +このトピックは、\{environment:ProductName\}™ に含まれるコントロールを使用して作業するために必要な JavaScript ファイルに関連する参照情報を提供します。 ### 必要な背景 以下のリストは、この題材を理解するために必要な、前提条件となるトピックを示しています。 -- [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで {environment:ProductName} JavaScript を操作して、必要なリソースを管理する方法について説明します。 +- [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで \{environment:ProductName\} JavaScript を操作して、必要なリソースを管理する方法について説明します。 -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックでは、デザイン段階でのアプリケーションのセットアップ手順について説明し、実稼働環境で CSS を使用するためのオプションを紹介すると同時に、テーマの作成またはカスタマイズについての概要を示します。 +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックでは、デザイン段階でのアプリケーションのセットアップ手順について説明し、実稼働環境で CSS を使用するためのオプションを紹介すると同時に、テーマの作成またはカスタマイズについての概要を示します。 -- [{environment:ProductName} 向けのインフラジスティックス コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx): {environment:ProductName} 対応 Infragistics Content Delivery Network (CDN) の使用方法。 +- [\{environment:ProductName\} 向けのインフラジスティックス コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx): \{environment:ProductName\} 対応 Infragistics Content Delivery Network (CDN) の使用方法。 ### JavaScript ファイル種類の参照 -以下は、{environment:ProductName} に含まれる JavaScript のファイル種類の概要を示しています。 +以下は、\{environment:ProductName\} に含まれる JavaScript のファイル種類の概要を示しています。 結合スクリプトを含む JavaScript ファイルの名前は以下のリストです: @@ -36,7 +36,7 @@ slug: deployment-guide-javascript-files - `infragistics.spreadsheet-bundled` - `infragistics.scheduler-bundled` -ファイルは js フォルダー ({environment:ProductName} npm パッケージのインストール パス内の JavaScript ファイルのルート フォルダー) にあります。 +ファイルは js フォルダー (\{environment:ProductName\} npm パッケージのインストール パス内の JavaScript ファイルのルート フォルダー) にあります。 ブルガリア語、ロシア語、英語、ドイツ語、スペイン語、およびフランス語の、結合スクリプト バージョンのローカライズ リソースもあります。ファイル名は `infragistics-bg.js`, `infragistics-en.js`、`infragistics-ru.js`、 `infragistics-de.js`、`infragistics-es.js`、および `infragistics-fr.js`であり、これらは `../js/i18n` フォルダーにあります。 @@ -52,9 +52,9 @@ slug: deployment-guide-javascript-files 以下の 2 種類のインターナショナリゼーションがあります。1 つ目は、コントロール内のローカライズ リソースです。2 つ目は、コントロール内の地域設定です。 -コントロールのローカライズ リソースは、ブルガリア語、ロシア語、英語、ドイツ語、スペイン語、およびフランス語です。これらは、js/modules/i18n (*js* は、{environment:ProductName} プログラムのインストール パス内の JavaScript ファイルのルート フォルダー) にあります。 +コントロールのローカライズ リソースは、ブルガリア語、ロシア語、英語、ドイツ語、スペイン語、およびフランス語です。これらは、js/modules/i18n (*js* は、\{environment:ProductName\} プログラムのインストール パス内の JavaScript ファイルのルート フォルダー) にあります。 -地域設定 - igRegional JavaScript ファイルは、jQuery エディター用の日付、数字、通貨記号などのローカライズ フォーマットを提供します。これらは、`../js/modules/i18n/regional` (`js` は、{environment:ProductName} npm パッケージのインストール パス内の JavaScript ファイルのルート フォルダー) にあります。 +地域設定 - igRegional JavaScript ファイルは、jQuery エディター用の日付、数字、通貨記号などのローカライズ フォーマットを提供します。これらは、`../js/modules/i18n/regional` (`js` は、\{environment:ProductName\} npm パッケージのインストール パス内の JavaScript ファイルのルート フォルダー) にあります。 >**注:** 結合スクリプト ファイルを使用するときは、地域設定を常に参照する必要があります。これらは結合スクリプト ファイルの一部ではありません。 @@ -63,7 +63,7 @@ slug: deployment-guide-javascript-files ### JavaScript 拡張機能のファイル参照 -以下は、{environment:ProductName} に含まれる JavaScript [Knockout.js](http://knockoutjs.com) 機能拡張ファイルの概要です。 +以下は、\{environment:ProductName\} に含まれる JavaScript [Knockout.js](http://knockoutjs.com) 機能拡張ファイルの概要です。 以下は、機能拡張スクリプトを含む JavaScript ファイルの名前です。 @@ -80,7 +80,7 @@ slug: deployment-guide-javascript-files ##コントロールによる JavaScript ファイルの参照 -### {environment:ProductName} コントロール リスト +### \{environment:ProductName\} コントロール リスト 特定のコントロールの必要な JavaScript ファイル リストをナビゲートするには、以下のリストのコントロール名をクリックします。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-javascript-resources.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-javascript-resources.mdx index 88bcea7fbb..dc6a4ae179 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-javascript-resources.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-javascript-resources.mdx @@ -1,17 +1,16 @@ --- -title: "{environment:ProductName} で JavaScript リソースを使用" +title: "{environment:ProductName} で JavaScript リソースを使用" slug: deployment-guide-javascript-resources --- -# {environment:ProductName} で JavaScript リソースを使用 - +# \{environment:ProductName\} で JavaScript リソースを使用 ##トピックの概要 #### 目的 -このトピックでは、Web アプリケーションで {environment:ProductName} を操作して、必要なリソースを管理する方法について説明します。 +このトピックでは、Web アプリケーションで \{environment:ProductName\} を操作して、必要なリソースを管理する方法について説明します。 #### このトピックの内容 @@ -39,9 +38,9 @@ slug: deployment-guide-javascript-resources ### Infragistics JavaScript リソースの参照 - 概要 -{environment:ProductName} を使用して作業する場合、Web アプリケーションで Infragistics リソースを参照してください。これらのリソースは、4 種類の方法で参照できます。 +\{environment:ProductName\} を使用して作業する場合、Web アプリケーションで Infragistics リソースを参照してください。これらのリソースは、4 種類の方法で参照できます。 -- **カスタム JavaScript ファイルを含む**: これは {environment:ProductName} JavaScript ファイルを参照する方法です。{environment:ProductName} コントロールの[カスタム ダウンロード]({environment:SamplesUrl}/download)を作成できます。 +- **カスタム JavaScript ファイルを含む**: これは \{environment:ProductName\} JavaScript ファイルを参照する方法です。\{environment:ProductName\} コントロールの[カスタム ダウンロード](\{environment:SamplesUrl\}/download)を作成できます。 - **Infragistics Loader の使用**: *Infragistics Loader* は、すべての Infragistics リソース (スタイルおよびスクリプト) を解決するために使用されます。 @@ -51,7 +50,7 @@ slug: deployment-guide-javascript-resources ### カスタム ダウンロードからインフラジスティクス JavaScript の参照 -{environment:ProductName} カスタム ビルドを作成するには、[カスタム ダウンロード ページ]({environment:SamplesUrl}/download)を参照してください。カスタム ビルドには 2 つの利点があります。 +\{environment:ProductName\} カスタム ビルドを作成するには、[カスタム ダウンロード ページ](\{environment:SamplesUrl\}/download)を参照してください。カスタム ビルドには 2 つの利点があります。 1. アプリケーションで使用されるコントロールおよび機能のみをダウンロードすることにより、最小限の JavaScript で実行することができます。 2. JavaScript を 1 つのファイルに結合し、ブラウザーがサーバーへの要求の数を減らします。この利点により、アプリケーションのパフォーマンスを向上します。 @@ -104,7 +103,7 @@ $.ig.loader('igGrid.Paging.Updating', ### 結合および圧縮された JavaScript ファイルの参照 -{environment:ProductName} が機能するには、ベース JavaScript ファイルを含めていくつかのリソースを手動で参照する必要があります。 +\{environment:ProductName\} が機能するには、ベース JavaScript ファイルを含めていくつかのリソースを手動で参照する必要があります。 以下に Infragistics JavaScript ファイルの結合したスクリプトを示します。 @@ -133,7 +132,7 @@ $.ig.loader('igGrid.Paging.Updating', ### 外部 JavaScript リソースの参照 - 概要 -**Modernizr**、**JQuery**、および **JQuery UI** JavaScript ライブラリは、{environment:ProductName} を含むプロジェクトに必ず必要なライブラリです。Modernizr ライブラリがブラウザの機能を検出し、これによってコントロールはタッチまたは非タッチ環境であるかを識別することができます。 +**Modernizr**、**JQuery**、および **JQuery UI** JavaScript ライブラリは、\{environment:ProductName\} を含むプロジェクトに必ず必要なライブラリです。Modernizr ライブラリがブラウザの機能を検出し、これによってコントロールはタッチまたは非タッチ環境であるかを識別することができます。 ### JavaScript ライブラリの参照 @@ -172,7 +171,7 @@ $.ig.loader('igGrid.Paging.Updating', ### ローカライズ リソースの参照 - 概要 -{environment:ProductName} には、英語 ([en])、日本語 ([ja])、ロシア語 ([ru])、ブルガリア語 ([bg])、ドイツ語 ([de])、スペイン語 ([es])、およびフランス語 ([fr]) 言語のリソースが付属しています。 +\{environment:ProductName\} には、英語 ([en])、日本語 ([ja])、ロシア語 ([ru])、ブルガリア語 ([bg])、ドイツ語 ([de])、スペイン語 ([es])、およびフランス語 ([fr]) 言語のリソースが付属しています。 Infragistics リソースを追加したあと、Web アプリケーションの *script* フォルダーには *modules* フォルダーが作られます。modules フォルダーのもとにモジュラー ウィジット (igGrid) のローカライズ リソースを 1 つのファイルに結合する必要があります。 @@ -254,7 +253,7 @@ JavaScript ファイルは、Infragistics CDN 上のホスト環境でも使用 **HTML の場合:** ```html -<script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.loader.js"> +<script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.loader.js"> </script> ``` @@ -268,13 +267,13 @@ JavaScript ファイルは、Infragistics CDN 上のホスト環境でも使用 このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [{environment:ProductName} の JavaScript ファイル](/deployment-guide-javascript-files): このトピックは、{environment:ProductName}™ に含まれるコントロールを使用して作業するために必要な JavaScript ファイルへの参照です。 +- [\{environment:ProductName\} の JavaScript ファイル](/deployment-guide-javascript-files): このトピックは、\{environment:ProductName\}™ に含まれるコントロールを使用して作業するために必要な JavaScript ファイルへの参照です。 -- [Infragistics Loader の使用](/using-infragistics-loader): このトピックでは、Infragistics Loader を使用して {environment:ProductName} を使用して作業するために必要なリソースを管理する方法について説明します。 +- [Infragistics Loader の使用](/using-infragistics-loader): このトピックでは、Infragistics Loader を使用して \{environment:ProductName\} を使用して作業するために必要なリソースを管理する方法について説明します。 -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): アプリケーションの設計時間の設定に関する指示、生産で CSS を使用するためのオプション、およびテーマの作成またはカスタマイズに関する概要です。 +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): アプリケーションの設計時間の設定に関する指示、生産で CSS を使用するためのオプション、およびテーマの作成またはカスタマイズに関する概要です。 -- [{environment:ProductName} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx): {environment:ProductName} 対応 Infragistics Content Delivery Network (CDN) の使用方法。 +- [\{environment:ProductName\} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx): \{environment:ProductName\} 対応 Infragistics Content Delivery Network (CDN) の使用方法。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3.mdx index 2f3a486ce1..0b046e7d68 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3.mdx @@ -1,17 +1,16 @@ --- -title: "HTML5 と CSS3 をサポートしないブラウザーで {environment:ProductName} を使用" +title: "HTML5 と CSS3 をサポートしないブラウザーで {environment:ProductName} を使用" slug: deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3 --- -# HTML5 と CSS3 をサポートしないブラウザーで {environment:ProductName} を使用 +# HTML5 と CSS3 をサポートしないブラウザーで \{environment:ProductName\} を使用 +\{environment:ProductName\}™ は、[jQuery コア](http://jquery.com)、[jQuery UI](http://jqueryui.com)、[HTML5](http://en.wikipedia.org/wiki/HTML5) (マークアップと API)、ならびに最新のプログラミング技法を駆使したコントロールのセットで、最先端の Web アプリケーション開発をサポートする製品です。Web テクノロジーが急速に進歩しつづけているのに対して、ブラウザーのエコシステムは基盤テクノロジーに比べ進化が大変遅いのが現状です。このトピックでは、どのような形で古いブラウザーが \{environment:ProductName\} と連携して動作するか、また、どのようなアプリケーション開発を行えば新旧のブラウザーが混在する環境にも適切に対処できるようになるかについて説明します。 -{environment:ProductName}™ は、[jQuery コア](http://jquery.com)、[jQuery UI](http://jqueryui.com)、[HTML5](http://en.wikipedia.org/wiki/HTML5) (マークアップと API)、ならびに最新のプログラミング技法を駆使したコントロールのセットで、最先端の Web アプリケーション開発をサポートする製品です。Web テクノロジーが急速に進歩しつづけているのに対して、ブラウザーのエコシステムは基盤テクノロジーに比べ進化が大変遅いのが現状です。このトピックでは、どのような形で古いブラウザーが {environment:ProductName} と連携して動作するか、また、どのようなアプリケーション開発を行えば新旧のブラウザーが混在する環境にも適切に対処できるようになるかについて説明します。 +\{environment:ProductName\} に含まれるコントロールは、主にカスタムの [jQuery ウィジェット](http://en.wikipedia.org/wiki/JQuery_UI#Widgets)から構成されています。これらのウィジェットには、新旧のブラウザーにおいて抜群の操作性とパフォーマンスを発揮してきたという実績があります。こうした高い能力は、大多数のコントロールがほぼすべての Web ブラウザーでサポートされる通常の HTML マークアップをレンダリングできるということに由来するものです。依存関係のある JavaScript はコントロールによってロードされ、特定のケースにおいてのみ、HTML5 JavaScript API を使用します。CSS3 スタイリングは、限られた状況においてのみ使用されます。表 1 は、\{environment:ProductName\} に含まれるコントロールのうち、どのコントロールが新しい HTML 機能や CSS3 スタイリングを使用するかを示したものです。 -{environment:ProductName} に含まれるコントロールは、主にカスタムの [jQuery ウィジェット](http://en.wikipedia.org/wiki/JQuery_UI#Widgets)から構成されています。これらのウィジェットには、新旧のブラウザーにおいて抜群の操作性とパフォーマンスを発揮してきたという実績があります。こうした高い能力は、大多数のコントロールがほぼすべての Web ブラウザーでサポートされる通常の HTML マークアップをレンダリングできるということに由来するものです。依存関係のある JavaScript はコントロールによってロードされ、特定のケースにおいてのみ、HTML5 JavaScript API を使用します。CSS3 スタイリングは、限られた状況においてのみ使用されます。表 1 は、{environment:ProductName} に含まれるコントロールのうち、どのコントロールが新しい HTML 機能や CSS3 スタイリングを使用するかを示したものです。 - -**表 1:** HTML5 マークアップ、HTML5 API、または CSS3 スタイリングを使用する {environment:ProductName} コントロールの数は限られています。 +**表 1:** HTML5 マークアップ、HTML5 API、または CSS3 スタイリングを使用する \{environment:ProductName\} コントロールの数は限られています。 | コントロール | HTML5 マークアップ | HTML5 API | CSS 3 スタイリング/アニメーション | 古いブラウザーにおける動作や外観* | @@ -76,7 +75,7 @@ Modernizer の詳細については、その Web サイト ([http://modernizr.co #まとめ -{environment:ProductName} に含まれるコントロールのほとんどは、古いブラウザーでも新しいブラウザーでも期待通りに動作します。ごく限られたケースですが、コントロールが最新の HTML 機能を使用するという場合もあります。この場合は、コントロールが低機能ブラウザーに欠けている機能を補填することになります。特定のブラウザーで Web ページが期待通りに動作するかどうかは、手動またはライブラリ ベースの機能判定によって調べることができます。 +\{environment:ProductName\} に含まれるコントロールのほとんどは、古いブラウザーでも新しいブラウザーでも期待通りに動作します。ごく限られたケースですが、コントロールが最新の HTML 機能を使用するという場合もあります。この場合は、コントロールが低機能ブラウザーに欠けている機能を補填することになります。特定のブラウザーで Web ページが期待通りに動作するかどうかは、手動またはライブラリ ベースの機能判定によって調べることができます。 #関連項目 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide.mdx index d2ed7dad6a..0a7084561f 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/deployment-guide.mdx @@ -6,24 +6,24 @@ slug: deployment-guide # 配備ガイド ## 概要 -{environment:ProductName} アプリケーションを配備するには、コントロールの JavaScript、CSS、および画像の 3 つのリソース タイプを処理する必要があります。アプリケーションの構成に基づいてリソース タイプの処理が異なります。 +\{environment:ProductName\} アプリケーションを配備するには、コントロールの JavaScript、CSS、および画像の 3 つのリソース タイプを処理する必要があります。アプリケーションの構成に基づいてリソース タイプの処理が異なります。 ## ファイルおよび場所 -アプリケーションを作成または配備する前に、[{environment:ProductName} の JavaScript ファイル](/deployment-guide-javascript-files)をレビューします。 -{environment:ProductName} で使用されるファイル形式をレビューした後、コントロール リソースおよびローカライズ リソースを参照する方法については、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources)を参照してください。 [ページにファイルを手動的に追加](/adding-the-required-resources-for-igniteui-for-jquery)および [{environment:ProductName} スクリプト ローダーを使用してファイルを自動参照](/using-infragistics-loader)のトピックがあります。ローカル サーバーまたは [Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx) からファイルを要求できます。 +アプリケーションを作成または配備する前に、[\{environment:ProductName\} の JavaScript ファイル](/deployment-guide-javascript-files)をレビューします。 +\{environment:ProductName\} で使用されるファイル形式をレビューした後、コントロール リソースおよびローカライズ リソースを参照する方法については、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources)を参照してください。 [ページにファイルを手動的に追加](/adding-the-required-resources-for-igniteui-for-jquery)および [\{environment:ProductName\} スクリプト ローダーを使用してファイルを自動参照](/using-infragistics-loader)のトピックがあります。ローカル サーバーまたは [Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx) からファイルを要求できます。 ## ローカライズ アプリケーションをローカライズする場合、[ローカライズ設定をカスタマイズ](/customizing-the-localization-of-igniteui-for-jquery-controls)できますが、配備手順に影響する場合があります。 -## {environment:ProductNameMVC}の使用方法 -{environment:ProductName} コントロールを JavaScript で使用、または {environment:ProductNameMVC} と使用できます。ヘルパー メソッドを使用する場合、配備に影響する場合があります。[コントロールを MVC プロジェクトへの追加](./00_Adding IgniteUI Controls to an MVC Project.mdx)をご確認ください。 +## \{environment:ProductNameMVC\}の使用方法 +\{environment:ProductName\} コントロールを JavaScript で使用、または \{environment:ProductNameMVC\} と使用できます。ヘルパー メソッドを使用する場合、配備に影響する場合があります。[コントロールを MVC プロジェクトへの追加](./00_Adding IgniteUI Controls to an MVC Project.mdx)をご確認ください。 ## スタイル設定とテーマ設定 -テーマをアプリケーションに追加する場合、スタイル設定および画像ファイルをサーバーに配備する必要があります。[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)トピックで、ファイルの編成の詳細を提供します。 +テーマをアプリケーションに追加する場合、スタイル設定および画像ファイルをサーバーに配備する必要があります。[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)トピックで、ファイルの編成の詳細を提供します。 ## 古いブラウザーのサポート -アプリケーションを古いブラウザーで実行する場合があります。古いブラウザーとの互換性については、[HTML5 と CSS3 をサポートしないブラウザーで {environment:ProductName} を使用](/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3)を参照してください。 +アプリケーションを古いブラウザーで実行する場合があります。古いブラウザーとの互換性については、[HTML5 と CSS3 をサポートしないブラウザーで \{environment:ProductName\} を使用](/deployment-guide-using-igniteui-for-jquery-in-browsers-that-dont-support-html5-or-css3)を参照してください。 -## {environment:ProductName} のアップグレード -{environment:ProductName} バージョンをアップグレードする詳細については、[プロジェクトを {environment:ProductName} の最新バージョンにアップグレード](/manually-updating-previous-versions) トピックを参照してください。 +## \{environment:ProductName\} のアップグレード +\{environment:ProductName\} バージョンをアップグレードする詳細については、[プロジェクトを \{environment:ProductName\} の最新バージョンにアップグレード](/manually-updating-previous-versions) トピックを参照してください。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/formatting-dates-numbers-and-strings.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/formatting-dates-numbers-and-strings.mdx index a828f1aec6..56e3db8850 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/formatting-dates-numbers-and-strings.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/formatting-dates-numbers-and-strings.mdx @@ -3,6 +3,8 @@ title: "日付、数値、および文字列の書式設定" slug: formatting-dates-numbers-and-strings --- +# 日付、数値、および文字列の書式設定 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 日付、数値、および文字列の書式設定 @@ -25,7 +27,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="introduction"></a> 概要 -`infragistics.util` ファイルは、{environment:ProductName} コントロールで日付、数値、文字列を書式設定するための `$.ig.formatter` のユーティリティ関数を含みます。たとえば、igGrid の <ApiLink type="iggrid" member="columns.format" section="options" label="format" /> オプションで使用されます。 +`infragistics.util` ファイルは、\{environment:ProductName\} コントロールで日付、数値、文字列を書式設定するための `$.ig.formatter` のユーティリティ関数を含みます。たとえば、igGrid の <ApiLink type="iggrid" member="columns.format" section="options" label="format" /> オプションで使用されます。 関数定義: `$.ig.formatter = function (val, type, format, notTemplate, enableUTCDates, displayStyle, labelText, tabIndex)`。結果は `string` 型です。 このトピックは関数の最初の 3 つのパラメーターを説明します。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/getting-started.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/getting-started.mdx index 0a965175df..693ce0eeb4 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/getting-started.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/getting-started.mdx @@ -1,9 +1,9 @@ --- -title: "{environment:ProductName} を使用した作業の開始" +title: "{environment:ProductName} を使用した作業の開始" slug: getting-started --- -# {environment:ProductName} を使用した作業の開始 +# \{environment:ProductName\} を使用した作業の開始 ## このトピックの内容 @@ -11,11 +11,11 @@ slug: getting-started - [概要](#introduction) - [ダウンロードおよびインストール](#download) -- [{environment:ProductFamilyName} をプロジェクトにホストする](#hosting) - - [{environment:ProductFamilyName} CLI の使用](#igniteui-cli) +- [\{environment:ProductFamilyName\} をプロジェクトにホストする](#hosting) + - [\{environment:ProductFamilyName\} CLI の使用](#igniteui-cli) - [NPM、JSPM、NuGet の使用](#package_managers) - [CSS および JavaScript 参照の追加](#add_references) - - [{environment:ProductName} ボイラープレート HTML ページのサンプル (CDN リンクを使用)](#boilerplate) + - [\{environment:ProductName\} ボイラープレート HTML ページのサンプル (CDN リンクを使用)](#boilerplate) - [最初のコントロールの追加](#first_control) - [igGrid を直接に追加](#directly) - [igGrid をページ デザイナーを使用して追加](#page_designer) @@ -25,74 +25,74 @@ slug: getting-started - [AngularJS 拡張子](#angularjs) - [Angular 拡張子](#angular) - [ReactJS 拡張子](#reactjs) -- [{environment:ProductNameMVC}](#aspnet_wrappers) +- [\{environment:ProductNameMVC\}](#aspnet_wrappers) - [関連コンテンツ](#related_content) ## <a id="introduction"></a>概要 -{environment:ProductName}＆trade; はきれいでモダンな Web アプリケーションを作成するための高度な HTML5 + ツールセットです。jQuery および jQuery UI をベースとしたチャート、データ視覚化マップ、(階層編集可能な) グリッド、ピボット グリッド、エンハンスト エディター (コンボボックス、マスクエ ディター、HTML エディター、日付ピッカー、など)、柔軟なデータソース コネクタなど、機能豊かで高性能な UI コントロールおよびウィジェットを提供します。 +\{environment:ProductName\}＆trade; はきれいでモダンな Web アプリケーションを作成するための高度な HTML5 + ツールセットです。jQuery および jQuery UI をベースとしたチャート、データ視覚化マップ、(階層編集可能な) グリッド、ピボット グリッド、エンハンスト エディター (コンボボックス、マスクエ ディター、HTML エディター、日付ピッカー、など)、柔軟なデータソース コネクタなど、機能豊かで高性能な UI コントロールおよびウィジェットを提供します。 -{environment:ProductName} は 2 つのバージョンで提供します。 -- オープン ソース版 - 完全なツールセットのサブセットを含む無償版。グリッドおよびデータ ビジュアライゼーションのコントロールは含まれません。詳細については、GitHub™ の [{environment:ProductName} OSS](https://github.com/IgniteUI/ignite-ui) プロジェクトを参照してください。 +\{environment:ProductName\} は 2 つのバージョンで提供します。 +- オープン ソース版 - 完全なツールセットのサブセットを含む無償版。グリッドおよびデータ ビジュアライゼーションのコントロールは含まれません。詳細については、GitHub™ の [\{environment:ProductName\} OSS](https://github.com/IgniteUI/ignite-ui) プロジェクトを参照してください。 - 完全版 - 完全なツールセットが含まれた有償版。 -## <a id="hosting"></a>{environment:ProductName} をプロジェクトにホストする +## <a id="hosting"></a>\{environment:ProductName\} をプロジェクトにホストする -{environment:ProductName} をプロジェクトにホストするために複数のオプションがあります。 +\{environment:ProductName\} をプロジェクトにホストするために複数のオプションがあります。 -- {environment:ProductFamilyName} CLI を使用 +- \{environment:ProductFamilyName\} CLI を使用 - NPM,、JSPM、NuGet のようなパッケージ マネージャーを使用します。 - [Infragistics コンテンツ配信ネットワーク (CDN)](#cdn) を使用します。 -## <a id="igniteui-cli"></a>{environment:ProductFamilyName} CLI の使用 +## <a id="igniteui-cli"></a>\{environment:ProductFamilyName\} CLI の使用 -{environment:ProductFamilyName} CLI は、Angular、React、および jQuery でアプリケーションを初期化、開発、スキャフォールディング、および処理するツールです。 +\{environment:ProductFamilyName\} CLI は、Angular、React、および jQuery でアプリケーションを初期化、開発、スキャフォールディング、および処理するツールです。 CLI を使用するには、npm パッケージをグローバル モジュールとしてインストールします。 ``` npm install -g igniteui-cli ``` -詳細については、「[{environment:ProductFamilyName} CLI の使用](/Using-Ignite-UI-CLI)」の使用トピックを参照してください。 +詳細については、「[\{environment:ProductFamilyName\} CLI の使用](/Using-Ignite-UI-CLI)」の使用トピックを参照してください。 ## <a id="package_managers"></a>NPM、JSPM、NuGet の使用 -{environment:ProductName} コントロール ファミリの主な配布方法は、NPM、JSPM、NuGet などのパッケージ マネージャーを使用することです。 +\{environment:ProductName\} コントロール ファミリの主な配布方法は、NPM、JSPM、NuGet などのパッケージ マネージャーを使用することです。 -NPM ([{environment:ProductName} オープン ソース](https://www.npmjs.com/package/ignite-ui)をインストールします) +NPM ([\{environment:ProductName\} オープン ソース](https://www.npmjs.com/package/ignite-ui)をインストールします) ``` npm install ignite-ui ``` -完全ライセンス版を構成する方法については、[{environment:ProductName} npm パッケージの使用](/Using-Ignite-UI-Npm-Packages)トピックを参照してください。 +完全ライセンス版を構成する方法については、[\{environment:ProductName\} npm パッケージの使用](/Using-Ignite-UI-Npm-Packages)トピックを参照してください。 -NuGet ([{environment:ProductName} トライアル版](https://www.nuget.org/packages/IgniteUI/) をインストールします) +NuGet ([\{environment:ProductName\} トライアル版](https://www.nuget.org/packages/IgniteUI/) をインストールします) ``` Install-Package IgniteUI ``` -ライセンス版を構成する方法については、[{environment:ProductName} NuGet パッケージの使用](/Using-Ignite-UI-NuGet-Packages)トピックを参照してください。 +ライセンス版を構成する方法については、[\{environment:ProductName\} NuGet パッケージの使用](/Using-Ignite-UI-NuGet-Packages)トピックを参照してください。 -JSPM ([{environment:ProductName} オープン ソース](https://www.npmjs.com/package/ignite-ui)をインストールします) +JSPM ([\{environment:ProductName\} オープン ソース](https://www.npmjs.com/package/ignite-ui)をインストールします) ``` jspm install npm:ignite-ui ``` -完全ライセンス版を構成する方法については、[{environment:ProductName} コントロールで System.JS を使用](/Using-System.JS-with-igniteui-controls)トピックを参照してください。 +完全ライセンス版を構成する方法については、[\{environment:ProductName\} コントロールで System.JS を使用](/Using-System.JS-with-igniteui-controls)トピックを参照してください。 ### <a id="add_references"></a>CSS および JavaScript 参照の追加 -{environment:ProductName} が jQuery および jQuery UI ライブラリに依存するため、{environment:ProductName} スクリプトの前にそれへの参照を追加する必要があります。また、{environment:ProductName} コントロールをページに追加するために複数のオプションがあります。 +\{environment:ProductName\} が jQuery および jQuery UI ライブラリに依存するため、\{environment:ProductName\} スクリプトの前にそれへの参照を追加する必要があります。また、\{environment:ProductName\} コントロールをページに追加するために複数のオプションがあります。 - 結合されたバンドル ファイルおよび圧縮化されたバンドル ファイルの参照 - パッケージには、タイプごとにコントロールがグループ化された、結合されたファイルおよび圧縮されたファイルが含まれています。`infragistics.core.js` (必須)、グリッドなどの Line of Business コントロールが含まれる `infragistics.lob.js`、チャートなどの Data Visualization コントロールが含まれる `infragistics.dv.js`、すべての Excel エクスポートに関連するロジックを含む `infragistics.excel-bundled.js`、スプレッドシート ユーザー インターフェイスの実装を含む `infragistics.spreadsheet-bundled.js`、およびすべてのスケジューラに関連するロジックを含む `infragistics.scheduler-bundled.js` があります。詳細については、[必要なリソースの手動で追加する](/adding-the-required-resources-for-igniteui-for-jquery)トピックを参照してください。 -- 個別のコントロール ファイルを参照する - 詳細については、[{environment:ProductName} での JavaScript ファイル](/deployment-guide-javascript-files) トピックを参照してください。 -- Infragistics Loader の使用 - Infragistics Loader は {environment:ProductName} などのファイルを自動的に読み込みます。コントロール ファイルを手動で参照する手間を省きます。詳細については、 [Infragistics Loader による必要なリソースを自動で追加する](/using-infragistics-loader) トピックを参照してください。 -- AMD Loader の使用 - {environment:ProductName} は AMD と互換性があるため、一般的な AMD ローダーで使用できます。 +- 個別のコントロール ファイルを参照する - 詳細については、[\{environment:ProductName\} での JavaScript ファイル](/deployment-guide-javascript-files) トピックを参照してください。 +- Infragistics Loader の使用 - Infragistics Loader は \{environment:ProductName\} などのファイルを自動的に読み込みます。コントロール ファイルを手動で参照する手間を省きます。詳細については、 [Infragistics Loader による必要なリソースを自動で追加する](/using-infragistics-loader) トピックを参照してください。 +- AMD Loader の使用 - \{environment:ProductName\} は AMD と互換性があるため、一般的な AMD ローダーで使用できます。 -### <a id="boilerplate"></a>{environment:ProductName} ボイラープレート HTML ページのサンプル (CDN リンクを使用) +### <a id="boilerplate"></a>\{environment:ProductName\} ボイラープレート HTML ページのサンプル (CDN リンクを使用) -次のコードは、{environment:ProductName} の使用を開始するために必要な参照 (CDN リンク) を含むボイラープレート HTML ページのサンプルを表しています。 +次のコードは、\{environment:ProductName\} の使用を開始するために必要な参照 (CDN リンク) を含むボイラープレート HTML ページのサンプルを表しています。 ``` <!DOCTYPE html> @@ -145,23 +145,23 @@ JSPM ([{environment:ProductName} オープン ソース](https://www.n ### <a id="directly"></a>igGrid を直接に追加 <div class="embed-sample"> - [igGrid ページング]({environment:SamplesEmbedUrl}/grid/paging) + [igGrid ページング](\{environment:SamplesEmbedUrl\}/grid/paging) </div> ### <a id="page_designer"></a>igGrid をページ デザイナーを使用して追加 -{environment:ProductName} [ページ デザイナー](http://designer.igniteui.com/index-release-jp.html)は、マウスのみの使用で {environment:ProductName} コントロールを構成する完全なデザイナー エクスペリエンスを提供します。 +\{environment:ProductName\} [ページ デザイナー](http://designer.igniteui.com/index-release-jp.html)は、マウスのみの使用で \{environment:ProductName\} コントロールを構成する完全なデザイナー エクスペリエンスを提供します。 ツールボックス (右側) からページ デザイン エリア (左) に `igGrid` を追加するために、[リストおよびピッカー] セクションから Grid コントロールをドラッグアンドドロップします。それから、プロパティ エディターを使用してグリッドを構成します。構成後、生成されたページをコピーします。 ## <a id="custom_download"></a>必要最低限 -{environment:ProductName} の[カスタム ダウンロード ページ](https://jp.igniteui.com/download) には、プロジェクトで使用する {environment:ProductName} コントロールと機能のみを選択し、最大のページ読み込みパフォーマンスのための、最適化された JavaScript ファイルおよび CSS ファイルをダウンロードするオプションがあります。 +\{environment:ProductName\} の[カスタム ダウンロード ページ](https://jp.igniteui.com/download) には、プロジェクトで使用する \{environment:ProductName\} コントロールと機能のみを選択し、最大のページ読み込みパフォーマンスのための、最適化された JavaScript ファイルおよび CSS ファイルをダウンロードするオプションがあります。 ## <a id="cdn"></a>CDN リンクの使用 -プロジェクトに {environment:ProductName} スクリプト ファイルをホストする代わりに、{environment:ProductName} CDN リンクを使用できます。インターネット アプリケーションの場合、通常 CDN は、社内でホストするよりすばやくエンド ユーザーにファイルを提供できます。 +プロジェクトに \{environment:ProductName\} スクリプト ファイルをホストする代わりに、\{environment:ProductName\} CDN リンクを使用できます。インターネット アプリケーションの場合、通常 CDN は、社内でホストするよりすばやくエンド ユーザーにファイルを提供できます。 -以下に、{environment:ProductName} トライアル版のリンクをリストします。詳細については、[{environment:ProductName} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx) トピックを参照してください。 +以下に、\{environment:ProductName\} トライアル版のリンクをリストします。詳細については、[\{environment:ProductName\} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx) トピックを参照してください。 ``` @@ -180,28 +180,28 @@ JSPM ([{environment:ProductName} オープン ソース](https://www.n ## <a id="typescript"></a>TypeScript の定義 -{environment:ProductName}® は、強い型付け、コンパイル時間のチェック、intellisense 機能を利用できるようにTypeScript の型定義を提供します。詳細については、 [TypeScript での {environment:ProductName} の使用](Using-Ignite-UI-with-TypeScript.html)トピックを参照してください。 +\{environment:ProductName\}® は、強い型付け、コンパイル時間のチェック、intellisense 機能を利用できるようにTypeScript の型定義を提供します。詳細については、 [TypeScript での \{environment:ProductName\} の使用](Using-Ignite-UI-with-TypeScript.html)トピックを参照してください。 ##<a id="angularjs"></a>AngularJS 拡張子 -{environment:ProductName} AngularJS 拡張子は、AngularJS アプリケーションで使用されるコントロールの両方向のデータ バインディングおよび宣言的初期化を提供します。詳細については、 [AngularJS での {environment:ProductName} の使用](../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx)トピックを参照してください。 +\{environment:ProductName\} AngularJS 拡張子は、AngularJS アプリケーションで使用されるコントロールの両方向のデータ バインディングおよび宣言的初期化を提供します。詳細については、 [AngularJS での \{environment:ProductName\} の使用](../10_AngularJS Directives/00_Using_Ignite_UI_with_AngularJS.mdx)トピックを参照してください。 ## <a id="angular"></a>Angular 拡張子 -{environment:ProductName} Angular 拡張子は、Angular アプリケーションで使用されるコントロールの両方向のデータ バインディング、宣言的初期化、ネイティブ API を提供します。詳細については、GitHub で [{environment:ProductName} Angular 拡張子 (英語)](https://github.com/IgniteUI/igniteui-angular-wrappers) を参照してください。 +\{environment:ProductName\} Angular 拡張子は、Angular アプリケーションで使用されるコントロールの両方向のデータ バインディング、宣言的初期化、ネイティブ API を提供します。詳細については、GitHub で [\{environment:ProductName\} Angular 拡張子 (英語)](https://github.com/IgniteUI/igniteui-angular-wrappers) を参照してください。 ## <a id="reactjs"></a>ReactJS 拡張子 -{environment:ProductName} ReactJS 拡張子は、JSX マークアップおよび React API の初期化を提供しします。詳細については、GitHub で [{environment:ProductName} React 拡張子 (英語)](https://github.com/IgniteUI/igniteui-react) を参照してください。 +\{environment:ProductName\} ReactJS 拡張子は、JSX マークアップおよび React API の初期化を提供しします。詳細については、GitHub で [\{environment:ProductName\} React 拡張子 (英語)](https://github.com/IgniteUI/igniteui-react) を参照してください。 ## <a id="aspnet_wrappers"></a>ASP.NET MVC ラッパー -{environment:ProductNameMVC} ラッパーは、モデルおよびビューチャートの初期化およびサーバー側リモート要求の処理をサポートします。詳細については、[「コントロールを MVC プロジェクトに追加」](./00_Adding IgniteUI Controls to an MVC Project.mdx)トピックを参照してください。 +\{environment:ProductNameMVC\} ラッパーは、モデルおよびビューチャートの初期化およびサーバー側リモート要求の処理をサポートします。詳細については、[「コントロールを MVC プロジェクトに追加」](./00_Adding IgniteUI Controls to an MVC Project.mdx)トピックを参照してください。 ## <a id="related_content"></a>関連コンテンツ ### トピック -- [{environment:ProductName} CLI](/Using-Ignite-UI-CLI) +- [\{environment:ProductName\} CLI](/Using-Ignite-UI-CLI) - [配備ガイド](/deployment-guide) -- [{environment:ProductName} ページ デザイナー](http://designer.igniteui.com/index-release-jp.html) \ No newline at end of file +- [\{environment:ProductName\} ページ デザイナー](http://designer.igniteui.com/index-release-jp.html) \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/historyjs-integration-with-igniteui-controls.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/historyjs-integration-with-igniteui-controls.mdx index 33ae13843a..2ae4da4b14 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/historyjs-integration-with-igniteui-controls.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/historyjs-integration-with-igniteui-controls.mdx @@ -1,15 +1,15 @@ --- -title: "History.js と {environment:ProductName} コントロールの統合" +title: "History.js と {environment:ProductName} コントロールの統合" slug: historyjs-integration-with-igniteui-controls --- -# History.js と {environment:ProductName} コントロールの統合 +# History.js と \{environment:ProductName\} コントロールの統合 ## トピックの概要 ### 目的 -{environment:ProductName} コントロールはブラウザーの履歴機能を提供する history.js をサポートします。このトピックは、統合に必要な要件の説明および gGrid コントロールを history.js に統合する方法について示します。 +\{environment:ProductName\} コントロールはブラウザーの履歴機能を提供する history.js をサポートします。このトピックは、統合に必要な要件の説明および gGrid コントロールを history.js に統合する方法について示します。 ### 前提条件 @@ -51,7 +51,7 @@ HTML5 には履歴/状態 API がありブラウザー履歴を操作できま 現在のページのステートを定義して上記パラメーターを使用した場合、ページを履歴スタックに追加し、そこから置き換えまたは復元が可能となりブラウザー履歴を移動する際に使用できます。 -{environment:ProductName} コントロールは 完全に history.js と統合できます。{environment:ProductName} コントロールのステートを保存する場合、後者のクライアント側イベント API を使用します。これらのイベントは {environment:ProductName} コントロールの現在のステートを持ちます。使用できるステートはブラウザー履歴スタックにプッシュします。以下に igGrid を HistotyJS フレームワークと統合する方法の詳細を示します。 +\{environment:ProductName\} コントロールは 完全に history.js と統合できます。\{environment:ProductName\} コントロールのステートを保存する場合、後者のクライアント側イベント API を使用します。これらのイベントは \{environment:ProductName\} コントロールの現在のステートを持ちます。使用できるステートはブラウザー履歴スタックにプッシュします。以下に igGrid を HistotyJS フレームワークと統合する方法の詳細を示します。 以下は、IgniteUI の機能を有効にするために必要なブラウザー履歴と History.js API メソッドです。[トピック](https://developer.mozilla.org/en-US/docs/Web/API/History_API)ではブラウザーの全履歴 API と [History.js](https://github.com/browserstate/history.js/) フレームワークについての詳細な情報を示します。 @@ -203,7 +203,7 @@ window.History.Adapter.bind(window, 'statechange', function (e, args) { <div class="embed-sample"> - [HistoryJS]({environment:SamplesEmbedUrl}/grid/history) + [HistoryJS](\{environment:SamplesEmbedUrl\}/grid/history) </div> ## <a id="related-content"></a> 関連コンテンツ diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/manually-updating-previous-versions.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/manually-updating-previous-versions.mdx index 7a2ff2ff93..9bafb503f5 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/manually-updating-previous-versions.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/manually-updating-previous-versions.mdx @@ -1,10 +1,9 @@ --- -title: "プロジェクトを {environment:ProductName} の最新バージョンにアップグレード" +title: "プロジェクトを {environment:ProductName} の最新バージョンにアップグレード" slug: manually-updating-previous-versions --- -# プロジェクトを {environment:ProductName} の最新バージョンにアップグレード - +# プロジェクトを \{environment:ProductName\} の最新バージョンにアップグレード ##トピックの概要 @@ -12,23 +11,23 @@ slug: manually-updating-previous-versions ### 目的 -このトピックでは、 {environment:ProductName}™ を使用するプロジェクトを、現在のバージョンの {environment:ProductName} ライブラリにアップグレードする方法の詳細を説明します。 +このトピックでは、 \{environment:ProductName\}™ を使用するプロジェクトを、現在のバージョンの \{environment:ProductName\} ライブラリにアップグレードする方法の詳細を説明します。 ### 前提条件 以下のリストは、このトピックを理解するための前提条件として必要なトピックを示しています。 -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで {environment:ProductName} JavaScript を操作して、必要なリソースを管理する方法について説明します。 +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで \{environment:ProductName\} JavaScript を操作して、必要なリソースを管理する方法について説明します。 -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックでは、デザイン段階でのアプリケーションのセットアップ手順について説明し、実稼働環境で CSS を使用するためのオプションを紹介すると同時に、テーマの作成またはカスタマイズについての概要を示します。 +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックでは、デザイン段階でのアプリケーションのセットアップ手順について説明し、実稼働環境で CSS を使用するためのオプションを紹介すると同時に、テーマの作成またはカスタマイズについての概要を示します。 -- [{environment:ProductName} での JavaScript ファイル](/deployment-guide-javascript-files): このトピックは、{environment:ProductName} に含まれるコントロールを使用して作業するために必要な JavaScript ファイルへの参照です。 +- [\{environment:ProductName\} での JavaScript ファイル](/deployment-guide-javascript-files): このトピックは、\{environment:ProductName\} に含まれるコントロールを使用して作業するために必要な JavaScript ファイルへの参照です。 ##概要 -各新しい {environment:ProductName} ボリューム リリースに新機能およびバグ修正を含みます。最新の変更を導入する場合は、すべての JavaScript およびテーマ ファイルをアップグレードすることによって、プロジェクトをアップグレードする必要があります。{environment:ProductName} には自動化されたアップグレード ユーティリティはないため、これらのファイルを手動で置き換える必要があります。これを行うには、まず新しいファイルおよび新しいフォルダー構造をよく理解する必要があります。これは、新しいリリースでは通常、ファイル構造が大きく変更されているためです。 +各新しい \{environment:ProductName\} ボリューム リリースに新機能およびバグ修正を含みます。最新の変更を導入する場合は、すべての JavaScript およびテーマ ファイルをアップグレードすることによって、プロジェクトをアップグレードする必要があります。\{environment:ProductName\} には自動化されたアップグレード ユーティリティはないため、これらのファイルを手動で置き換える必要があります。これを行うには、まず新しいファイルおよび新しいフォルダー構造をよく理解する必要があります。これは、新しいリリースでは通常、ファイル構造が大きく変更されているためです。 ### アップグレードする必要があるもの @@ -47,7 +46,7 @@ slug: manually-updating-previous-versions ### 概要 -{environment:ProductName} を使用するプロジェクトの更新手順には、JavaScript ファイルおよび jQuery UI テーマの更新が含まれます。ASP.NET MVC を使用する場合は、アセンブリへの参照も更新します。 +\{environment:ProductName\} を使用するプロジェクトの更新手順には、JavaScript ファイルおよび jQuery UI テーマの更新が含まれます。ASP.NET MVC を使用する場合は、アセンブリへの参照も更新します。 ### <a id="prerequisites"></a> 前提条件 @@ -73,7 +72,7 @@ JavaScript ファイルは `<IgniteUI_NPM_Directory>/js/` にあります。 CSS ファイルは `<IgniteUI_NPM_Directory>/css/` にあります。 -- {environment:ProductName} アセンブリの最新バージョン。 +- \{environment:ProductName\} アセンブリの最新バージョン。 これらを取得するには、Visual Studio の Nuget パッケージ マネージャーでプロジェクトの依存関係を更新します。 @@ -111,17 +110,17 @@ CSS ファイルは `<IgniteUI_NPM_Directory>/css/` にあります。 - 最新バージョンの JavaScript ファイルがインストールされている場合、npm パッケージ インストール フォルダーからそれらをコピーします (直接参照しない場合に備えて)。 - > **注:** JavaScript ファイルおよびフォルダー構造には最新の変更があります。変更に関する詳細については、[{environment:ProductName} で JavaScript リソースを使用する](/deployment-guide-javascript-resources)を参照してください。 + > **注:** JavaScript ファイルおよびフォルダー構造には最新の変更があります。変更に関する詳細については、[\{environment:ProductName\} で JavaScript リソースを使用する](/deployment-guide-javascript-resources)を参照してください。 3. 新しいバージョンの Query UI テーマ ファイルを、 そのフォルダー構造と共に、プロジェクトの themes フォルダーにコピーします。 - - 最新バージョンのテーマ ファイルがインストールされている場合、{environment:ProductName} npm パッケージ インストール フォルダーからそれらをコピーします (直接参照しない場合に備えて)。 + - 最新バージョンのテーマ ファイルがインストールされている場合、\{environment:ProductName\} npm パッケージ インストール フォルダーからそれらをコピーします (直接参照しない場合に備えて)。 - テーマの古いバージョンをカスタマイズしていた場合、それらのカスタマイズは、新バージョンのテーマで手動で作り直す (コピーする) 必要があります。 - ThemeRoller テーマがある場合、css/theme フォルダー内のバックアップ フォルダーからテーマをコピーします。 > **注**: バックアップ ディレクトリを参照し、バックアップした各 jQuery UI テーマに、対応する新しいテーマをコピーしたことを確認してください。 - >**注:** CSS ファイルおよびフォルダー構造には最新の変更があります。変更に関する詳細については、「[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」を参照してください。 + >**注:** CSS ファイルおよびフォルダー構造には最新の変更があります。変更に関する詳細については、「[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming)」を参照してください。 **3. (条件付き) アセンブリのアップグレード** @@ -138,7 +137,7 @@ CSS ファイルは `<IgniteUI_NPM_Directory>/css/` にあります。 以下のようにアセンブリをアップグレードします。 -1. {environment:ProductName} アセンブリへの既存の参照を削除します。 +1. \{environment:ProductName\} アセンブリへの既存の参照を削除します。 Visual Studio では、Infragistics アセンブリに対する既存の参照をプロジェクトから削除します。 @@ -160,7 +159,7 @@ Visual Studio では、Infragistics アセンブリに対する既存の参照 このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [新機能](/jquery-whats-new-landing-page): このグループのトピックでは、さまざまなバージョンの {environment:ProductName} ライブラリのコントロールで導入されている新しいコントロールおよび機能に関する情報を提供します。 +- [新機能](/jquery-whats-new-landing-page): このグループのトピックでは、さまざまなバージョンの \{environment:ProductName\} ライブラリのコントロールで導入されている新しいコントロールおよび機能に関する情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/customizing-ignite-ui-bootstrap-themes.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/customizing-ignite-ui-bootstrap-themes.mdx index 959259316b..25d3238fe3 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/customizing-ignite-ui-bootstrap-themes.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/customizing-ignite-ui-bootstrap-themes.mdx @@ -1,11 +1,11 @@ --- -title: "{environment:ProductName} Bootstrap テーマのカスタマイズ" +title: "{environment:ProductName} Bootstrap テーマのカスタマイズ" slug: customizing-ignite-ui-bootstrap-themes --- -# {environment:ProductName} Bootstrap テーマのカスタマイズ +# \{environment:ProductName\} Bootstrap テーマのカスタマイズ -Bootstrap 対応のテーマを {environment:ProductName} 用にカスタマイズする場合は、テーマを正しく変更するために必要な特定の手順があります。テーマをカスタマイズする方法によって異なります。カスタマイズには、Bootstrap のスタイルの {environment:ProductName} のテーマへの追加し、LESS/SASS の変数の変更、jQuery UI コントロールのカスタマイズ、または {environment:ProductName} のコントロールの特別なカスタマイズなどが考えられます。このトピックは、{environment:ProductName} の Bootstrap 対応のテーマを構成する異なるファイル (およびそれらの用途) とテーマの変更に必要な手順について説明します。 +Bootstrap 対応のテーマを \{environment:ProductName\} 用にカスタマイズする場合は、テーマを正しく変更するために必要な特定の手順があります。テーマをカスタマイズする方法によって異なります。カスタマイズには、Bootstrap のスタイルの \{environment:ProductName\} のテーマへの追加し、LESS/SASS の変数の変更、jQuery UI コントロールのカスタマイズ、または \{environment:ProductName\} のコントロールの特別なカスタマイズなどが考えられます。このトピックは、\{environment:ProductName\} の Bootstrap 対応のテーマを構成する異なるファイル (およびそれらの用途) とテーマの変更に必要な手順について説明します。 ##テーマの構造 @@ -16,17 +16,17 @@ Bootstrap 対応のテーマは、メインのテーマ ファイル (`infragist ファイル名|目的 ---|--- -variables.less / variables.scss |包括的な Bootstrap 対応のテーマを作成する場合、`variables` ファイルは、{environment:ProductName} コントロール関連のスタイル ルールのみでなく、Bootstrap テーマの作成に必要なすべてのスタイル ルールを含みます。 +variables.less / variables.scss |包括的な Bootstrap 対応のテーマを作成する場合、`variables` ファイルは、\{environment:ProductName\} コントロール関連のスタイル ルールのみでなく、Bootstrap テーマの作成に必要なすべてのスタイル ルールを含みます。 framework.less / framework.scss|`framework` ファイルは、jQuery UI ネイティブ コントロールに必要な構造スタイル ルールを含みます。ここにはテーマに関連したスタイルがないため、ネイティブ コントロール構造の変更が必要ない限り、ファイルを変更することはありません。 infragistics.jqueryui.theme.less / infragistics.jqueryui.theme.scss|`infragistics.jqueryui.theme` ファイルは、テーマで jQuery UI ウィジェットのスタイル変更に関連するすべてのスタイル ルールを含みます。 -infragistics.igniteui.theme.less / infragistics.igniteui.theme.scss|`infragistics.igniteui.theme` ファイルは、テーマで {environment:ProductName} コントロールのスタイル変更に関連するすべてのスタイル ルールを含みます。 +infragistics.igniteui.theme.less / infragistics.igniteui.theme.scss|`infragistics.igniteui.theme` ファイルは、テーマで \{environment:ProductName\} コントロールのスタイル変更に関連するすべてのスタイル ルールを含みます。 -## Bootstrap テーマのスタイルの {environment:ProductName} のテーマへの追加 +## Bootstrap テーマのスタイルの \{environment:ProductName\} のテーマへの追加 -Bootstrap テーマを {environment:ProductName} のテーマに統合する場合は、Bootstrap から取り込んだ変数を {environment:ProductName} のテーマで使用する必要があります。以下の手順では、統合する方法を紹介します。 +Bootstrap テーマを \{environment:ProductName\} のテーマに統合する場合は、Bootstrap から取り込んだ変数を \{environment:ProductName\} のテーマで使用する必要があります。以下の手順では、統合する方法を紹介します。 1. コピーを使用したベースとして使用できる各ブートストラップ テーマは `\css\themes\bootstrap3`、 `\css\themes\bootstrap3\<theme name>` または `\css\themes\bootstrap4` にあります。変数ファイルの変更や選択した Bootstrap で置き換えることもできます。以下の「変数を変更してテーマをカスタマイズ」セクションをご覧ください。 2. 次に、テーマの中で使用するスプライトの確認が必要になります、またはテーマのカラー パレットによって異なりますが、スプライト イメージで使用する色の調整が必要になる場合があります。スプライト イメージは、images フォルダーで確認できます。スプライトの確定後、テキスト エディタで `infragistics.theme.*ss` ファイルを開きます。テーマで使用可能な 3 つの基本的なスプライトのアイコンがあります。 @@ -55,7 +55,7 @@ Bootstrap テーマを {environment:ProductName} のテーマに統合 ## 変数の変更によるテーマのカスタマイズ -以下の手順では、{environment:ProductName} のテーマをカスタマイズするために変数を変更する箇所を示します。 +以下の手順では、\{environment:ProductName\} のテーマをカスタマイズするために変数を変更する箇所を示します。 1. テキスト エディターで `variables.less` または `variables.scss` ファイル (ベースとなるテーマに基づく) を開き、目的のデザインに応じて値を編集します。変数の名前は、すぐに識別が可能で、機能を表す名前を使用してください。たとえば、次のような変数セットがあります。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx index dc74fc0e68..e463291244 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/deployment-guide-styling-and-theming.mdx @@ -15,7 +15,7 @@ slug: deployment-guide-styling-and-theming このトピックは、以下のセクションで構成されます。 -- [{environment:ProductName} のスタイル設定とテーマ設定](#_Styling_and_Theming_IgniteUI) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](#_Styling_and_Theming_IgniteUI) - [必要なテーマのアプリケーションへの追加](#_Adding_Required_Themes_in_Your_Application) - [Infragistics テーマ](#Infragistics_Themes) - [Infragistics Loader を使用したテーマのアプリケーションへの追加](#_Using_Infragistics_Loader_for_Adding_a_Theme_in_Your_Application) @@ -26,16 +26,16 @@ slug: deployment-guide-styling-and-theming -##<a id="_Styling_and_Theming_IgniteUI"></a>{environment:ProductName} のスタイル設定とテーマ設定 +##<a id="_Styling_and_Theming_IgniteUI"></a>\{environment:ProductName\} のスタイル設定とテーマ設定 #### 概要 -{environment:ProductName}™ はスタイルやテーマの設定に jQuery UI CSS フレームワークを利用します。*Infragistics*、*Infragistics 2012*、*metro*、および *iOS* は、Infragistics が提供するアプリケーションで使用するための jQuery UI テーマです。jQuery UI および {environment:ProductName} コントロールにおいてコンパイルされるデフォルト Twitter Bootstrap テーマ、および *Yeti*、*Superhero*、および *Flatly* の 3 つのカスタム テーマを提供します。このドキュメントはデザイン タイムのアプリケーションの設定方法を示し、テーマの作成またはカスタマイズの方法の概要を説明して、実稼動環境で {environment:ProductName} CSS を使用するオプションを紹介します。 +\{environment:ProductName\}™ はスタイルやテーマの設定に jQuery UI CSS フレームワークを利用します。*Infragistics*、*Infragistics 2012*、*metro*、および *iOS* は、Infragistics が提供するアプリケーションで使用するための jQuery UI テーマです。jQuery UI および \{environment:ProductName\} コントロールにおいてコンパイルされるデフォルト Twitter Bootstrap テーマ、および *Yeti*、*Superhero*、および *Flatly* の 3 つのカスタム テーマを提供します。このドキュメントはデザイン タイムのアプリケーションの設定方法を示し、テーマの作成またはカスタマイズの方法の概要を説明して、実稼動環境で \{environment:ProductName\} CSS を使用するオプションを紹介します。 #### CSS リソースの編成 -{environment:ProductName} には、実稼働環境で使用するための結合および縮小したテーマのセットが同梱されています。これらの縮小バージョンによって、CSS の可読性は下がるものの、実稼働環境ではネットワーク経由でリソースをより高速にダウンロードできます。 +\{environment:ProductName\} には、実稼働環境で使用するための結合および縮小したテーマのセットが同梱されています。これらの縮小バージョンによって、CSS の可読性は下がるものの、実稼働環境ではネットワーク経由でリソースをより高速にダウンロードできます。 CSS ファイルは以下に示す構造に再編成されています。 @@ -82,10 +82,10 @@ images/IMAGE_NAME.gif すべてのテーマは、`css` フォルダー内のインストール ディレクトリに配置されています。 -{environment:ProductName} {environment:ProductVersionShort} のインストール時に一般的なフォルダー構成を選択した場合、各リソースは次のパスに置かれています。 +\{environment:ProductName\} \{environment:ProductVersionShort\} のインストール時に一般的なフォルダー構成を選択した場合、各リソースは次のパスに置かれています。 ``` -{environment:InstallPath}\css +\{environment:InstallPath\}\css ``` テーマをアプリケーションに追加するには、css フォルダー**全体** (**'structure'** および 'themes' ディレクトリを含む) をサイトのファイルのある場所にコピーします。 @@ -179,7 +179,7 @@ Infragistics テーマは、jQuery UI テーマに通常存在するすべての #### Bootstrap 用のテーマ -jQuery UI および {environment:ProductName} の Bootstrap 用のテーマは、人気のある Bootstrap 用テーマと同じ名前で生成されます。jQuery UI の CSS フレームワークの規約に従い、テーマに対してそのルックアンドフィールを利用するプロセスは、Bootstrap 用のテーマ ジェネレーターの Web アプリケーションで自動化されています。エクスポートする機能では、{environment:ProductName} や jQuery UI ウィジェットのスタイル用に LESS で利用できる、ほとんどすべての Bootstrap 用のテーマがエクスポートできます。`{IG Resources root}\css\structure\infragistics.css` ファイルの参照が必要です。 +jQuery UI および \{environment:ProductName\} の Bootstrap 用のテーマは、人気のある Bootstrap 用テーマと同じ名前で生成されます。jQuery UI の CSS フレームワークの規約に従い、テーマに対してそのルックアンドフィールを利用するプロセスは、Bootstrap 用のテーマ ジェネレーターの Web アプリケーションで自動化されています。エクスポートする機能では、\{environment:ProductName\} や jQuery UI ウィジェットのスタイル用に LESS で利用できる、ほとんどすべての Bootstrap 用のテーマがエクスポートできます。`{IG Resources root}\css\structure\infragistics.css` ファイルの参照が必要です。 ##<a id="_Using_Infragistics_Loader_for_Adding_a_Theme_in_Your_Application"></a>Infragistics Loader を使用したテーマのアプリケーションへの追加 @@ -210,7 +210,7 @@ $.ig.loader({ }); ``` -Infragistics Loader の詳細は、「[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」のトピックを参照してください。 +Infragistics Loader の詳細は、「[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)」のトピックを参照してください。 > **注:**カスタム テーマの場合は、テーマのディレクトリ名を使用してください。 @@ -282,7 +282,7 @@ ThemeRoller は jQuery UI が提供するツールで。これを使用すると ##<a id="Using_Bootstrap_Theme_Generator"></a>Bootstrap テーマ ジェネレーターを使用 -Bootstrap 用のテーマ ジェネレーターは Infragistics が提供する Web ツールの一つで、これを使用すると、ブートストラップ用 CSS フレームワーク用に作成したテーマを、{environment:ProductName} や jQuery UI ウィジェットで使用可能なテーマにエクスポートできるようになります。また、テーマの各プロパティをカスタマイズすることができ、終了結果のプレビューを表示することができます。 +Bootstrap 用のテーマ ジェネレーターは Infragistics が提供する Web ツールの一つで、これを使用すると、ブートストラップ用 CSS フレームワーク用に作成したテーマを、\{environment:ProductName\} や jQuery UI ウィジェットで使用可能なテーマにエクスポートできるようになります。また、テーマの各プロパティをカスタマイズすることができ、終了結果のプレビューを表示することができます。 ### 概要 このトピックでは、Bootstrap 用のテーマ ジェネレーターを使用してエクスポートしたブートストラップ用のテーマを、ユーザーの Web サイトに追加する方法をステップごとに示します。以下はプロセスの概念的概要です。 @@ -304,8 +304,8 @@ Bootstrap 用のテーマ ジェネレーターは Infragistics が提供する 1. **選択したブートストラップ用テーマの LESS ファイルのダウンロード** 1. [Bootswatch](http://bootswatch.com/) ウェブサイトへ移動し、Themes ボタンをクリックします。テーマを選択してクリックすると、そのページへ移動します。 2. [Download] ボタンをクリックしてドロップダウンから 'variables.less' を選択します。このファイルは、Bootstrap テーマ ジェネレーターがテーマを作成する際に使用されます。 -2. **[Bootstrap 用のテーマ ジェネレーター]({environment:SamplesUrl}/bootstrap-theme-generator) を介して、LESS ファイルを渡す** - 1. [Bootstrap 用のテーマ ジェネレーター の Web サイト]({environment:SamplesUrl}/bootstrap-theme-generator)に進みます。 +2. **[Bootstrap 用のテーマ ジェネレーター](\{environment:SamplesUrl\}/bootstrap-theme-generator) を介して、LESS ファイルを渡す** + 1. [Bootstrap 用のテーマ ジェネレーター の Web サイト](\{environment:SamplesUrl\}/bootstrap-theme-generator)に進みます。 2. [LESS をアップロード] ボタンをクリックします。 3. [アップロードして完了] ボタンをクリックし、ファイル セレクターから 'variables.less' を選択します。あるいは、[アップロードしてカスタマイズ] をクリックしてダウンロードする前にカスタマイズすることもできます。 4. テーマを生成するとダウンロード ボタンが表示されます。テーマをダウンロードするオプションを選択します。 @@ -347,14 +347,14 @@ Bootstrap 用のテーマ ジェネレーターは Infragistics が提供する リストされたすべてのテーマは、Infragistics CDN でホストされています。 -CDN の使用には多くの利点があります。詳細は、専用ヘルプ トピック｢インフラジスティックス コンテンツ配信ネットワーク (CDN)」を参照してください。CDN からのファイル参照の詳細は、「[{environment:ProductName} のインフラジスティックス コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx)」のトピックを参照してください。 +CDN の使用には多くの利点があります。詳細は、専用ヘルプ トピック｢インフラジスティックス コンテンツ配信ネットワーク (CDN)」を参照してください。CDN からのファイル参照の詳細は、「[\{environment:ProductName\} のインフラジスティックス コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx)」のトピックを参照してください。 **HTML の場合:** ```html -<link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" /> +<link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" /> -<link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/structure/infragistics.css" rel="stylesheet" type="text/css" /> +<link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/structure/infragistics.css" rel="stylesheet" type="text/css" /> ``` @@ -367,17 +367,17 @@ CDN の使用には多くの利点があります。詳細は、専用ヘルプ このトピックの追加情報については、以下のトピックも合わせてご参照ください。 -- [{environment:ProductName} での JavaScript ファイル](/deployment-guide-javascript-files): このトピックは、{environment:ProductName}™ に含まれるコントロールを使用して作業するために必要な JavaScript ファイルへの参照です。 +- [\{environment:ProductName\} での JavaScript ファイル](/deployment-guide-javascript-files): このトピックは、\{environment:ProductName\}™ に含まれるコントロールを使用して作業するために必要な JavaScript ファイルへの参照です。 -- [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで {environment:ProductName} を操作して、必要なリソースを管理する方法について説明します。 +- [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources): このトピックでは、Web アプリケーションで \{environment:ProductName\} を操作して、必要なリソースを管理する方法について説明します。 -- [{environment:ProductName} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx): {environment:ProductName} 対応 Infragistics コンテンツ配信ネットワーク (CDN) の使用方法。 +- [\{environment:ProductName\} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx): \{environment:ProductName\} 対応 Infragistics コンテンツ配信ネットワーク (CDN) の使用方法。 -- [データのビジュアル化でのグラデーション カラーの使用](/using-gradient-colors-in-data-visualizations): このトピックは、{environment:ProductName}™ コントロールのビジュアル データにグラデーション カラーを適用する方法を説明します。 +- [データのビジュアル化でのグラデーション カラーの使用](/using-gradient-colors-in-data-visualizations): このトピックは、\{environment:ProductName\}™ コントロールのビジュアル データにグラデーション カラーを適用する方法を説明します。 - [新しいスタイルの適用 (*igDataChart*)](/igdatachart-styling-themes): このトピックでは、チャートにスタイルおよびテーマを適用する方法を紹介します。 -- [Bootstrap と {environment:ProductName} の使用](/using-ignite-ui-with-bootstrap) : このトピックでは、{environment:ProductName} と Bootstrap を一緒に動作させる方法について説明します。 +- [Bootstrap と \{environment:ProductName\} の使用](/using-ignite-ui-with-bootstrap) : このトピックでは、\{environment:ProductName\} と Bootstrap を一緒に動作させる方法について説明します。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/using-gradient-colors-in-data-visualizations.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/using-gradient-colors-in-data-visualizations.mdx index 9f77d349f5..e2fc507ba4 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/using-gradient-colors-in-data-visualizations.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/using-gradient-colors-in-data-visualizations.mdx @@ -6,12 +6,11 @@ slug: using-gradient-colors-in-data-visualizations # データのビジュアル化でのグラデーション カラーの使用 - ##トピックの概要 #### 目的 -このトピックは、{environment:ProductName}™ コントロールのビジュアル データにグラデーション カラーを適用する方法を説明します。この機能は、以下のデータ ビジュアライゼーション コントロールでサポートされています。 +このトピックは、\{environment:ProductName\}™ コントロールのビジュアル データにグラデーション カラーを適用する方法を説明します。この機能は、以下のデータ ビジュアライゼーション コントロールでサポートされています。 - [igBulletGraph](/igbulletgraph)™ - [igDataChart](/igdatachart-landing-page)™ @@ -28,7 +27,7 @@ slug: using-gradient-colors-in-data-visualizations ####トピック -[{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックでは、デザイン段階でのアプリケーションのセットアップ手順について説明し、実稼働環境で CSS を使用するためのオプションを紹介すると同時に、テーマの作成またはカスタマイズについての概要を示します。 +[\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming): このトピックでは、デザイン段階でのアプリケーションのセットアップ手順について説明し、実稼働環境で CSS を使用するためのオプションを紹介すると同時に、テーマの作成またはカスタマイズについての概要を示します。 [igDataChart の追加](/igdatachart-adding): このトピックでは、igDataChart コントロールをページに追加し、データにバインドする方法を紹介します。 @@ -210,7 +209,7 @@ brush: { #### <a id="_Overview_CSS"></a>概要 -一部の {environment:ProductName} データ ビジュアライゼーション コントロールは、その色関連のプロパティの一部に対して CSS によるグラデーション カラーの設定をサポートしています。CSS でグラデーション カラーを指定するには、特定クラスを対象として、視覚要素の background-image プロパティをグラデーション (linear-gradient など) を指定する機能に設定する CSS ルールを作成する必要があります。CSS グラデーション カラーと CSS の単色設定が同時に指定された場合は、グラデーション カラーが優先されます。 +一部の \{environment:ProductName\} データ ビジュアライゼーション コントロールは、その色関連のプロパティの一部に対して CSS によるグラデーション カラーの設定をサポートしています。CSS でグラデーション カラーを指定するには、特定クラスを対象として、視覚要素の background-image プロパティをグラデーション (linear-gradient など) を指定する機能に設定する CSS ルールを作成する必要があります。CSS グラデーション カラーと CSS の単色設定が同時に指定された場合は、グラデーション カラーが優先されます。 >**注:** 色が API と CSS クラスの両方で指定された場合は、API 設定が優先され、各 CSS クラスは無効になります。 @@ -309,5 +308,5 @@ ui-lineargauge-range-outline-palette-1 ～ ui-lineargauge-range-outline-palett このトピックについては、以下のサンプルも参照してください。 -- [チャート塗りつぶしのグラデーション]({environment:SamplesUrl}/data-chart/chart-fill-gradients): このサンプルは、igDataChart コントロールで線状グラデーション カラーを使用する方法を紹介します。 +- [チャート塗りつぶしのグラデーション](\{environment:SamplesUrl\}/data-chart/chart-fill-gradients): このサンプルは、igDataChart コントロールで線状グラデーション カラーを使用する方法を紹介します。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/using-ignite-ui-with-bootstrap.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/using-ignite-ui-with-bootstrap.mdx index d92bcd1cc0..4900221221 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/using-ignite-ui-with-bootstrap.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/styling-and-theming/using-ignite-ui-with-bootstrap.mdx @@ -1,24 +1,26 @@ --- -title: "Bootstrap と {environment:ProductName} の使用" +title: "Bootstrap と {environment:ProductName} の使用" slug: using-ignite-ui-with-bootstrap --- -#Bootstrap と {environment:ProductName} の使用 +# Bootstrap と \{environment:ProductName\} の使用 + +#Bootstrap と \{environment:ProductName\} の使用 ##概要 -このトピックでは、{environment:ProductName} と Bootstrap が連携する方法、Web アプリケーションを対象とした {environment:ProductName} の Bootstrap 対応のテーマを取得する方法、およびテーマをカスタマイズする方法について説明します。 +このトピックでは、\{environment:ProductName\} と Bootstrap が連携する方法、Web アプリケーションを対象とした \{environment:ProductName\} の Bootstrap 対応のテーマを取得する方法、およびテーマをカスタマイズする方法について説明します。 -##{environment:ProductName} と Bootstrap が連携する方法 +##\{environment:ProductName\} と Bootstrap が連携する方法 -Bootstrap を {environment:ProductName} アプリケーションに追加すると、Bootstrap の機能が使用できるようになります。ただし、{environment:ProductName} コントロールでは、Bootstrap スタイルで設定されたルック アンド フィールは自動的に反映されません。これは、jQuery UI のウィジェットと {environment:ProductName} コントロールでは、具体的なスタイル設定方法が異なるためです。これらのインスタンスでは、Bootstrap をページに追加される場合に必要な所定のスタイルをコントロールに反映させる Bootstrap のクラス名が、コントロールにありません。そのため、{environment:ProductName} コントロールで Bootstrap のスタイル設定とテーマ化を使用するために、Infragistics では、jQuery UI ウィジェットと {environment:ProductName} コントロールが Bootstrap に対応するようにスタイルを設定する、さなざまな Bootstrap 対応のテーマが使用できるようにしました。静的なテーマ以外にも、[{environment:ProductName} Bootstrap Theme Generator]({environment:NewSamplesUrl}/bootstrap-theme-generator) を使用して、Bootstrap 対応のテーマをアップロードしカスタマイズすることもできます。 +Bootstrap を \{environment:ProductName\} アプリケーションに追加すると、Bootstrap の機能が使用できるようになります。ただし、\{environment:ProductName\} コントロールでは、Bootstrap スタイルで設定されたルック アンド フィールは自動的に反映されません。これは、jQuery UI のウィジェットと \{environment:ProductName\} コントロールでは、具体的なスタイル設定方法が異なるためです。これらのインスタンスでは、Bootstrap をページに追加される場合に必要な所定のスタイルをコントロールに反映させる Bootstrap のクラス名が、コントロールにありません。そのため、\{environment:ProductName\} コントロールで Bootstrap のスタイル設定とテーマ化を使用するために、Infragistics では、jQuery UI ウィジェットと \{environment:ProductName\} コントロールが Bootstrap に対応するようにスタイルを設定する、さなざまな Bootstrap 対応のテーマが使用できるようにしました。静的なテーマ以外にも、[\{environment:ProductName\} Bootstrap Theme Generator](\{environment:NewSamplesUrl\}/bootstrap-theme-generator) を使用して、Bootstrap 対応のテーマをアップロードしカスタマイズすることもできます。 -##{environment:ProductName} Bootstrap テーマ ジェネレーター +##\{environment:ProductName\} Bootstrap テーマ ジェネレーター -[Bootstrap Theme Generator]({environment:NewSamplesUrl}/bootstrap-theme-generator) は、既存のテーマのダウンロードまたはカスタマイズ、またはユーザー独自の LESS ファイルのアップロードにより、ユーザー独自の {environment:ProductName} の Bootstrap 対応のテーマを作成できるようにします。 +[Bootstrap Theme Generator](\{environment:NewSamplesUrl\}/bootstrap-theme-generator) は、既存のテーマのダウンロードまたはカスタマイズ、またはユーザー独自の LESS ファイルのアップロードにより、ユーザー独自の \{environment:ProductName\} の Bootstrap 対応のテーマを作成できるようにします。 ### LESS 変数の操作 @@ -26,7 +28,7 @@ Bootstrap を {environment:ProductName} アプリケーションに追 ### 付属テーマのカスタマイズ -{environment:ProductName} Bootstrap Theme Generator では、Bootstrap の他のいくつかのテーマに加え [Bootstrap の既定のテーマ]({environment:NewSamplesUrl}/bootstrap-theme-generator/default)がカスタマイズされています。これらのテーマのいずれかをユーザー自身のテーマとして選択する場合に備え、作業のほとんどは、Theme Generator がユーザーに代わって処理します。事前定義された状態のテーマをダウンロードする、または、Bootstrap Theme Generator のサイトで直接テーマをカスタマイズしてください。テーマが要求を満たしていると、結果の CSS またはテーマの LESS ファイル、あるいはその両方をダウンロードできます。 +\{environment:ProductName\} Bootstrap Theme Generator では、Bootstrap の他のいくつかのテーマに加え [Bootstrap の既定のテーマ](\{environment:NewSamplesUrl\}/bootstrap-theme-generator/default)がカスタマイズされています。これらのテーマのいずれかをユーザー自身のテーマとして選択する場合に備え、作業のほとんどは、Theme Generator がユーザーに代わって処理します。事前定義された状態のテーマをダウンロードする、または、Bootstrap Theme Generator のサイトで直接テーマをカスタマイズしてください。テーマが要求を満たしていると、結果の CSS またはテーマの LESS ファイル、あるいはその両方をダウンロードできます。 ### カスタム LESS 値のアップロード @@ -34,13 +36,13 @@ Bootstrap を {environment:ProductName} アプリケーションに追 テーマ変数は、通常、`variables.less` というファイルにあります。`variables.less` は、[Bootstrap のソース](https://github.com/twbs/bootstrap)から直接入手する、または他の Bootstrap テーマからファイルのテーマ バージョンを取得してください。Bootstrap テーマの入手元として、[Bootswatch](http://bootswatch.com/)、 [WrapBootstrap](https://wrapbootstrap.com/)、および[その他](https://www.google.com/search?q=bootstrap%20themes)があります。 -`variables.less` で値をカスタマイズ後、[このファイルを Bootstrap Theme Generator にアップロード]({environment:NewSamplesUrl}/bootstrap-theme-generator/Theme/Upload)します。このファイルにより、{environment:ProductName} コントロールをサポートする Bootstrap に完全に対応するテーマを入手できます。 +`variables.less` で値をカスタマイズ後、[このファイルを Bootstrap Theme Generator にアップロード](\{environment:NewSamplesUrl\}/bootstrap-theme-generator/Theme/Upload)します。このファイルにより、\{environment:ProductName\} コントロールをサポートする Bootstrap に完全に対応するテーマを入手できます。 >**注: **アップロードするファイル名は、`variables.less` に限定されませんが、Bootstrap の `variables.less` ファイルにあるすべての変数の値が必ず含まれている必要があります。 ##関連コンテンツ -- [{environment:ProductName} Bootstrap テーマのカスタマイズ ](/customizing-ignite-ui-bootstrap-themes) +- [\{environment:ProductName\} Bootstrap テーマのカスタマイズ ](/customizing-ignite-ui-bootstrap-themes) diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx index 34d9df60ad..29feaa7215 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/touch-support-for-igniteui-for-jquery-controls.mdx @@ -1,11 +1,13 @@ --- -title: "{environment:ProductName} コントロールのタッチ サポート" +title: "{environment:ProductName} コントロールのタッチ サポート" slug: touch-support-for-igniteui-for-jquery-controls --- +# \{environment:ProductName\} コントロールのタッチ サポート + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; -# {environment:ProductName} コントロールのタッチ サポート +# \{environment:ProductName\} コントロールのタッチ サポート @@ -14,7 +16,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #### 目的 -このトピックは、{environment:ProductName} コントロールがタッチ対応の環境の概要、ベスト プラクティス、特定の {environment:ProductName} コントロールのタッチ サポートの詳細を提供します。 +このトピックは、\{environment:ProductName\} コントロールがタッチ対応の環境の概要、ベスト プラクティス、特定の \{environment:ProductName\} コントロールのタッチ サポートの詳細を提供します。 #### このトピックの内容 @@ -37,15 +39,15 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ####<a id="_Touch_support_summary"></a> タッチ サポートの概要 -すべての {environment:ProductName} コントロールがタッチ操作をサポートしています。タッチ操作と互換性のある動作をサポートするため、新しい機能とコンポーネントを追加することで、このサポートが可能になります。 +すべての \{environment:ProductName\} コントロールがタッチ操作をサポートしています。タッチ操作と互換性のある動作をサポートするため、新しい機能とコンポーネントを追加することで、このサポートが可能になります。 -タッチ操作対応環境で表示されたどの {environment:ProductName} コントロールも、デスクトップ プラットフォームとタッチ プラットフォームで同じ外観を持ち、同じ動作をします。たとえば、igGrid™ ウィジェットはタッチ デバイスの完全に新しいコントロールではありませんが、タッチ操作対応環境で使用できるタッチ操作に最適化された機能が組み込まれています。ほとんど構成が必要ないこの適応性により、アプリケーションにマルチプラットフォーム コントロールを持たせることができます。個々のコントロールに関する詳細については、「コントロールの概要」のセクションを参照してください。 +タッチ操作対応環境で表示されたどの \{environment:ProductName\} コントロールも、デスクトップ プラットフォームとタッチ プラットフォームで同じ外観を持ち、同じ動作をします。たとえば、igGrid™ ウィジェットはタッチ デバイスの完全に新しいコントロールではありませんが、タッチ操作対応環境で使用できるタッチ操作に最適化された機能が組み込まれています。ほとんど構成が必要ないこの適応性により、アプリケーションにマルチプラットフォーム コントロールを持たせることができます。個々のコントロールに関する詳細については、「コントロールの概要」のセクションを参照してください。 ->**注:** Modernizr JavaScript ライブラリを {environment:ProductName} コントロールとともに使用することをお勧めします。これらのコントロールは Modernizr がなくても正常に動作しますが、ライブラリがページで使用できる場合、よりタッチしやすいモードに適応します。 +>**注:** Modernizr JavaScript ライブラリを \{environment:ProductName\} コントロールとともに使用することをお勧めします。これらのコントロールは Modernizr がなくても正常に動作しますが、ライブラリがページで使用できる場合、よりタッチしやすいモードに適応します。 ###<a id="_Scrolling_in_touch_environment"></a> タッチ環境でのスクロール -すべての {environment:ProductName} コントロールは、タッチ操作対応環境で動作している場合、デフォルトで並べ替えをサポートしています。並べ替え動作は、内部 *igScroll* コンポーネントで制御されます。 +すべての \{environment:ProductName\} コントロールは、タッチ操作対応環境で動作している場合、デフォルトで並べ替えをサポートしています。並べ替え動作は、内部 *igScroll* コンポーネントで制御されます。 タッチ環境でスクロール動作を使用するには、ページで igScroll スクリプトを参照する必要があります。[Infragistics® Loader](/using-infragistics-loader) を使用する場合、これは自動的に参照されています。Loader を使用しない場合、手動的に参照するか、igScroll を含む infragistics.core.js ファイルを参照する必要があります。 @@ -69,9 +71,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ####<a id="_Mobile_Pages_Best_Practices"></a>モバイル ページのベスト プラクティス -{environment:ProductName} コントロールは、タッチ操作だけでなく、標準のデスクトップ Web ブラウザー操作にも最適化されています。stock コントロールを使用することに加えて、各コントロールで最高のパフォーマンスと応答を実現するため、以下に示すいくつかのベスト プラクティスに従ってください。 +\{environment:ProductName\} コントロールは、タッチ操作だけでなく、標準のデスクトップ Web ブラウザー操作にも最適化されています。stock コントロールを使用することに加えて、各コントロールで最高のパフォーマンスと応答を実現するため、以下に示すいくつかのベスト プラクティスに従ってください。 -- Modernizr の使用 - 可能な限りタッチ操作が最適化されたモードでコントロールが表示されるよう、Modernizr JavaScript ライブラリを {environment:ProductName} コントロールと合わせて使用します。 +- Modernizr の使用 - 可能な限りタッチ操作が最適化されたモードでコントロールが表示されるよう、Modernizr JavaScript ライブラリを \{environment:ProductName\} コントロールと合わせて使用します。 - ビューポート メタ タグの定義 - ページのビューポート ディメンションを明示的に設定すると、ページが正しいディメンションと割合で表示されます。以下のコード リストは、ページのビューポート メタ タグを構成する方法を示しています。 **HTML の場合:** @@ -171,8 +173,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ###### 関連サンプル -- [基本的な使用方法]({environment:SamplesUrl}/popover/basic-popover) -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/popover/aspnet-mvc-helper) +- [基本的な使用方法](\{environment:SamplesUrl\}/popover/basic-popover) +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/popover/aspnet-mvc-helper) ###<a id="_igVideoPlayer"></a> igVideoPlayer @@ -180,7 +182,7 @@ Modernizr ライブラリがページで使用できる場合にモバイル デ ###### 関連サンプル -- [ビデオ プレーヤーの基本的な使用方法]({environment:SamplesUrl}/video-player/basic-usage) +- [ビデオ プレーヤーの基本的な使用方法](\{environment:SamplesUrl\}/video-player/basic-usage) diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx index 93fc00443a..c5aeeec6ea 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-events-in-igniteui-for-jquery.mdx @@ -1,18 +1,20 @@ --- -title: "{environment:ProductName} でイベントの使用" +title: "{environment:ProductName} でイベントの使用" slug: using-events-in-igniteui-for-jquery --- +# \{environment:ProductName\} でイベントの使用 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; -# {environment:ProductName} でイベントの使用 +# \{environment:ProductName\} でイベントの使用 ##トピックの概要 ### 目的 -このトピックは、{environment:ProductName}™ コントロールが発生させるイベントの処理方法について説明します。また、初期化と初期化後のイベントのバインドの違いについても説明します。 +このトピックは、\{environment:ProductName\}™ コントロールが発生させるイベントの処理方法について説明します。また、初期化と初期化後のイベントのバインドの違いについても説明します。 ### このトピックの内容 @@ -30,10 +32,10 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 全般的な要件 - jQuery の要件 -- {environment:ProductName} コントロールのインスタンスが作成された HTML Web ページ +- \{environment:ProductName\} コントロールのインスタンスが作成された HTML Web ページ - MVC 固有の要件 - igGrid がデータ ソースにバインドされた Microsoft Visual Studio® の MVC プロジェクト -- Infragistics.Web.Mvc.dll ({environment:ProductNameMVC} を含む) への参照 +- Infragistics.Web.Mvc.dll (\{environment:ProductNameMVC\} を含む) への参照 > **注:** コードで API メソッドを呼び出した場合、操作に関連するイベントは発生しません。イベントは個別のユーザー インタラクションによってのみ発生されます。 @@ -42,7 +44,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - jQuery および MVC に必要なスクリプトは同じですが、これは MVC ラッパーが jQuery ウィジットに似た JavaScript を描画するためです。次が必要になります。 1. jQuery コア ライブラリ スクリプト 2. jQuery UI ライブラリ - 3. ページで使用するウィジェットに必要な {environment:ProductName} スクリプト ファイル + 3. ページで使用するウィジェットに必要な \{environment:ProductName\} スクリプト ファイル 次のコードは、HTML ドキュメントに追加されるスクリプトです。 @@ -155,7 +157,7 @@ jQuery は、多数のイベント処理方法をサポートしています。 既定の jQuery イベント wiring 関数のいずれかを使用する場合、jQuery UI イベントの命名規則に従ってください。たとえば、jQuery UI ウィジェット ファクトリは、ウィジェットの名前をイベント名のプレフィックスとして追加します。「*iggridhiding*」ウィジェットの「*columnhiding*」イベントへアタッチする場合、イベント名は「*iggridhidingcolumnhiding*」になります。 ->**注:** {environment:ProductName} API ガイドでは、各コントロールのオプション、メソッド、イベントすべての一覧を参照できます。 +>**注:** \{environment:ProductName\} API ガイドでは、各コントロールのオプション、メソッド、イベントすべての一覧を参照できます。 >**注:** ASP.NET MVC ラッパーで *igEditor* コントロールを使用する場合、ラッパーはインスタンスを作成するウィジェットに基づいて型オプションを設定した igEditor コントロールのインスタンスを作成します。live、bind、または delegate を使用する場合、「igeditor」+ 「eventName」を渡す必要があります。 @@ -274,7 +276,7 @@ jQuery は、多数のイベント処理方法をサポートしています。 ######概要 - このサンプルは、`igTextEditor` のインスタンスが MVC コンテキストで作成され、`valueChanged` イベントへバインドされています。{environment:ProductNameMVC} を使用して `igEditor` コントロールから継承したコントロールのインスタンスを作成する場合、レンダリング メソッドは適切な型の値で `igEditor` コントロールを生成し、エディターを構成します。そのため、イベントをバインドまたはバインド解除する場合、「igeditor」プレフィックスが必要です。 + このサンプルは、`igTextEditor` のインスタンスが MVC コンテキストで作成され、`valueChanged` イベントへバインドされています。\{environment:ProductNameMVC\} を使用して `igEditor` コントロールから継承したコントロールのインスタンスを作成する場合、レンダリング メソッドは適切な型の値で `igEditor` コントロールを生成し、エディターを構成します。そのため、イベントをバインドまたはバインド解除する場合、「igeditor」プレフィックスが必要です。 ######コード: @@ -336,10 +338,10 @@ jQuery は、多数のイベント処理方法をサポートしています。 ##<a id="_Related_Samples"></a>関連サンプル -- [エディター API およびイベント]({environment:SamplesUrl}/grid/editing-api-events) -- [グリッド API およびイベント]({environment:SamplesUrl}/grid/grid-api-events) +- [エディター API およびイベント](\{environment:SamplesUrl\}/grid/editing-api-events) +- [グリッド API およびイベント](\{environment:SamplesUrl\}/grid/grid-api-events) - [ツリー API およびイベント](/igtree-event-reference#attaching-handlers-jquery) -- [ファイル アップロード API およびイベント]({environment:SamplesUrl}/file-upload/api-events) +- [ファイル アップロード API およびイベント](\{environment:SamplesUrl\}/file-upload/api-events) diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-cli.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-cli.mdx index 1f965d0536..09941a9231 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-cli.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-cli.mdx @@ -1,16 +1,16 @@ --- -title: "{environment:ProductName} CLI の使用" +title: "{environment:ProductName} CLI の使用" slug: Using-Ignite-UI-CLI --- -# {environment:ProductName} CLI の使用 +# \{environment:ProductName\} CLI の使用 ## 概要 -{environment:ProductFamilyName} CLI は、さまざまなフレームワークでアプリケーションの初期化、開発、スキャフォールディング、および処理を可能にするツールです。{environment:ProductName} コントロールの定義済みテンプレートを提供します。{environment:ProductFamilyName} CLI を使用すると、{environment:ProductFamilyName} および対象のフレームワークでのプロジェクトをすばやく作成して使用できます。<br/> -**同じコマンドを使用して [jQuery](https://jquery.com)、[Angular](https://angular.io)、および [React](https://reactjs.org) でプロジェクトを作成して {environment:ProductName} コントロールを追加することもできます。** +\{environment:ProductFamilyName\} CLI は、さまざまなフレームワークでアプリケーションの初期化、開発、スキャフォールディング、および処理を可能にするツールです。\{environment:ProductName\} コントロールの定義済みテンプレートを提供します。\{environment:ProductFamilyName\} CLI を使用すると、\{environment:ProductFamilyName\} および対象のフレームワークでのプロジェクトをすばやく作成して使用できます。<br/> +**同じコマンドを使用して [jQuery](https://jquery.com)、[Angular](https://angular.io)、および [React](https://reactjs.org) でプロジェクトを作成して \{environment:ProductName\} コントロールを追加することもできます。** ## はじめに -{environment:ProductFamilyName} CLI のインストール: +\{environment:ProductFamilyName\} CLI のインストール: ``` npm install -g igniteui-cli ``` @@ -20,7 +20,7 @@ npm install -g igniteui-cli ig ``` -{environment:ProductFamilyName} プロジェクトの生成、新しいコンポーネントの追加、プロジェクトのビルドおよび公開すためにカスタム コマンドを実行する場合は、以下のコマンドを使用します。 +\{environment:ProductFamilyName\} プロジェクトの生成、新しいコンポーネントの追加、プロジェクトのビルドおよび公開すためにカスタム コマンドを実行する場合は、以下のコマンドを使用します。 ``` ig new <project name> --framework=<framework> ig add <component/template> <component_name> @@ -31,7 +31,7 @@ http://localhost:3000/ へ移動します。ソース ファイルを変更す ## 利用可能なコマンド ### new -新しい {environment:ProductFamilyName} アプリケーションを作成するには、以下のコマンドを実行します。 +新しい \{environment:ProductFamilyName\} アプリケーションを作成するには、以下のコマンドを実行します。 ``` ig new [name] [framework] @@ -46,22 +46,22 @@ http://localhost:3000/ へ移動します。ソース ファイルを変更す 新しいアプリケーションが同じ名前のディレクトリに作成されます。 既存のアプリケーションで新しいアプリケーションの作成はサポートされません。 -以下は、すべてのサポートされるフレームワークで {environment:ProductName} アプリケーションを作成するために `new` コマンドを使用する例です。<br/> +以下は、すべてのサポートされるフレームワークで \{environment:ProductName\} アプリケーションを作成するために `new` コマンドを使用する例です。<br/> **jQuery の場合:** `ig new newIgniteUIjQuery` (jQuery はデフォルト選択のため、"framework" 引数を設定する必要がありません)<br/> **React の場合:** `ig new newIgniteUIReact --framework=react`<br/> **Angular の場合:** `ig new newIgniteUIAngular --framework=angular --type=ig-ts` ### add -新しい {environment:ProductName} コントロールを既存するアプリケーションに追加するには、以下のコマンドを実行します。 +新しい \{environment:ProductName\} コントロールを既存するアプリケーションに追加するには、以下のコマンドを実行します。 ``` ig add [template] [name] ``` -`add` コマンドは {environment:ProductFamilyName} CLI で作成した既存のプロジェクトのみにサポートされます。`new` コマンドまたは `ig` コマンドの手順を使用して新しいプロジェクトを作成する前に `add` コマンドを使用できません。 +`add` コマンドは \{environment:ProductFamilyName\} CLI で作成した既存のプロジェクトのみにサポートされます。`new` コマンドまたは `ig` コマンドの手順を使用して新しいプロジェクトを作成する前に `add` コマンドを使用できません。 -#### {environment:ProductName} テンプレート -[{environment:ProductFamilyName} CLI Wiki](https://github.com/IgniteUI/igniteui-cli/wiki/Add#ignite-ui-for-javascript-templates) で、サポートされるフレームワークで利用可能な {environment:ProductName} テンプレートを表示するテーブルを参照できます。 +#### \{environment:ProductName\} テンプレート +[\{environment:ProductFamilyName\} CLI Wiki](https://github.com/IgniteUI/igniteui-cli/wiki/Add#ignite-ui-for-javascript-templates) で、サポートされるフレームワークで利用可能な \{environment:ProductName\} テンプレートを表示するテーブルを参照できます。 ### build @@ -71,7 +71,7 @@ http://localhost:3000/ へ移動します。ソース ファイルを変更す ig build ``` -`build` コマンドはプロジェクトが依存する npm パッケージをインストールします。デフォルトで [{environment:ProductFamilyName} の OSS バージョン](https://github.com/IgniteUI/ignite-ui)をインストールしますが、グリッドなどのオープン ソースではないコンポーネントが追加されたかどうかを確認して、フル バージョンが必要な場合、Infragistics アカウントの資格情報を入力した後に OSS パッケージをフル バージョンに更新します。フル パッケージをインストールする方法については[このトピック](/Using-Ignite-UI-Npm-Packages)を参照してください。<br/> +`build` コマンドはプロジェクトが依存する npm パッケージをインストールします。デフォルトで [\{environment:ProductFamilyName\} の OSS バージョン](https://github.com/IgniteUI/ignite-ui)をインストールしますが、グリッドなどのオープン ソースではないコンポーネントが追加されたかどうかを確認して、フル バージョンが必要な場合、Infragistics アカウントの資格情報を入力した後に OSS パッケージをフル バージョンに更新します。フル パッケージをインストールする方法については[このトピック](/Using-Ignite-UI-Npm-Packages)を参照してください。<br/> CSS リソースなどのビルド アーティファクトは `output/` ディレクトリに保存されます。 ### start @@ -90,17 +90,17 @@ jQuery アプリケーションはポート 3000 を使用し、Angular アプ ig generate template [name] ``` -コマンドはデフォルトで生成されたテンプレート パスを {environment:ProductFamilyName} CLI のグローバル構成ファイルの `customTemplates` に登録します。生成されたテンプレートは「Add View」メニューで表示され、`add` コマンドで直接使用できます。 +コマンドはデフォルトで生成されたテンプレート パスを \{environment:ProductFamilyName\} CLI のグローバル構成ファイルの `customTemplates` に登録します。生成されたテンプレートは「Add View」メニューで表示され、`add` コマンドで直接使用できます。 ### config -{environment:ProductFamilyName} CLI 構成設定の読み取り / 書き込み操作を実行するには、以下のコマンドを実行します。 +\{environment:ProductFamilyName\} CLI 構成設定の読み取り / 書き込み操作を実行するには、以下のコマンドを実行します。 ``` ig config <get|set|add> <property> [value] ``` -{environment:ProductFamilyName} CLI は構成を `ignite-ui-cli.json` ファイルに保存します。{environment:ProductFamilyName} CLI で作成されたプロジェクト構造はローカル構成としてファイルを含みます。`ig config` が `--global` フラグで呼び出された場合、ユーザーごとのファイルにはグローバル デフォルト値を提供できます。グローバル `ignite-ui-cli.json` ファイルは現在のユーザーのホーム ディレクトリに保存されます。ディレクトリは Unix で `/home/<ユーザー>` で、Windows で `C:\Users\<ユーザー>` です。 +\{environment:ProductFamilyName\} CLI は構成を `ignite-ui-cli.json` ファイルに保存します。\{environment:ProductFamilyName\} CLI で作成されたプロジェクト構造はローカル構成としてファイルを含みます。`ig config` が `--global` フラグで呼び出された場合、ユーザーごとのファイルにはグローバル デフォルト値を提供できます。グローバル `ignite-ui-cli.json` ファイルは現在のユーザーのホーム ディレクトリに保存されます。ディレクトリは Unix で `/home/<ユーザー>` で、Windows で `C:\Users\<ユーザー>` です。 ### test @@ -131,7 +131,7 @@ Infragistics サポート情報を検索するには、以下のコマンドを コマンドは単一の検索用語を取得し、Infragistics 検索をデフォルト ブラウザーで開きます。 ### help -すべての利用可能な {environment:ProductFamilyName} CLI コマンドを表示するには、以下のコマンドを実行します。 +すべての利用可能な \{environment:ProductFamilyName\} CLI コマンドを表示するには、以下のコマンドを実行します。 ``` ng help diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-npm-packages.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-npm-packages.mdx index cbf5e9d688..fb29984001 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-npm-packages.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-npm-packages.mdx @@ -1,29 +1,29 @@ --- -title: "{environment:ProductName} npm パッケージの使用" +title: "{environment:ProductName} npm パッケージの使用" slug: Using-Ignite-UI-Npm-Packages --- -# {environment:ProductName} npm パッケージの使用 +# \{environment:ProductName\} npm パッケージの使用 npm は Node.js ランタイム環境で使用する一般的なデフォルト パッケージ マネージャーです。プロジェクトに依存するパッケージをすばやく簡単に処理できます。npm の使用方法の詳細については、[npm ヘルプ](https://docs.npmjs.com)を参照してください。 -Infragistics {environment:ProductName} は npm パッケージで提供されるため、プロジェクトの依存関係として追加できます。{environment:ProductName} npm パッケージを使用する 2 通りの方法があります。[https://packages.infragistics.com/npm/js-licensed/](https://packages.infragistics.com/npm/js-licensed/) にホストされるプライベート (非公開) npm フィードを使用することを推薦します。最新の機能および機能改善を含む {environment:ProductName} パッケージの最新バージョンはフィードに提供されます。有効な {environment:ProductName} ライセンスがある場合、{environment:ProductName} の製品版をプライベート フィードによりアクセスできます。 +Infragistics \{environment:ProductName\} は npm パッケージで提供されるため、プロジェクトの依存関係として追加できます。\{environment:ProductName\} npm パッケージを使用する 2 通りの方法があります。[https://packages.infragistics.com/npm/js-licensed/](https://packages.infragistics.com/npm/js-licensed/) にホストされるプライベート (非公開) npm フィードを使用することを推薦します。最新の機能および機能改善を含む \{environment:ProductName\} パッケージの最新バージョンはフィードに提供されます。有効な \{environment:ProductName\} ライセンスがある場合、\{environment:ProductName\} の製品版をプライベート フィードによりアクセスできます。 -または、[https://www.npmjs.com](https://www.npmjs.com/package/ignite-ui) のオフィシャル npm フィードを使用できます。この方法により npm を構成する必要はありませんが、パッケージの {environment:ProductName} OSS バージョンが提供されます。[パッケージのページ](https://www.npmjs.com/package/ignite-ui)で OSS バージョンに含まれる {environment:ProductName} コントロールを確認できます。 +または、[https://www.npmjs.com](https://www.npmjs.com/package/ignite-ui) のオフィシャル npm フィードを使用できます。この方法により npm を構成する必要はありませんが、パッケージの \{environment:ProductName\} OSS バージョンが提供されます。[パッケージのページ](https://www.npmjs.com/package/ignite-ui)で OSS バージョンに含まれる \{environment:ProductName\} コントロールを確認できます。 -## npmjs.com から {environment:ProductName} npm パッケージをインストール +## npmjs.com から \{environment:ProductName\} npm パッケージをインストール -{environment:ProductName} の最新版を使用する場合、プロジェクトに依存するその他のパッケージと同じ方法でインストールできます。以下のコマンドをコマンド ラインに入力します: +\{environment:ProductName\} の最新版を使用する場合、プロジェクトに依存するその他のパッケージと同じ方法でインストールできます。以下のコマンドをコマンド ラインに入力します: ```js npm install ignite-ui ``` -このコマンドを実行した後、プロジェクトの node_modules ディレクトリに {environment:ProductName} パッケージがインストールされます。 +このコマンドを実行した後、プロジェクトの node_modules ディレクトリに \{environment:ProductName\} パッケージがインストールされます。 -## Infragistics プライベート フィードから {environment:ProductName} npm パッケージをインストール +## Infragistics プライベート フィードから \{environment:ProductName\} npm パッケージをインストール -{environment:ProductName} の最新版を使用するには、npm を構成する必要があります。 +\{environment:ProductName\} の最新版を使用するには、npm を構成する必要があります。 最初にプライベート レジストリを構成し、レジストリを Infragistics スコープと関連付けます。これにより公開用の npm レジストリおよびプライベート Infragistics レジストリからのパッケージを同時に使用できます。Infragistics アカウントにログインするユーザー名およびパスワードを入力する必要があります。Infragistics プロファイルに登録されるメールも入力してください。この手順では次のことに注意してください。npm はユーザー名で「@」の使用を許可しません。ユーザー名が Infragistics アカウントのメール アドレスであるため、「@」記号を含みます。この制限を回避するには、「@」記号の代わりに「!!」(2 つの感嘆符) を使用します。たとえば、ユーザー名が username@infragistics.com の場合、username!!infragistics.com と入力します。 @@ -37,14 +37,14 @@ npm adduser --registry=https://packages.infragistics.com/npm/js-licensed/ --scop npm config set @infragistics:registry https://packages.infragistics.com/npm/js-licensed/ ``` -完了した後、ログイン済みで、プロジェクトで {environment:ProductName} の最新バージョンをインストールできます。 +完了した後、ログイン済みで、プロジェクトで \{environment:ProductName\} の最新バージョンをインストールできます。 ```js npm install @infragistics/ignite-ui-full ``` -{environment:ProductName} パッケージをスコープに設定したため、プライベート フィードおよび npmjs.org からのパッケージを同時にインストールするためにレジストリを変更する必要はありません。 +\{environment:ProductName\} パッケージをスコープに設定したため、プライベート フィードおよび npmjs.org からのパッケージを同時にインストールするためにレジストリを変更する必要はありません。 -npm を既に使用していて、{environment:ProductName} ライセンスがある場合、Infragistics プライベート フィードを構成してください。 +npm を既に使用していて、\{environment:ProductName\} ライセンスがある場合、Infragistics プライベート フィードを構成してください。 -{environment:ProductName} のライセンスがない場合、Infragistics が {environment:ProductName} OSS パッケージで提供するコントロールを使用できます。igEditors、igCombo、igTree などのコントロールが OSS パッケージに含まれます。npmjs.com から {environment:ProductName} npm パッケージをインストールしてください。 +\{environment:ProductName\} のライセンスがない場合、Infragistics が \{environment:ProductName\} OSS パッケージで提供するコントロールを使用できます。igEditors、igCombo、igTree などのコントロールが OSS パッケージに含まれます。npmjs.com から \{environment:ProductName\} npm パッケージをインストールしてください。 diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-nuget-packages.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-nuget-packages.mdx index 5aa5fa963a..09205726e3 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-nuget-packages.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-ignite-ui-nuget-packages.mdx @@ -1,33 +1,33 @@ --- -title: "{environment:ProductName} NuGet パッケージの使用" +title: "{environment:ProductName} NuGet パッケージの使用" slug: Using-Ignite-UI-NuGet-Packages --- -# {environment:ProductName} NuGet パッケージの使用 +# \{environment:ProductName\} NuGet パッケージの使用 ### このトピックの内容 このトピックは、以下のセクションで構成されます。 -- [{environment:ProductName} NuGet パッケージの使用](#usingNuGet) -- [オンライン プライベート フィードから {environment:ProductName} パッケージをインストール](#privateFeedInstallation) -- [ローカル フィードから {environment:ProductName} パッケージをインストール](#localFeedInstallation) -- [{environment:ProductName} パッケージを GUI によりインストール](#guiInstallation) -- [{environment:ProductName} パッケージをパッケージ マネージャー コンソールによりインストール](#consoleInstallation) -- [{environment:ProductNameMVC} NuGet パッケージのインストール ファイル](#whatIsInstalled) -- [{environment:ProductName} NuGet パッケージのアンインストール](#uninstalling) -- [{environment:ProductNameASPNETCore} の NuGet パッケージの使用](#aspnetcore) +- [\{environment:ProductName\} NuGet パッケージの使用](#usingNuGet) +- [オンライン プライベート フィードから \{environment:ProductName\} パッケージをインストール](#privateFeedInstallation) +- [ローカル フィードから \{environment:ProductName\} パッケージをインストール](#localFeedInstallation) +- [\{environment:ProductName\} パッケージを GUI によりインストール](#guiInstallation) +- [\{environment:ProductName\} パッケージをパッケージ マネージャー コンソールによりインストール](#consoleInstallation) +- [\{environment:ProductNameMVC\} NuGet パッケージのインストール ファイル](#whatIsInstalled) +- [\{environment:ProductName\} NuGet パッケージのアンインストール](#uninstalling) +- [\{environment:ProductNameASPNETCore\} の NuGet パッケージの使用](#aspnetcore) -## <a id="usingNuGet"></a> {environment:ProductName} NuGet パッケージの使用 +## <a id="usingNuGet"></a> \{environment:ProductName\} NuGet パッケージの使用 NuGet はツールおよびサービスを提供するパッケージ マネージャーです。2010 年に .NET などの Microsoft 開発プラットフォームのオープンソース パッケージ マネージャーとして公開されました。NuGet を使用して開発を向上して自動化できます。 NuGet でパッケージをインストールすると、ライブラリ ファイルがソリューションにコピーされ、プロジェクトを自動的に更新します。つまり、参照を追加、構成ファイルを変更、更に以前のバージョンのスクリプト ファイルを置き換えます。NuGet は Visual Studio 2010 以後で利用可能ですが、Visual Studio 2012 以後デフォルトで含まれます。使用方法の詳細については、[Nuget ヘルプ](http://docs.nuget.org/ndocs/guides/install-nuget)を参照してください。 -Infragistics {environment:ProductName} コントロールは NuGet パッケージとして公開されます。この NuGet パッケージは、プロジェクトの必要な Infragistics ファイルおよびアセンブリをすばやく簡単にインストールできる方法です。 +Infragistics \{environment:ProductName\} コントロールは NuGet パッケージとして公開されます。この NuGet パッケージは、プロジェクトの必要な Infragistics ファイルおよびアセンブリをすばやく簡単にインストールできる方法です。 NuGet パッケージを使用する 2 通りの方法があります。インフラジスティックスが提供するすべての NuGet パッケージを常に最新に保つことができるよう [https://packages.infragistics.com/nuget/licensed](https://packages.infragistics.com/nuget/licensed) にホストされているプライベート Nuget フィードのご使用をお勧めします。この方法では、新しいプロジェクトを作成するときにパッケージの最新版を取得できます。または既存のプロジェクトのパッケージを復元することもできます。 -## <a id="privateFeedInstallation"></a> オンライン プライベート フィードから {environment:ProductName} パッケージをインストール +## <a id="privateFeedInstallation"></a> オンライン プライベート フィードから \{environment:ProductName\} パッケージをインストール はじめにパッケージ ソースとしてインフラジスティックス フィードを追加します。ツール/オプション/NuGet パッケージ マネージャー/パッケージ ソースへ移動します。 @@ -43,25 +43,25 @@ NuGet パッケージを使用する 2 通りの方法があります。イン [ログインを保持] チェックボックスをチェックすることにより資格情報が Windows に保存され、次回より資格情報マネージャーに処理されます。資格情報を入力するとインストールできるパッケージのリストが取得できます。パッケージを選択後、プロジェクトに必要なアセンブリがインストールされ、packages.config がインストールされたパッケージで更新されます。 -### <a id="consoleInstallation"></a> {environment:ProductName} パッケージをパッケージ マネージャー コンソールによりインストール +### <a id="consoleInstallation"></a> \{environment:ProductName\} パッケージをパッケージ マネージャー コンソールによりインストール -以下で、{environment:ProductName} パッケージをパッケージ マネージャー コンソールを使用して追加する方法を説明します。コンソールでは、インストールするパッケージを検索する必要がないため、より速くアセンブリを追加します。 +以下で、\{environment:ProductName\} パッケージをパッケージ マネージャー コンソールを使用して追加する方法を説明します。コンソールでは、インストールするパッケージを検索する必要がないため、より速くアセンブリを追加します。 コンソールを表示するには、Visual Studio の**ツール** メニューを選択し、**NuGet パッケージ マネージャー** の **パッケージ マネージャー コンソール** を選択します。 ![](../images/images/NuGet_Manager_Console.png) **パッケージ マネージャー コンソール**は画面の下部に表示されます。インストールを開始するには、「Install-Package *パッケージ名*」を入力するだけです。たとえば、「Infragistics.Web.Mvc.JP」をインストールする場合、「Install-Package Infragistics.Web.Mvc.JP」と入力すると、マネージャーがこのアセンブリおよびすべての依存関係をインストールします。コンソールでパッケージ ソース ドロップダウンから Infragistics (ローカル) を選択することに注意してください。 -インストールが完了した後、コンソールに {environment:ProductName} パッケージがプロジェクトに正常に追加されましたというメッセージが表示されます。 +インストールが完了した後、コンソールに \{environment:ProductName\} パッケージがプロジェクトに正常に追加されましたというメッセージが表示されます。 ![](../images/images/Console_Installation_of_NuGet_Packages.PNG) -## <a id="whatIsInstalled"></a> {environment:ProductNameMVC} NuGet パッケージのインストール ファイル +## <a id="whatIsInstalled"></a> \{environment:ProductNameMVC\} NuGet パッケージのインストール ファイル ![](../images/images/Added_Files_from_NuGet_packages.PNG) -{environment:ProductNameMVC} パッケージをインストールする場合、JavaScript および Content フォルダーがプロジェクトに追加されます。このフォルダーは Infragistics JS および CSS リソースを含みます。MVC パッケージをインストールする場合、必要なアセンブリも参照に追加されます。 +\{environment:ProductNameMVC\} パッケージをインストールする場合、JavaScript および Content フォルダーがプロジェクトに追加されます。このフォルダーは Infragistics JS および CSS リソースを含みます。MVC パッケージをインストールする場合、必要なアセンブリも参照に追加されます。 -## <a id="uninstalling"></a> {environment:ProductName} NuGet パッケージのアンインストール +## <a id="uninstalling"></a> \{environment:ProductName\} NuGet パッケージのアンインストール パッケージによりインストールされるアセンブリをアンインストールできます。GUI またはパッケージ マネージャー コンソールで行うことができます。インストール方法に関係なく、いずれかの方法を使用できます。 @@ -75,23 +75,23 @@ NuGet パッケージを使用する 2 通りの方法があります。イン ![](../images/images/Error_When_uninstaling_depending_packages.PNG) -コンソールでアセンブリをアンインストールするには、「Uninstall-Package *パッケージ名*」を入力します。たとえば、「Uninstall-Package IgniteUI.MVC.JP」。{environment:ProductName} NuGet パッケージを使用すると、高パフォーマンスアプリケーションの開発を簡単にすばやく開始できます。 +コンソールでアセンブリをアンインストールするには、「Uninstall-Package *パッケージ名*」を入力します。たとえば、「Uninstall-Package IgniteUI.MVC.JP」。\{environment:ProductName\} NuGet パッケージを使用すると、高パフォーマンスアプリケーションの開発を簡単にすばやく開始できます。 -## <a id="aspnetcore"></a> {environment:ProductNameASPNETCore} の NuGet パッケージの使用 +## <a id="aspnetcore"></a> \{environment:ProductNameASPNETCore\} の NuGet パッケージの使用 -{environment:ProductNameASPNETCore} の NuGet パッケージを使用する場合、ASP.NET Core アプリケーションの作成で次の情報に注意してください。{environment:ProductNameASPNETCore} 2017.2 バージョン以前、ASP.NET Core MVC の NuGet パッケージ名は Infragistics.Web.Mvc として配布されていました。2017.2 バージョンで、同じく Infragistics.Web.Mvc と呼ばれる MVC4 および MVC5 パッケージと区別するために、パッケージは Infragistics.Web.AspNetCore に名前変更されました。 +\{environment:ProductNameASPNETCore\} の NuGet パッケージを使用する場合、ASP.NET Core アプリケーションの作成で次の情報に注意してください。\{environment:ProductNameASPNETCore\} 2017.2 バージョン以前、ASP.NET Core MVC の NuGet パッケージ名は Infragistics.Web.Mvc として配布されていました。2017.2 バージョンで、同じく Infragistics.Web.Mvc と呼ばれる MVC4 および MVC5 パッケージと区別するために、パッケージは Infragistics.Web.AspNetCore に名前変更されました。 ASP.NET Core 2.x プロジェクトに Infragistics.Web.AspNetCore パッケージをインストールすると、パッケージはデフォルトでインストールされる Microsoft.AspNetCore.All パッケージの NuGet 依存関係の下に配置されます。 -Infragistics.Web.AspNetCore パッケージは、IgniteUI と依存関係があります。つまり、このパッケージをインストールすると、プロジェクトに必要な {environment:ProductName} スクリプト ファイルもインストールします。デフォルト プロジェクトが PackageRefrences を使用するため、静的なスクリプト ファイルが自動的にプロジェクトに追加されません。スクリプト ファイルは %UserProfile%\.nuget\packages フォルダーにインストールされます。アプリケーションに必要な {environment:ProductName} ファイルをコピーしてプロジェクトの wwwroot フォルダーに貼り付けます。.cshtml ページで、このフォルダーからスクリプトを参照する必要があります。 +Infragistics.Web.AspNetCore パッケージは、IgniteUI と依存関係があります。つまり、このパッケージをインストールすると、プロジェクトに必要な \{environment:ProductName\} スクリプト ファイルもインストールします。デフォルト プロジェクトが PackageRefrences を使用するため、静的なスクリプト ファイルが自動的にプロジェクトに追加されません。スクリプト ファイルは %UserProfile%\.nuget\packages フォルダーにインストールされます。アプリケーションに必要な \{environment:ProductName\} ファイルをコピーしてプロジェクトの wwwroot フォルダーに貼り付けます。.cshtml ページで、このフォルダーからスクリプトを参照する必要があります。 -スクリプト ファイルの追加後、{environment:ProductNameASPNETCore} コントロールを追加する .cshtml ページで使用できます。名前空間を以下のようにインポートする必要があります。 +スクリプト ファイルの追加後、\{environment:ProductNameASPNETCore\} コントロールを追加する .cshtml ページで使用できます。名前空間を以下のようにインポートする必要があります。 ```js @using Infragistics.Web.Mvc ``` -以下、{environment:ProductName} スクリプトを参照します。たとえば、以下のようです: +以下、\{environment:ProductName\} スクリプトを参照します。たとえば、以下のようです: ```js <link href="~/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> @@ -103,7 +103,7 @@ Infragistics.Web.AspNetCore パッケージは、IgniteUI と依存関係があ <script src="~/js/infragistics.lob.js"></script> ``` -{environment:ProductName} スクリプトを使用する前に jQuery および jQueryUI を参照する必要があります。完了後、シナリオに応じて {environment:ProductNameASPNETCore} コントロールを作成できます。この例では、以下のコードを使用して数値エディターを作成します。 +\{environment:ProductName\} スクリプトを使用する前に jQuery および jQueryUI を参照する必要があります。完了後、シナリオに応じて \{environment:ProductNameASPNETCore\} コントロールを作成できます。この例では、以下のコードを使用して数値エディターを作成します。 ```js @(Html.Infragistics().NumericEditor().ID("newEditor").MaxValue(100).Render()) diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx index a4775e4db0..d5e479e39c 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-igniteui-controls-in-different-time-zones.mdx @@ -1,11 +1,13 @@ --- -title: "{environment:ProductName} コントロールを別のタイム ゾーンで使用" +title: "{environment:ProductName} コントロールを別のタイム ゾーンで使用" slug: Using-igniteui-controls-in-different-time-zones --- +# \{environment:ProductName\} コントロールを別のタイム ゾーンで使用 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; -# {environment:ProductName} コントロールを別のタイム ゾーンで使用 +# \{environment:ProductName\} コントロールを別のタイム ゾーンで使用 ## 概要 Web アプリケーションのユーザーと web サーバーのタイム ゾーンが異なる場合がよくありますが、クライアントのタイム ゾーンに合わせたサーバーの日付値または特定の時間オフセットで描画できます。サーバーとクライアント間で日付を転送する際に日付書式を適切に設定してください。このトピックでは、`igGrid`、`igDatePicker`、および `igDateEditor` の enableUTCDates プロパティをカスタマイズし、表示の制御およびタイムゾーンの異なるクライアントで日付値を編集する方法を紹介します。 @@ -31,7 +33,7 @@ igGrid/igHierarchicalGrid/igTreeGrid は、以下のシナリオでサーバー - データ ソースが対応する MVC ラッパーによって処理される (Model で設定される) 場合。 - データ ソースがリモートで、`GridDataSourceAction` 属性がリモート メソッドで使用される場合。 -その場合はタイム ゾーン オフセットがメタデータとしてデータ ソースに追加されます。このメタデータが {environment:ProductNameMVC} から生成されます。例： +その場合はタイム ゾーン オフセットがメタデータとしてデータ ソースに追加されます。このメタデータが \{environment:ProductNameMVC\} から生成されます。例： ```js "Metadata": { diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-infragistics-loader.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-infragistics-loader.mdx index 55f34b817d..96b0ff4385 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-infragistics-loader.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-infragistics-loader.mdx @@ -19,7 +19,7 @@ Infragistics Loader コンポーネントは、JavaScript および CSS ファ ## このトピックの内容 - [初期化](#initialization) - [リソース式](#resource-expressions) -- [{environment:ProductNameMVC} の使用](#working-with-mvc-helpers) +- [\{environment:ProductNameMVC\} の使用](#working-with-mvc-helpers) - [ローカライズ](#localization) - [地域設定](#regional-settings) - [関連コンテンツ](#related-content) @@ -78,7 +78,7 @@ $(function () { }); }); ``` -> **注:** $(document).ready イベントの遅延が jQuery バージョン 1.6 で使用可能なため、{environment:ProductName} 2016.2 以降でライブラリのこのバージョン以上を使用する必要があります。 +> **注:** $(document).ready イベントの遅延が jQuery バージョン 1.6 で使用可能なため、\{environment:ProductName\} 2016.2 以降でライブラリのこのバージョン以上を使用する必要があります。 ### ロード オン デマンド @@ -195,7 +195,7 @@ $.ig.loader({ > **注**: *リソース式でワイルドカードの使用に注意してください。*使用されていない機能の必要のないファイルをダウンロードするとページ サイズが増加します。 ### 明示的にリソースを読み込み -カスタム ファイルまたは外部ファイルを読み込むために {environment:ProductName} リソースと共にローダーを使用した方がよい場合があります。リソースを明示的に読み込むには、リソースにパスを追加してください。以下の例は、igGrid コア リソースでカスタム JavaScript ファイルを読み込みます。 +カスタム ファイルまたは外部ファイルを読み込むために \{environment:ProductName\} リソースと共にローダーを使用した方がよい場合があります。リソースを明示的に読み込むには、リソースにパスを追加してください。以下の例は、igGrid コア リソースでカスタム JavaScript ファイルを読み込みます。 ``` $.ig.loader({ @@ -315,10 +315,10 @@ $.ig.loader({ }); ``` -## <a id="working-with-mvc-helpers"></a> {environment:ProductNameMVC} の使用 -{environment:ProductNameMVC} によってコントロールを初期化すると、すべての依存リソースが自動的に読み込まれます。 +## <a id="working-with-mvc-helpers"></a> \{environment:ProductNameMVC\} の使用 +\{environment:ProductNameMVC\} によってコントロールを初期化すると、すべての依存リソースが自動的に読み込まれます。 -以下のコードは、{environment:ProductNameMVC} でローダーを使用する方法を示します。 +以下のコードは、\{environment:ProductNameMVC\} でローダーを使用する方法を示します。 **Razor の場合:** @@ -334,7 +334,7 @@ $(Html.Infragistics() ``` ## <a id="localization"></a> ローカライズ -ウィジェットのローカライズは、locale オプションによって制御されます。以下のロケールは、現在 {environment:ProductName} でサポートされます。 +ウィジェットのローカライズは、locale オプションによって制御されます。以下のロケールは、現在 \{environment:ProductName\} でサポートされます。 - 英語(en) - 日本語(ja) @@ -344,7 +344,7 @@ $(Html.Infragistics() - フランス語(fr) - ドイツ語(de) -{environment:ProductName} の英語および日本語バージョンは、製品コードと結合された各リソースがあります。 +\{environment:ProductName\} の英語および日本語バージョンは、製品コードと結合された各リソースがあります。 ローダーは、ブラウザーの言語設定を検出し、自動的にこのロケールに切り替えます。この動作は、`autoDetectLocale` オプションで制御され、デフォルトで `false` に設定されています。`autoDetectLocale` と `locale` が設定されていると、`locale` オプションが優先します。 @@ -364,7 +364,7 @@ $(Html.Infragistics() 一部またはすべてのページのコンポーネントの言語をランタイムで変更し、関連する言語ファイルをページに読み込む場合に便利です。 ## <a id="regional-settings"></a> 地域設定 -地域設定は、数値及び通貨の値が地域に基づいて書式設定されるエディターなどの {environment:ProductName} コントロールの一部に関連します。ローダーは、locale オプションから推測するかブラウザー UI の自動検出により、自動的に地域設定を読み込みます。 +地域設定は、数値及び通貨の値が地域に基づいて書式設定されるエディターなどの \{environment:ProductName\} コントロールの一部に関連します。ローダーは、locale オプションから推測するかブラウザー UI の自動検出により、自動的に地域設定を読み込みます。 ローダーでカスタム地域設定を読み込ませるためには、ローダーの `regional` オプションを設定する必要があります。 @@ -373,7 +373,7 @@ $(Html.Infragistics() すべての地域ファイルは以下のフォルダーにあります。 ```javascript -{{environment:ProductName} resources root}/js/modules/i18n/regional/ +{\{environment:ProductName\} resources root}/js/modules/i18n/regional/ ``` リストをコンマで区切ることにより複数の地域設定を読み込むこともできます。 @@ -391,7 +391,7 @@ $(Html.Infragistics() 一部またはすべてのページのコンポーネントの地域設定をランタイムで変更し、関連する言語ファイルをページに読み込む場合に便利です。 -次のコードは、イギリス英語を使用するブルガリア ロケールに更新機能 ({environment:ProductName} エディター コントロールを使用) が有効な階層グリッドを読み込みます。 +次のコードは、イギリス英語を使用するブルガリア ロケールに更新機能 (\{environment:ProductName\} エディター コントロールを使用) が有効な階層グリッドを読み込みます。 **JavaScript の場合:** @@ -406,13 +406,13 @@ $.ig.loader({ ``` ### jQuery UI 日付の選択のための特別な配慮 -jQuery UI 日付ピッカー ウィジェットが {environment:ProductName} エディターで使用するために設定されている場合、ページで `jquery-ui-i18n.min.js` への参照を含み、地域設定を指定する必要があります。次に例を示します。 +jQuery UI 日付ピッカー ウィジェットが \{environment:ProductName\} エディターで使用するために設定されている場合、ページで `jquery-ui-i18n.min.js` への参照を含み、地域設定を指定する必要があります。次に例を示します。 ```javascript $.datepicker.setDefaults($.datepicker.regional['ru']); ``` -### {environment:ProductName} エディターのための特別な配慮 +### \{environment:ProductName\} エディターのための特別な配慮 エディターの地域設定を設定するとき、ページで以下のファイルを参照する必要があります。 ```javascript @@ -438,7 +438,7 @@ es (スペイン) |it (イタリア) |sl (スロバキア) et (エストニア) |ja (日本) |sq (アルバニア) ## <a id="related-content"></a> 関連コンテンツ -- [{environment:ProductName} での JavaScript ファイル](/deployment-guide-javascript-files) -- [{environment:ProductName} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx) +- [\{environment:ProductName\} での JavaScript ファイル](/deployment-guide-javascript-files) +- [\{environment:ProductName\} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx) - [必要なリソースを手動で追加](/adding-the-required-resources-for-igniteui-for-jquery) -- [{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources) diff --git a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-systemjs-with-igniteui-controls.mdx b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-systemjs-with-igniteui-controls.mdx index 78e490b7ee..aff81b6010 100644 --- a/docs/jquery/src/content/ja/topics/general-and-getting-started/using-systemjs-with-igniteui-controls.mdx +++ b/docs/jquery/src/content/ja/topics/general-and-getting-started/using-systemjs-with-igniteui-controls.mdx @@ -1,14 +1,14 @@ --- -title: "{environment:ProductName} コントロールで System.JS を使用" +title: "{environment:ProductName} コントロールで System.JS を使用" slug: Using-System.JS-with-igniteui-controls --- -# {environment:ProductName} コントロールで System.JS を使用 +# \{environment:ProductName\} コントロールで System.JS を使用 ## 概要 -{environment:ProductName} コントロールは規格のモジュール ローダーで読み込むことができます。各モジュールは AMD 定義を含み、依存関係モジュールを参照します。 -[System.JS](https://github.com/systemjs/systemjs) は JSPM パッケージ マネージャーで使用される人気のあるモジュール ローダーです。このトピックは、{environment:ProductName} コントロールを使用するために System.JS を構成する方法を説明します。 +\{environment:ProductName\} コントロールは規格のモジュール ローダーで読み込むことができます。各モジュールは AMD 定義を含み、依存関係モジュールを参照します。 +[System.JS](https://github.com/systemjs/systemjs) は JSPM パッケージ マネージャーで使用される人気のあるモジュール ローダーです。このトピックは、\{environment:ProductName\} コントロールを使用するために System.JS を構成する方法を説明します。 以下の例で、Windows のコマンド プロンプトが使用されます。同様のコマンドを MacOS のターミナルでも実行できます。[Visual Studio コード](https://code.visualstudio.com/) の使用が推薦されますが、必須ではありません。 @@ -39,18 +39,18 @@ jspm install jquery-ui jspm install css ``` -## GitHub を使用した {environment:ProductName} パッケージの追加 +## GitHub を使用した \{environment:ProductName\} パッケージの追加 -オープンソースの {environment:ProductName} のコンポーネント セットは、GitHub でソース コードが[ホスト](https://github.com/IgniteUI/ignite-ui)されています。アプリケーションがオープンソース {environment:ProductName} コントロールのみを使用する場合、このパッケージをアプリケーションに追加するには、以下のコマンドを使用します: +オープンソースの \{environment:ProductName\} のコンポーネント セットは、GitHub でソース コードが[ホスト](https://github.com/IgniteUI/ignite-ui)されています。アプリケーションがオープンソース \{environment:ProductName\} コントロールのみを使用する場合、このパッケージをアプリケーションに追加するには、以下のコマンドを使用します: ``` jspm install github:igniteui/ignite-ui ``` -## 非公開の NPM レジストリを使用して {environment:ProductName} パッケージを追加 +## 非公開の NPM レジストリを使用して \{environment:ProductName\} パッケージを追加 -すべてのコントロールを含む {environment:ProductName} の製品版も JSPM で使用できます。 +すべてのコントロールを含む \{environment:ProductName\} の製品版も JSPM で使用できます。 -Infragistics 非公開フィードを使用するには、Infragistics 非公開レジストリを構成するために「[{environment:ProductName} npm パッケージの使用](/Using-Ignite-UI-Npm-Packages)」トピックの「npmjs.com から {environment:ProductName} npm パッケージをインストール」セクションで説明した手順を実行します。 +Infragistics 非公開フィードを使用するには、Infragistics 非公開レジストリを構成するために「[\{environment:ProductName\} npm パッケージの使用](/Using-Ignite-UI-Npm-Packages)」トピックの「npmjs.com から \{environment:ProductName\} npm パッケージをインストール」セクションで説明した手順を実行します。 また、jspm の npm レジストリを更新する必要があります。 @@ -142,4 +142,4 @@ http-server ``` ブラウザーを開いて、`http://localhost:8080` に移動すると、実行中のアプリケーションが表示されます。 -このトピックでは、{environment:ProductName} コントロールを JSPM および System.JS ローダーと使用する方法を紹介しました。 +このトピックでは、\{environment:ProductName\} コントロールを JSPM および System.JS ローダーと使用する方法を紹介しました。 diff --git a/docs/jquery/src/content/ja/topics/home-page.mdx b/docs/jquery/src/content/ja/topics/home-page.mdx index fb351ce560..1ae544e832 100644 --- a/docs/jquery/src/content/ja/topics/home-page.mdx +++ b/docs/jquery/src/content/ja/topics/home-page.mdx @@ -1,9 +1,9 @@ --- -title: "{environment:ProductName} 20{environment:ProductVersionShort}" +title: "{environment:ProductName} 20{environment:ProductVersionShort}" slug: home-page --- -# {environment:ProductName} 20{environment:ProductVersionShort} +# \{environment:ProductName\} 20\{environment:ProductVersionShort\} <div class="row"> <div class="col-sm-6 landing-col landing-start"> @@ -11,7 +11,7 @@ slug: home-page ![はじめに](images/images/landing-start.png "はじめに") <h2>はじめに</h2> -<p>{environment:ProductName} で作業を開始するには、このページのツリーで製品ヘルプを参照または[サンプルを実行]({environment:SamplesUrl}/grid/overview)します。[{environment:ProductFamilyName} CLI](https://github.com/IgniteUI/igniteui-cli) を使用して新しい Angular、React、または jQuery アプリケーションを作成、または [{environment:ProductName} ページ デザイナー]({environment:DesignerUrl})でコントロールを構成します。</p> +<p>\{environment:ProductName\} で作業を開始するには、このページのツリーで製品ヘルプを参照または[サンプルを実行](\{environment:SamplesUrl\}/grid/overview)します。[\{environment:ProductFamilyName\} CLI](https://github.com/IgniteUI/igniteui-cli) を使用して新しい Angular、React、または jQuery アプリケーションを作成、または [\{environment:ProductName\} ページ デザイナー](\{environment:DesignerUrl\})でコントロールを構成します。</p> <a href="Getting-Started.html" class="landing-btn landing-btn-primary" target="_blank">開始</a> </div> @@ -24,11 +24,11 @@ slug: home-page </div> </div> -{environment:ProductName}™ は Web ベース アプリケーションを作成するための jQuery に基づくツール セットです。{environment:ProductName} で、モバイルおよびデスクトップ環境のブラウザーを対象とする Web アプリケーションを作成するためのコントロールを提供します。 +\{environment:ProductName\}™ は Web ベース アプリケーションを作成するための jQuery に基づくツール セットです。\{environment:ProductName\} で、モバイルおよびデスクトップ環境のブラウザーを対象とする Web アプリケーションを作成するためのコントロールを提供します。 並べ替え、フィルタリング、ページング、グループ化、ロード オン デマンド、タッチ サポート、列非表示、列移動などの機能を持つデータ グリッド コントロールを提供します。階層データ グリッド、ツリー グリッド、ピボット グリッド、フレームワーク レベルのデータ ソース コンポーネント、チャート、エディターなどのコントロールも提供します。 -{environment:ProductName} は jQuery および jQuery UI 上で作成されます。jQuery コア モデルおよび jQuery UI Theme Roller を通したすべてのスタイル設定サポートを含む規則とシームレスに結び付いています。{environment:ProductName} も Bootstrap テーマ、Angular JS、Knockout、および jQuery Mobile をサポートします。 +\{environment:ProductName\} は jQuery および jQuery UI 上で作成されます。jQuery コア モデルおよび jQuery UI Theme Roller を通したすべてのスタイル設定サポートを含む規則とシームレスに結び付いています。\{environment:ProductName\} も Bootstrap テーマ、Angular JS、Knockout、および jQuery Mobile をサポートします。 <h2>商標について</h2> diff --git a/docs/jquery/src/content/ja/topics/igniteui-for-jquery-overview.mdx b/docs/jquery/src/content/ja/topics/igniteui-for-jquery-overview.mdx index cd4a7a6cf6..1fd2409d4f 100644 --- a/docs/jquery/src/content/ja/topics/igniteui-for-jquery-overview.mdx +++ b/docs/jquery/src/content/ja/topics/igniteui-for-jquery-overview.mdx @@ -1,9 +1,9 @@ --- -title: "{environment:ProductName} の概要" +title: "{environment:ProductName} の概要" slug: igniteui-for-jquery-overview --- -# {environment:ProductName} の概要 +# \{environment:ProductName\} の概要 ## jQuery ライブラリ [jQuery](http://jquery.com/) JavaScript ライブラリは、Web に公開されている JavaScript ライブラリの中で最も広く使用されているものの 1 つです。jQuery のブラウザー抽象化レイヤーと組み込み DOM 選択エンジンの組み合わせにより、このライブラリは、UI コンポーネントとコントロールを構築するための優れたプラットフォームとなります。jQuery コアの上に構築されている jQuery UI ライブラリは、対話性と応答性に優れた Web ユーザー インターフェイスをデザインするためのウィジェットと相互作用を提供します。 @@ -22,7 +22,7 @@ jQuery を使用する利点は次のとおりです。 - HTML 5 サポートとフォールバック ## jQuery、jQuery UI、および HTML5 のクライアント側開発 -すべての主要ブラウザー ベンダーは、過去数年間、JavaScript のパフォーマンスを大きく向上させました。このパフォーマンスの向上と HTML 5 規格の登場により、Web アプリケーションは、現在のコンピューティング環境における最も重要な技術の 1 つになりました。{environment:ProductName} は、現在の Web アプリケーションの要求を満たすために、次のような軽量、十分な機能を持って、タッチ操作をサポートする UI コンポーネントを備えています。 +すべての主要ブラウザー ベンダーは、過去数年間、JavaScript のパフォーマンスを大きく向上させました。このパフォーマンスの向上と HTML 5 規格の登場により、Web アプリケーションは、現在のコンピューティング環境における最も重要な技術の 1 つになりました。\{environment:ProductName\} は、現在の Web アプリケーションの要求を満たすために、次のような軽量、十分な機能を持って、タッチ操作をサポートする UI コンポーネントを備えています。 - チャート - ゲージ @@ -52,12 +52,12 @@ jQuery を使用する利点は次のとおりです。 ## jQuery モバイルのモバイル クライアント側開発 -jQuery モバイル フレームワークは、人気のあるモバイル デバイス プラットフォームの jQuery および jQuery UI に基づいて実装される HTML5 ベースのユーザー インターフェイス システムです。コード ベースは機能拡張をサポートし、カスタマイズ可能で、テーマを適用できます。モバイル デバイスは、ネットワーク上で web アプリケーションにアクセスする人気のある方法になります。デスクトップ ブラウザー同様に、モバイル ブラウザーも HTML5、CSS3、JavaScript の規格に準拠します。{environment:ProductName} は、モバイル Web アプリケーションの要件を満たすために、次のような軽量で高機能なタッチ操作をサポートする UI コンポーネントを備えています。 +jQuery モバイル フレームワークは、人気のあるモバイル デバイス プラットフォームの jQuery および jQuery UI に基づいて実装される HTML5 ベースのユーザー インターフェイス システムです。コード ベースは機能拡張をサポートし、カスタマイズ可能で、テーマを適用できます。モバイル デバイスは、ネットワーク上で web アプリケーションにアクセスする人気のある方法になります。デスクトップ ブラウザー同様に、モバイル ブラウザーも HTML5、CSS3、JavaScript の規格に準拠します。\{environment:ProductName\} は、モバイル Web アプリケーションの要件を満たすために、次のような軽量で高機能なタッチ操作をサポートする UI コンポーネントを備えています。 - リスト ビュー - レーティングの null 値サポートおよびホバー機能 -また、{environment:ProductName}™ は {environment:ProductNameMVC} のセットを含みます。Razor および ASPX 構文を使用して規格の jQuery モバイル ウィジェットを ASP.NET ビューに追加できます。ASP.NET MVC プロジェクトの開発を向上します。{environment:ProductNameMVC} は以下のコントロールをサポートします。 +また、\{environment:ProductName\}™ は \{environment:ProductNameMVC\} のセットを含みます。Razor および ASPX 構文を使用して規格の jQuery モバイル ウィジェットを ASP.NET ビューに追加できます。ASP.NET MVC プロジェクトの開発を向上します。\{environment:ProductNameMVC\} は以下のコントロールをサポートします。 - ボタン - チェックボックス @@ -77,7 +77,7 @@ jQuery モバイル フレームワークは、人気のあるモバイル デ - トグル スイッチ ## サーバー側オプション -{environment:ProductName} の機能の多くは、特定のサーバー フレームワークに依存せずにブラウザーで使用可能です。Microsoft® ASP.NET Web Forms、Microsoft® ASP.NET™ MVC、PHP、Java、Python、Ruby on Rails® のどれを使用していても、ニーズに最適なサーバー側技術を自由に選択できます。 +\{environment:ProductName\} の機能の多くは、特定のサーバー フレームワークに依存せずにブラウザーで使用可能です。Microsoft® ASP.NET Web Forms、Microsoft® ASP.NET™ MVC、PHP、Java、Python、Ruby on Rails® のどれを使用していても、ニーズに最適なサーバー側技術を自由に選択できます。 > **注:** igUpload コントロールは、クライアント上の jQuery でビルドされますが、その機能を十分に実現するためにサーバー側の対応する機能に依存します。ASP.NET MVC ヘルパーが含まれています。 @@ -85,41 +85,41 @@ jQuery モバイル フレームワークは、人気のあるモバイル デ ### jQuery UI ウィジェット -{environment:ProductName} のユーザー インターフェイス コンポーネントは、jQuery UI フレームワークを基盤にビルドされています。これは、それらがブラウザーで作成および実行され、多くの場合、サーバー側の開発が不要であることを意味します。jQuery UI フレームワークは、共通の API、テーマ設定、および相互作用モデルをコントロールに提供します。これは、jQuery と jQuery UI をすでに使用している人たちにはおなじみのものです。 +\{environment:ProductName\} のユーザー インターフェイス コンポーネントは、jQuery UI フレームワークを基盤にビルドされています。これは、それらがブラウザーで作成および実行され、多くの場合、サーバー側の開発が不要であることを意味します。jQuery UI フレームワークは、共通の API、テーマ設定、および相互作用モデルをコントロールに提供します。これは、jQuery と jQuery UI をすでに使用している人たちにはおなじみのものです。 ### クライアント側データ ソース データ ソース コンポーネント igDataSource はクライアント側の JavaScript クラスであり、クライアントにローカルであるか Web サーバーからリモートであるかには関係なく、データのコレクションをデータ バインド、ページング、並べ替え、およびフィルタリングすることでデータを操作します。リモート データの形式としては、REST、JSON、XML、JSONP、および oData などをサポートしています。データ駆動型の Web アプリケーションを構築する際にサーバー側データ バインドは必要ありません。AJAX によるクライアントとサーバー間のシームレスな通信のサポートによってクライアントでのデータ バインド操作を使用できます。 -### {environment:ProductNameMVC} +### \{environment:ProductNameMVC\} -{environment:ProductNameMVC} には、ASP.NET MVC 用の .NET™ アセンブリが含まれています。このアセンブリは、サーバー上で jQuery ウィジェットと相互作用するための機能を .NET デベロッパーに提供します。CLR 言語を使用するデベロッパーは、サーバー上の {environment:ProductName} ウィジェットにオプションを設定し、適切な jQuery および HTML をクライアントに送信できます。 +\{environment:ProductNameMVC\} には、ASP.NET MVC 用の .NET™ アセンブリが含まれています。このアセンブリは、サーバー上で jQuery ウィジェットと相互作用するための機能を .NET デベロッパーに提供します。CLR 言語を使用するデベロッパーは、サーバー上の \{environment:ProductName\} ウィジェットにオプションを設定し、適切な jQuery および HTML をクライアントに送信できます。 -{environment:ProductNameMVC} を使用すると、異なるサーバー側 ViewModel パターンを柔軟に実装できます。また、ヘルパー API は、Web Form と Razor View Engine テンプレートの両方で使用できる豊富な構文もサポートしています。 +\{environment:ProductNameMVC\} を使用すると、異なるサーバー側 ViewModel パターンを柔軟に実装できます。また、ヘルパー API は、Web Form と Razor View Engine テンプレートの両方で使用できる豊富な構文もサポートしています。 ### ASP.NET MVC テンプレート -{environment:ProductNameMVC} は ASP.NET MVC 3 および 4 の Visual Studio プロジェクト テンプレートを含みます。このテンプレートは、Infragistics コントロールを含む Web アプリケーションを実行するすべての必要なリソースを含むスターター Web アプリケーションを提供します。 +\{environment:ProductNameMVC\} は ASP.NET MVC 3 および 4 の Visual Studio プロジェクト テンプレートを含みます。このテンプレートは、Infragistics コントロールを含む Web アプリケーションを実行するすべての必要なリソースを含むスターター Web アプリケーションを提供します。 ### Infragistics テーマと ThemeRoller -{environment:ProductName} ウィジェットは、他の jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。{environment:ProductName} には、`infragistics` および `metro` などのカスタム jQuery UI テーマが含まれています。 +\{environment:ProductName\} ウィジェットは、他の jQuery ウィジェットのように、スタイリングに jQuery UI CSS Framework を使用します。\{environment:ProductName\} には、`infragistics` および `metro` などのカスタム jQuery UI テーマが含まれています。 -`infragistics` テーマは、すべての Infragistics ウィジェットおよび標準の jQuery UI ウィジェットにプロフェッショナルで魅力的なデザインを提供します。*metro* テーマは、{environment:ProductName} コントロールに Microsoft® Windows® のようなネイティブな Metro UI ルック アンド フィールを適用します。 +`infragistics` テーマは、すべての Infragistics ウィジェットおよび標準の jQuery UI ウィジェットにプロフェッショナルで魅力的なデザインを提供します。*metro* テーマは、\{environment:ProductName\} コントロールに Microsoft® Windows® のようなネイティブな Metro UI ルック アンド フィールを適用します。 -モバイル コントロールに Android、iOS、Windows Phone のモバイル デバイス プラットフォームのネイティブ スタイル設定を提供するために、{environment:ProductName} ライブラリに 6 つのテーマを含みます。Android には、3 つのカラー セットがあります: `holodark`, `hololight`, `hololightdark`。Windows Phone テーマは、2 種類の外観があります: `dark` および `light`。`ios` テーマは iOS プラットフォームに実行するデバイスのためにネイティブ ルック アンド フィールを提供します。 +モバイル コントロールに Android、iOS、Windows Phone のモバイル デバイス プラットフォームのネイティブ スタイル設定を提供するために、\{environment:ProductName\} ライブラリに 6 つのテーマを含みます。Android には、3 つのカラー セットがあります: `holodark`, `hololight`, `hololightdark`。Windows Phone テーマは、2 種類の外観があります: `dark` および `light`。`ios` テーマは iOS プラットフォームに実行するデバイスのためにネイティブ ルック アンド フィールを提供します。 ThemeRoller は jQuery UI および jQuery モバイルが提供するツールで、これを使用すると、jQuery UI および jQuery モバイル ウィジェットと互換性のあるカスタム テーマを簡単に作成できるようになります。多数のビルド済みテーマは、ダウンロードしてご自分の Web サイトに使用できます。Infragistics jQuery ウィジェットでは、ThemeRoller テーマをサポートしています。 ## サンプルとインストール -### {environment:ProductFamilyName} CLI +### \{environment:ProductFamilyName\} CLI -{environment:ProductName} を使用した作業を開始する最も簡単な方法は {environment:ProductFamilyName} CLI です。さまざまなフレームワークでアプリケーションを初期化、開発、スキャフォールディング、および処理するツールです。CLI は {environment:ProductName} コントロールの[定義済みテンプレート](https://github.com/IgniteUI/igniteui-cli/wiki/add)を提供します。 +\{environment:ProductName\} を使用した作業を開始する最も簡単な方法は \{environment:ProductFamilyName\} CLI です。さまざまなフレームワークでアプリケーションを初期化、開発、スキャフォールディング、および処理するツールです。CLI は \{environment:ProductName\} コントロールの[定義済みテンプレート](https://github.com/IgniteUI/igniteui-cli/wiki/add)を提供します。 -同じコマンドを使用して [jQuery](https://jquery.com)、[Angular](https://angular.io)、または [React](https://reactjs.org) でプロジェクトを作成して {environment:ProductName} コントロールを追加できます。 +同じコマンドを使用して [jQuery](https://jquery.com)、[Angular](https://angular.io)、または [React](https://reactjs.org) でプロジェクトを作成して \{environment:ProductName\} コントロールを追加できます。 -アプリケーションの作成で、{environment:ProductName} はプロジェクトに npm モジュールとして自動的にインストールされます。必須なリソースを手動的にインストールして管理する必要がありません。複数の簡易なコマンドを実行して、CLI が処理を行います。 +アプリケーションの作成で、\{environment:ProductName\} はプロジェクトに npm モジュールとして自動的にインストールされます。必須なリソースを手動的にインストールして管理する必要がありません。複数の簡易なコマンドを実行して、CLI が処理を行います。 ### Microsoft Windows @@ -156,6 +156,6 @@ Infragistics Web サイトからパッケージをダウンロードできます - [ASP.NET MVC](http://www.asp.net/mvc) ## 関連項目 -- [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources) -- [{environment:ProductName} での JavaScript ファイル](/deployment-guide-javascript-files) -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} での JavaScript ファイル](/deployment-guide-javascript-files) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) diff --git a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/adding-igtemplating-references.mdx b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/adding-igtemplating-references.mdx index f49d4f15c8..5568cfa322 100644 --- a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/adding-igtemplating-references.mdx +++ b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/adding-igtemplating-references.mdx @@ -21,8 +21,8 @@ slug: adding-igtemplating-references **トピック** -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) -- [{environment:ProductName} で JavaScript リソースの使用](/deployment-guide-javascript-resources) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} で JavaScript リソースの使用](/deployment-guide-javascript-resources) @@ -49,7 +49,7 @@ slug: adding-igtemplating-references 次のブロックの例では、参照が正しく動作するために必要な以下のファイル構造を使用しています。 - jQuery リソースは、Web サイトまたは Web アプリケーションの Scripts という名前のフォルダーに追加されています。 -- {environment:ProductName} の JavaScript ファイルは、Web サイトまたは Web アプリケーションの Scripts/ig という名前のフォルダーに追加されています (詳細については、[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)トピックを参照してください)。 +- \{environment:ProductName\} の JavaScript ファイルは、Web サイトまたは Web アプリケーションの Scripts/ig という名前のフォルダーに追加されています (詳細については、[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)トピックを参照してください)。 独自の構造を使用する場合は、*Scripts/*ig を独自のフォルダー構造で置き換える必要があります。 @@ -66,7 +66,7 @@ slug: adding-igtemplating-references ### <a id="javasript"></a>JavaScript での igLoader の使用 -{environment:ProductName} ライブラリのコントロールで必要な JavaScript および CSS リソースの読み込みには、`igLoader`™ コントロールを使用することをお勧めします。最初に、`igLoader` スクリプトをページに追加します。 +\{environment:ProductName\} ライブラリのコントロールで必要な JavaScript および CSS リソースの読み込みには、`igLoader`™ コントロールを使用することをお勧めします。最初に、`igLoader` スクリプトをページに追加します。 **JavaScript の場合:** @@ -95,7 +95,7 @@ HTML ビューでは、以下のように `igLoader` のインスタンスを作 Infragistics.Web.Mvc アセンブリを ASP.NET MVC プロジェクトで参照し、対応する名前空間をビューで参照する必要があります。 -詳細については、[{environment:ProductName} で JavaScript リソースを使用](/deployment-guide-javascript-resources)トピックを参照してください。 +詳細については、[\{environment:ProductName\} で JavaScript リソースを使用](/deployment-guide-javascript-resources)トピックを参照してください。 名前空間を参照するためのコードを以下に示します。 diff --git a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-an-alternating-rows-template-igtemplating.mdx b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-an-alternating-rows-template-igtemplating.mdx index 19f4847a79..323fbebc84 100644 --- a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-an-alternating-rows-template-igtemplating.mdx +++ b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-an-alternating-rows-template-igtemplating.mdx @@ -5,7 +5,6 @@ slug: creating-an-alternating-rows-template-(igtemplating) # 代替行表示テンプレートの作成 (igTemplating) - ## <a id="topic-overview"></a>トピックの概要 ### <a id="purpose"></a>目的 diff --git a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-basic-conditional-template.mdx b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-basic-conditional-template.mdx index 9941fde2d4..56b6035e31 100644 --- a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-basic-conditional-template.mdx +++ b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-basic-conditional-template.mdx @@ -30,7 +30,7 @@ slug: creating-basic-conditional-template - [プレビュー](#preview) - [前提条件](#prerequisites) - [手順](#steps) -- [{environment:ProductFamilyName} CLI で基本条件付きテンプレートを含む igTreeGrid の作成](#adding-using-CLI) +- [\{environment:ProductFamilyName\} CLI で基本条件付きテンプレートを含む igTreeGrid の作成](#adding-using-CLI) - [関連コンテンツ](#related-content) @@ -97,17 +97,17 @@ slug: creating-basic-conditional-template ファイルを保存し、ダブル クリックして結果をプレビューします。3 番目の行の年齢プロパティが 21 未満であるため、テンプレート中の適用されたチェックに従い、2 行のみが表示されます。 -## <a id="adding-using-CLI"></a> {environment:ProductFamilyName} CLI で基本条件付きテンプレートを含む igTreeGrid の作成 +## <a id="adding-using-CLI"></a> \{environment:ProductFamilyName\} CLI で基本条件付きテンプレートを含む igTreeGrid の作成 -{environment:ProductFamilyName} CLI を使用して基本条件付きテンプレートが構成された igGrid を簡単に追加できます。 +\{environment:ProductFamilyName\} CLI を使用して基本条件付きテンプレートが構成された igGrid を簡単に追加できます。 -{environment:ProductFamilyName} CLI のインストール: +\{environment:ProductFamilyName\} CLI のインストール: ``` npm install -g igniteui-cli ``` -{environment:ProductFamilyName} CLI インストール後、{environment:ProductName} プロジェクトを生成し、基本条件付きテンプレートを含む新しい igGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 +\{environment:ProductFamilyName\} CLI インストール後、\{environment:ProductName\} プロジェクトを生成し、基本条件付きテンプレートを含む新しい igGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。 ``` ig new <project name> @@ -116,9 +116,9 @@ ig add grid-templating newGridTemplating ig start ``` -このコマンドは、[「条件付きテンプレート」]({environment:SamplesUrl}/templating-engine/conditional-templates)サンプルと同じテンプレートで構成された新しい igGrid を追加します。 +このコマンドは、[「条件付きテンプレート」](\{environment:SamplesUrl\}/templating-engine/conditional-templates)サンプルと同じテンプレートで構成された新しい igGrid を追加します。 -すべての利用可能なコマンドおよび詳細な情報については、[「{environment:ProductFamilyName} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 +すべての利用可能なコマンドおよび詳細な情報については、[「\{environment:ProductFamilyName\} CLI の使用」](/Using-Ignite-UI-CLI)のトピックを参照してください。 ## <a id="related-content"></a>関連コンテンツ ### トピック @@ -143,7 +143,7 @@ ig start このトピックについては、以下のサンプルも参照してください。 -- [条件付きテンプレート]({environment:SamplesUrl}/templating-engine/conditional-templates): このサンプルは、Infragistics テンプレート エンジンを使用して条件付きのセル テンプレートをグリッドで使用する方法を紹介します。「単位価格」列のセルは上矢印または下矢印の画像を含みます。「差分価格」列は動的に作成して非表示されます。上矢印または下矢印の画像は、非表示される列の値と「単位価格」列の値の比較に基づいて適用されます。Infragistics テンプレート エンジンは「デルタ価格」列と「単位価格」列の値を比較します。「差分価格」列の値が「単位価格」値より大きい場合、緑色の上矢印を描画します。そうでない場合、赤色の下矢印を描画します。 +- [条件付きテンプレート](\{environment:SamplesUrl\}/templating-engine/conditional-templates): このサンプルは、Infragistics テンプレート エンジンを使用して条件付きのセル テンプレートをグリッドで使用する方法を紹介します。「単位価格」列のセルは上矢印または下矢印の画像を含みます。「差分価格」列は動的に作成して非表示されます。上矢印または下矢印の画像は、非表示される列の値と「単位価格」列の値の比較に基づいて適用されます。Infragistics テンプレート エンジンは「デルタ価格」列と「単位価格」列の値を比較します。「差分価格」列の値が「単位価格」値より大きい場合、緑色の上矢印を描画します。そうでない場合、赤色の下矢印を描画します。 diff --git a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-conditional-template-containing-default-statement.mdx b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-conditional-template-containing-default-statement.mdx index ce8b7a7a37..e510201d77 100644 --- a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-conditional-template-containing-default-statement.mdx +++ b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-conditional-template-containing-default-statement.mdx @@ -5,7 +5,6 @@ slug: creating-conditional-template-containing-default-statement # デフォルト ステートメントを含む条件付きテンプレートの作成 (igTemplating) - ## トピックの概要 ### 目的 @@ -143,7 +142,7 @@ slug: creating-conditional-template-containing-default-statement このトピックについては、以下のサンプルも参照してください。 -- [条件付きテンプレート]({environment:SamplesUrl}/templating-engine/conditional-templates): このサンプルは、Infragistics テンプレート エンジンを使用して条件付きのセル テンプレートをグリッドで使用する方法を紹介します。「単位価格」列のセルは上矢印または下矢印の画像を含みます。「差分価格」列は動的に作成して非表示されます。上矢印または下矢印の画像は、非表示される列の値と「単位価格」列の値の比較に基づいて適用されます。Infragistics テンプレート エンジンは「デルタ価格」列と「単位価格」列の値を比較します。「差分価格」列の値が「単位価格」値より大きい場合、緑色の上矢印を描画します。そうでない場合、赤色の下矢印を描画します。 +- [条件付きテンプレート](\{environment:SamplesUrl\}/templating-engine/conditional-templates): このサンプルは、Infragistics テンプレート エンジンを使用して条件付きのセル テンプレートをグリッドで使用する方法を紹介します。「単位価格」列のセルは上矢印または下矢印の画像を含みます。「差分価格」列は動的に作成して非表示されます。上矢印または下矢印の画像は、非表示される列の値と「単位価格」列の値の比較に基づいて適用されます。Infragistics テンプレート エンジンは「デルタ価格」列と「単位価格」列の値を比較します。「差分価格」列の値が「単位価格」値より大きい場合、緑色の上矢印を描画します。そうでない場合、赤色の下矢印を描画します。 diff --git a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-multi-conditional-template-containing-default-statement.mdx b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-multi-conditional-template-containing-default-statement.mdx index 05ba724b32..e788aaa1d9 100644 --- a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-multi-conditional-template-containing-default-statement.mdx +++ b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-multi-conditional-template-containing-default-statement.mdx @@ -146,7 +146,7 @@ slug: creating-multi-conditional-template-containing-default-statement このトピックについては、以下のサンプルも参照してください。 -- [条件付きテンプレート]({environment:SamplesUrl}/templating-engine/conditional-templates):このサンプルは、Infragistics テンプレート エンジンを使用して条件付きのセル テンプレートをグリッドで使用する方法を紹介します。「単位価格」列のセルは上矢印または下矢印の画像を含みます。「差分価格」列は動的に作成して非表示されます。上矢印または下矢印の画像は、非表示される列の値と「単位価格」列の値の比較に基づいて適用されます。Infragistics テンプレート エンジンは「デルタ価格」列と「単位価格」列の値を比較します。「差分価格」列の値が「単位価格」値より大きい場合、緑色の上矢印を描画します。そうでない場合、赤色の下矢印を描画します。 +- [条件付きテンプレート](\{environment:SamplesUrl\}/templating-engine/conditional-templates):このサンプルは、Infragistics テンプレート エンジンを使用して条件付きのセル テンプレートをグリッドで使用する方法を紹介します。「単位価格」列のセルは上矢印または下矢印の画像を含みます。「差分価格」列は動的に作成して非表示されます。上矢印または下矢印の画像は、非表示される列の値と「単位価格」列の値の比較に基づいて適用されます。Infragistics テンプレート エンジンは「デルタ価格」列と「単位価格」列の値を比較します。「差分価格」列の値が「単位価格」値より大きい場合、緑色の上矢印を描画します。そうでない場合、赤色の下矢印を描画します。 diff --git a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-nested-blocks-template.mdx b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-nested-blocks-template.mdx index d6cec38ff5..76a302fbe5 100644 --- a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-nested-blocks-template.mdx +++ b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/creating-templates/creating-nested-blocks-template.mdx @@ -6,7 +6,6 @@ slug: creating-nested-blocks-template # ネスト ブロック テンプレートの作成 - ## トピックの概要 ### 目的 @@ -127,7 +126,7 @@ slug: creating-nested-blocks-template このトピックについては、以下のサンプルも参照してください。 -- [ネスト テンプレート]({environment:SamplesUrl}/templating-engine/nested-templates): このサンプルは、Infragistics テンプレート エンジンを使用してネストされたテンプレートを使用する方法を紹介します。以下のシナリオでは、Infragistics テンプレート エンジンの機能を使用して、データ ソースの映画コレクションを繰り返します。最後の列では、出力は非順序リストとして作成されます。 +- [ネスト テンプレート](\{environment:SamplesUrl\}/templating-engine/nested-templates): このサンプルは、Infragistics テンプレート エンジンを使用してネストされたテンプレートを使用する方法を紹介します。以下のシナリオでは、Infragistics テンプレート エンジンの機能を使用して、データ ソースの映画コレクションを繰り返します。最後の列では、出力は非順序リストとして作成されます。 diff --git a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/igtemplating-overview.mdx b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/igtemplating-overview.mdx index affa1b3ddb..ee45d695da 100644 --- a/docs/jquery/src/content/ja/topics/infragistics-templating-engine/igtemplating-overview.mdx +++ b/docs/jquery/src/content/ja/topics/infragistics-templating-engine/igtemplating-overview.mdx @@ -258,15 +258,15 @@ var result = $.ig.tmpl('#This comment will be ignored#<p>$i</p>', data); このトピックについては、以下のサンプルも参照してください。 -- [基本的な使用方法]({environment:SamplesUrl}/templating-engine/basic-usage): Infragistics テンプレート エンジンは、すべての {environment:ProductName} コントロールの一貫性のあるテンプレート構文を提供します。このサンプルでは、`igCombo` コントロールのヘッダー、項目、およびフッターをカスタマイズするテンプレート化構文を紹介します。 +- [基本的な使用方法](\{environment:SamplesUrl\}/templating-engine/basic-usage): Infragistics テンプレート エンジンは、すべての \{environment:ProductName\} コントロールの一貫性のあるテンプレート構文を提供します。このサンプルでは、`igCombo` コントロールのヘッダー、項目、およびフッターをカスタマイズするテンプレート化構文を紹介します。 -- [グリッドの列テンプレート]({environment:SamplesUrl}/templating-engine/grid-column-template): このサンプルは、igGrid の列テンプレート機能を使用して列にボタンを挿入する方法を紹介します。各行の右の列にボタンがあります。ボタンを押すと、含まれる行を削除します。 +- [グリッドの列テンプレート](\{environment:SamplesUrl\}/templating-engine/grid-column-template): このサンプルは、igGrid の列テンプレート機能を使用して列にボタンを挿入する方法を紹介します。各行の右の列にボタンがあります。ボタンを押すと、含まれる行を削除します。 -- [条件付きテンプレート]({environment:SamplesUrl}/templating-engine/conditional-templates): このサンプルは、Infragistics テンプレート エンジンを使用して条件付きのセル テンプレートをグリッドで使用する方法を紹介します。「単位価格」列のセルは上矢印または下矢印の画像を含みます。「差分価格」列は動的に作成して非表示されます。上矢印または下矢印の画像は、非表示される列の値と「単位価格」列の値の比較に基づいて適用されます。Infragistics テンプレート エンジンは「デルタ価格」列と「単位価格」列の値を比較します。「差分価格」列の値が「単位価格」値より大きい場合、緑色の上矢印を描画します。そうでない場合、赤色の下矢印を描画します。 +- [条件付きテンプレート](\{environment:SamplesUrl\}/templating-engine/conditional-templates): このサンプルは、Infragistics テンプレート エンジンを使用して条件付きのセル テンプレートをグリッドで使用する方法を紹介します。「単位価格」列のセルは上矢印または下矢印の画像を含みます。「差分価格」列は動的に作成して非表示されます。上矢印または下矢印の画像は、非表示される列の値と「単位価格」列の値の比較に基づいて適用されます。Infragistics テンプレート エンジンは「デルタ価格」列と「単位価格」列の値を比較します。「差分価格」列の値が「単位価格」値より大きい場合、緑色の上矢印を描画します。そうでない場合、赤色の下矢印を描画します。 -- [ネスト テンプレート]({environment:SamplesUrl}/templating-engine/nested-templates): このサンプルは、Infragistics テンプレート エンジンを使用してネストされたテンプレートを使用する方法を紹介します。以下のシナリオでは、Infragistics テンプレート エンジンの機能を使用して、データ ソースの映画コレクションを繰り返します。最後の列では、出力は非順序リストとして作成されます。 +- [ネスト テンプレート](\{environment:SamplesUrl\}/templating-engine/nested-templates): このサンプルは、Infragistics テンプレート エンジンを使用してネストされたテンプレートを使用する方法を紹介します。以下のシナリオでは、Infragistics テンプレート エンジンの機能を使用して、データ ソースの映画コレクションを繰り返します。最後の列では、出力は非順序リストとして作成されます。 -- [ASP.NET MVC の使用方法]({environment:SamplesUrl}/templating-engine/aspnet-mvc-usage): {environment:ProductNameMVC} を使用すると、ASP.NET MVC ビューに Infragistics テンプレート エンジンを使用できます。JavaScript との使用方法は同じです。 +- [ASP.NET MVC の使用方法](\{environment:SamplesUrl\}/templating-engine/aspnet-mvc-usage): \{environment:ProductNameMVC\} を使用すると、ASP.NET MVC ビューに Infragistics テンプレート エンジンを使用できます。JavaScript との使用方法は同じです。 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/api-overview.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/api-overview.mdx index 07d18e73d1..cd2982eadb 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/api-overview.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/api-overview.mdx @@ -3,8 +3,10 @@ title: "API の概要" slug: api-overview --- +# API の概要 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # API の概要 -- <ApiLink pkg="ig" type="excel.AnyValueDataValidationRule" label="API の概要" />: この API ヘルプは、Infragistics JavaScript Excel ライブラリでプログラミング中に作業する名前空間とクラスをリストします。このトピックの名前空間とクラスの一覧は、{environment:ProductName} ヘルプの API 参照ガイドにリンクします。 +- <ApiLink pkg="ig" type="excel.AnyValueDataValidationRule" label="API の概要" />: この API ヘルプは、Infragistics JavaScript Excel ライブラリでプログラミング中に作業する名前空間とクラスをリストします。このトピックの名前空間とクラスの一覧は、\{environment:ProductName\} ヘルプの API 参照ガイドにリンクします。 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/javascript-excel-library.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/javascript-excel-library.mdx index de6978beb1..c7dc7c9c96 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/javascript-excel-library.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/javascript-excel-library.mdx @@ -3,6 +3,8 @@ title: "Infragistics JavaScript Excel ライブラリ" slug: javascript-excel-library --- +# Infragistics JavaScript Excel ライブラリ + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Infragistics JavaScript Excel ライブラリ @@ -15,4 +17,4 @@ Infragistics JavaScript Excel ライブラリについての重要な情報に - [Infragistics JavaScript Excel ライブラリの使用](/using-the-javascript-excel-library): このセクションでは、Infragistics JavaScript Excel ライブラリを使用する際に実行が必要な一般的なシナリオを、詳細に手順を追って紹介しています。 -- <ApiLink pkg="ig" type="excel.AnyValueDataValidationRule" label="API の概要" />: このトピックは、Infragistics JavaScript Excel ライブラリでプログラミング中に作業する名前空間とクラスをリストします。このトピックの名前空間とクラスの一覧は、{environment:ProductName} ヘルプの API 参照ガイドとリンクしています。 +- <ApiLink pkg="ig" type="excel.AnyValueDataValidationRule" label="API の概要" />: このトピックは、Infragistics JavaScript Excel ライブラリでプログラミング中に作業する名前空間とクラスをリストします。このトピックの名前空間とクラスの一覧は、\{environment:ProductName\} ヘルプの API 参照ガイドとリンクしています。 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/understanding/overview.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/understanding/overview.mdx index 7d9032a465..3479937fed 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/understanding/overview.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/understanding/overview.mdx @@ -20,7 +20,7 @@ Excel ライブラリは、クライアント マシン上のワークブック ## 環境のセットアップ -Excel ライブラリを使用するには、{environment:ProductName} 製品から最低限必要な以下の各 JavaScript ファイルを参照する必要があります。 +Excel ライブラリを使用するには、\{environment:ProductName\} 製品から最低限必要な以下の各 JavaScript ファイルを参照する必要があります。 - infragistics.util.js - infragistics.ext_core.js [17.1 で新規] diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/accessing-cells-and-regions-by-their-reference-strings.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/accessing-cells-and-regions-by-their-reference-strings.mdx index a36c0cdd06..4aa765c3e2 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/accessing-cells-and-regions-by-their-reference-strings.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/accessing-cells-and-regions-by-their-reference-strings.mdx @@ -3,6 +3,8 @@ title: "参照文字列による Cells および Regions のアクセス" slug: javascript-excel-library-accessing-cells-and-regions-by-their-reference-strings --- +# 参照文字列による Cells および Regions のアクセス + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 参照文字列による Cells および Regions のアクセス diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/add-document-properties-to-a-workbook.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/add-document-properties-to-a-workbook.mdx index 30ee64bb52..868527ae19 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/add-document-properties-to-a-workbook.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/add-document-properties-to-a-workbook.mdx @@ -3,6 +3,8 @@ title: "ドキュメント プロパティをワークブックに追加" slug: javascript-excel-library-add-document-properties-to-a-workbook --- +# ドキュメント プロパティをワークブックに追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ドキュメント プロパティをワークブックに追加 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/adding-a-hyperlink-to-a-cell-in-an-excel-file.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/adding-a-hyperlink-to-a-cell-in-an-excel-file.mdx index 74b5be6040..e7d72c2872 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/adding-a-hyperlink-to-a-cell-in-an-excel-file.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/adding-a-hyperlink-to-a-cell-in-an-excel-file.mdx @@ -3,6 +3,8 @@ title: "Excel ファイルのセルへのハイパーリンクの追加" slug: javascript-excel-library-adding-a-hyperlink-to-a-cell-in-an-excel-file --- +# Excel ファイルのセルへのハイパーリンクの追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Excel ファイルのセルへのハイパーリンクの追加 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/adding-a-sparkline-to-an-excel-worksheet.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/adding-a-sparkline-to-an-excel-worksheet.mdx index 17b5e3b5d4..0cb67a9883 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/adding-a-sparkline-to-an-excel-worksheet.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/adding-a-sparkline-to-an-excel-worksheet.mdx @@ -3,6 +3,8 @@ title: "スパークラインを Excel ワークシートに追加" slug: javaScript-excel-library-adding-a-sparkline-to-an-excel-worksheet --- +# スパークラインを Excel ワークシートに追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # スパークラインを Excel ワークシートに追加 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/applying-styles-to-cells.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/applying-styles-to-cells.mdx index d4f3c98e66..f1c887d376 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/applying-styles-to-cells.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/applying-styles-to-cells.mdx @@ -3,6 +3,8 @@ title: "スタイルをセルに適用" slug: javascript-excel-library-applying-styles-to-cells --- +# スタイルをセルに適用 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # スタイルをセルに適用 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/comments-in-a-worksheet-cell.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/comments-in-a-worksheet-cell.mdx index e57d6cfdbd..3fe9540c7e 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/comments-in-a-worksheet-cell.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/comments-in-a-worksheet-cell.mdx @@ -3,6 +3,8 @@ title: "Worksheet セル内のコメント" slug: javascript-excel-library-comments-in-a-worksheet-cell --- +# Worksheet セル内のコメント + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Worksheet セル内のコメント diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/conditional-formatting.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/conditional-formatting.mdx index 545c5ae50f..8443b62860 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/conditional-formatting.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/conditional-formatting.mdx @@ -3,6 +3,8 @@ title: "条件付き書式" slug: javascript-excel-library-conditional-formatting --- +# 条件付き書式 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 条件付き書式 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/create-a-workbook.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/create-a-workbook.mdx index 770d63e36e..8c0d2e580a 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/create-a-workbook.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/create-a-workbook.mdx @@ -3,6 +3,8 @@ title: "ワークブックを作成" slug: javascript-excel-library-create-a-workbook --- +# ワークブックを作成 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ワークブックを作成 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/getting-the-value-of-a-formula-from-an-excel-file.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/getting-the-value-of-a-formula-from-an-excel-file.mdx index 558b531582..a31a8b1cfc 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/getting-the-value-of-a-formula-from-an-excel-file.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/getting-the-value-of-a-formula-from-an-excel-file.mdx @@ -3,6 +3,8 @@ title: "Excel ファイルから数式の値を取得" slug: javascript-excel-library-getting-the-value-of-a-formula-from-an-excel-file --- +# Excel ファイルから数式の値を取得 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Excel ファイルから数式の値を取得 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/merge-cells.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/merge-cells.mdx index f84b4515f2..fe3bae44db 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/merge-cells.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/merge-cells.mdx @@ -3,6 +3,8 @@ title: "セルの結合" slug: javascript-excel-library-merge-cells --- +# セルの結合 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # セルの結合 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/moving-a-worksheet-within-an-excel-workbook.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/moving-a-worksheet-within-an-excel-workbook.mdx index 44ff265737..663af628a4 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/moving-a-worksheet-within-an-excel-workbook.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/moving-a-worksheet-within-an-excel-workbook.mdx @@ -3,6 +3,8 @@ title: "Excel ワークブック内でのワークシートの移動" slug: javascript-excel-library-moving-a-worksheet-within-an-excel-workbook --- +# Excel ワークブック内でのワークシートの移動 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Excel ワークブック内でのワークシートの移動 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/read-an-excel-2007-xlsx-file-into-a-workbook.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/read-an-excel-2007-xlsx-file-into-a-workbook.mdx index 777e891173..652d5d2180 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/read-an-excel-2007-xlsx-file-into-a-workbook.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/read-an-excel-2007-xlsx-file-into-a-workbook.mdx @@ -3,6 +3,8 @@ title: "Excel 2007 XLSX ファイルをワークブックに読み込む" slug: javascript-excel-library-read-an-excel-2007-xlsx-file-into-a-workbook --- +# Excel 2007 XLSX ファイルをワークブックに読み込む + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Excel 2007 XLSX ファイルをワークブックに読み込む diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/resizing-rows-and-columns.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/resizing-rows-and-columns.mdx index 8cec66b0dc..6e9ca35879 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/resizing-rows-and-columns.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/resizing-rows-and-columns.mdx @@ -3,6 +3,8 @@ title: "行と列のサイズを変更" slug: javascript-excel-library-resizing-rows-and-columns --- +# 行と列のサイズを変更 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 行と列のサイズを変更 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/save-and-load-files-in-excel-template-format.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/save-and-load-files-in-excel-template-format.mdx index 52e6414f72..13d419456c 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/save-and-load-files-in-excel-template-format.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/save-and-load-files-in-excel-template-format.mdx @@ -3,6 +3,8 @@ title: "Excel テンプレート フォーマットでファイルを保存お slug: javascript-excel-library-save-and-load-files-in-excel-template-format --- +# Excel テンプレート フォーマットでファイルを保存および読み込み + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # Excel テンプレート フォーマットでファイルを保存および読み込み diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/the-javascript-excel-library.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/the-javascript-excel-library.mdx index d9f52ea03c..25e0bb7267 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/the-javascript-excel-library.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/the-javascript-excel-library.mdx @@ -3,11 +3,13 @@ title: "Infragistics JavaScript Excel ライブラリの使用" slug: using-the-javascript-excel-library --- +# Infragistics JavaScript Excel ライブラリの使用 + #Infragistics JavaScript Excel ライブラリの使用 このセクションには、Infragistics JavaScript Excel ライブラリの使用に関するトピックが含まれています。 -このトピックは、新しい JavaScript Excel ライブラリを使用して、{environment:ProductName} `igGrid` のコンテンツを Excel ワークブックにエクスポートする方法を紹介します。Infragistics JavaScript Excel ライブラリが強力であることを理解することができます。 +このトピックは、新しい JavaScript Excel ライブラリを使用して、\{environment:ProductName\} `igGrid` のコンテンツを Excel ワークブックにエクスポートする方法を紹介します。Infragistics JavaScript Excel ライブラリが強力であることを理解することができます。 ## 初期設定  @@ -17,11 +19,11 @@ slug: using-the-javascript-excel-library ```js $.ig.loader({ scriptPath: "js/", - cssPath: "http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/", + cssPath: "http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/", resources: "igGrid.Summaries" }); ``` -ここでは、js フォルダーから JavaScript ファイル、Infragistics CDN から {environment:ProductName} スタイルをそれぞれ読み込み、グリッドの集計機能を読み込むようにローダーを構成します。 +ここでは、js フォルダーから JavaScript ファイル、Infragistics CDN から \{environment:ProductName\} スタイルをそれぞれ読み込み、グリッドの集計機能を読み込むようにローダーを構成します。 スクリプトが読み込まれると、次のコードに示すように、グリッドが作成されます。 @@ -266,7 +268,7 @@ function exportWorkbook() { ### 関連サンプル -- [Excel の表]({environment:NewSamplesUrl}/javascript-excel-library/excel-table) -- [Excel の書式設定]({environment:NewSamplesUrl}/javascript-excel-library/excel-formatting) -- [Excel の数式]({environment:NewSamplesUrl}/javascript-excel-library/excel-formulas) -- [Excel からデータをインポート]({environment:NewSamplesUrl}/javascript-excel-library/excel-import-data) +- [Excel の表](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-table) +- [Excel の書式設定](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-formatting) +- [Excel の数式](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-formulas) +- [Excel からデータをインポート](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-import-data) diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-charts.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-charts.mdx index fbe709c55b..c6e6646875 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-charts.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-charts.mdx @@ -3,6 +3,8 @@ title: "ワークシートにチャートを追加" slug: javascript-excel-library-worksheet-charts --- +# ワークシートにチャートを追加 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ワークシートにチャートを追加 diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-level-filtering.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-level-filtering.mdx index 328b731fc2..288dde69f4 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-level-filtering.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-level-filtering.mdx @@ -3,6 +3,8 @@ title: "ワークシート レベル フィルター" slug: igExcelEngineFiltering --- +# ワークシート レベル フィルター + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ワークシート レベル フィルター @@ -71,10 +73,10 @@ sheet.filterSettings().applyCustomFilter(0, new $.ig.excel.CustomFilterCondition ### 関連サンプル -- [Excel の表]({environment:SamplesUrl}/javascript-excel-library/excel-table) +- [Excel の表](\{environment:SamplesUrl\}/javascript-excel-library/excel-table) -- [Excel の書式設定]({environment:SamplesUrl}/javascript-excel-library/excel-formatting) +- [Excel の書式設定](\{environment:SamplesUrl\}/javascript-excel-library/excel-formatting) -- [Excel の数式]({environment:SamplesUrl}/javascript-excel-library/excel-formulas) +- [Excel の数式](\{environment:SamplesUrl\}/javascript-excel-library/excel-formulas) -- [Excel からデータをインポート]({environment:SamplesUrl}/javascript-excel-library/excel-import-data) \ No newline at end of file +- [Excel からデータをインポート](\{environment:SamplesUrl\}/javascript-excel-library/excel-import-data) \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-level-sorting.mdx b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-level-sorting.mdx index 0f5979309b..f547bc914c 100644 --- a/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-level-sorting.mdx +++ b/docs/jquery/src/content/ja/topics/javascript-excel-library/using/worksheet-level-sorting.mdx @@ -3,6 +3,8 @@ title: "ワークシート レベルの並べ替え" slug: igExcelEngineSorting --- +# ワークシート レベルの並べ替え + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # ワークシート レベルの並べ替え diff --git a/docs/jquery/src/content/ja/topics/known-issues/and-limitations-2024-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/and-limitations-2024-volume-1.mdx index 5f5c93996d..592b4b60e4 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/and-limitations-2024-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/and-limitations-2024-volume-1.mdx @@ -3,6 +3,8 @@ title: "既知の問題と制限" slug: known-issues-and-limitations --- +# 既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -ここでは、{environment:ProductName}™ ライブラリの既知の問題と制限事項を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +ここでは、\{environment:ProductName\}™ ライブラリの既知の問題と制限事項を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -58,8 +60,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [ igHierarchicalGrid ツールチップ](#-ighierarchicalgrid-ツールチップ) - [ igHierarchicalGrid 更新](#-ighierarchicalgrid-更新) - [ igLinearGauge](#-iglineargauge) - - [ {environment:ProductNameMVC}](#-productnamemvc) - - [ {environment:ProductNameMVC} (モバイル)](#-productnamemvc-モバイル) + - [ \{environment:ProductNameMVC\}](#-productnamemvc) + - [ \{environment:ProductNameMVC\} (モバイル)](#-productnamemvc-モバイル) - [ igMap](#-igmap) - [ igOlapXmlaDataSource](#-igolapxmladatasource) - [ igPivotDataSelector](#-igpivotdataselector) @@ -80,7 +82,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2022 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2022 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -549,7 +551,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -561,7 +563,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -668,7 +670,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/00-breaking-changes-2023-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/00-breaking-changes-2023-volume-2.mdx index 6fbde4007d..ec9438f872 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/00-breaking-changes-2023-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/00-breaking-changes-2023-volume-2.mdx @@ -5,7 +5,7 @@ slug: breaking-changes-2023-volume-2 # 2023 Volume 2 の重大な変更 -- {environment:ProductName} 2023 Volume 2 では、製品の提供方法に大きな変更を加えています。今後、カスタマー ポータルの [ダウンロード ページ](https://account.infragistics.com/downloads) を通じて提供できる Windows インストーラーは、ローカル サンプル ブラウザーのもののみとなります。製品自体は、クライアント側の jQuery コンポーネント用の一般的なパッケージ マネージャー npm、MVC ラッパー用の NuGet 、および CDN サーバーを介してのみ引き続き提供されます。以前に {environment:ProductName} Windows インストーラーによるローカル インストールに依存していた場合に、これらの配信方法を使用する方法の詳細については、次のトピックを参照してください。 - - [{environment:ProductName} Npm パッケージの使用](/Using-Ignite-UI-Npm-Packages) - - [{environment:ProductName} NuGet パッケージの使用](/Using-Ignite-UI-NuGet-Packages) - - [{environment:ProductName} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx) \ No newline at end of file +- \{environment:ProductName\} 2023 Volume 2 では、製品の提供方法に大きな変更を加えています。今後、カスタマー ポータルの [ダウンロード ページ](https://account.infragistics.com/downloads) を通じて提供できる Windows インストーラーは、ローカル サンプル ブラウザーのもののみとなります。製品自体は、クライアント側の jQuery コンポーネント用の一般的なパッケージ マネージャー npm、MVC ラッパー用の NuGet 、および CDN サーバーを介してのみ引き続き提供されます。以前に \{environment:ProductName\} Windows インストーラーによるローカル インストールに依存していた場合に、これらの配信方法を使用する方法の詳細については、次のトピックを参照してください。 + - [\{environment:ProductName\} Npm パッケージの使用](/Using-Ignite-UI-Npm-Packages) + - [\{environment:ProductName\} NuGet パッケージの使用](/Using-Ignite-UI-NuGet-Packages) + - [\{environment:ProductName\} 対応 Infragistics コンテンツ配信ネットワーク (CDN)](/deployment-guide-infragistics-content-delivery-network(cdn)).mdx) \ No newline at end of file diff --git a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/10-breaking-changes-2018-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/10-breaking-changes-2018-volume-2.mdx index 9a771c6bdd..862288f80b 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/10-breaking-changes-2018-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/10-breaking-changes-2018-volume-2.mdx @@ -3,6 +3,8 @@ title: "2018 Volume 2 の重大な変更" slug: breaking-changes-2018-volume-2 --- +# 2018 Volume 2 の重大な変更 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2018 Volume 2 の重大な変更 diff --git a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/11-breaking-changes-2018-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/11-breaking-changes-2018-volume-1.mdx index 4b42b58e27..69b5401736 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/11-breaking-changes-2018-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/11-breaking-changes-2018-volume-1.mdx @@ -20,7 +20,7 @@ slug: breaking-changes-2018-volume-1 * ドメイン チャート (CategoryChart、ShapeChart など) は新しく追加された js ファイルに依存関係があります。 `infragistics.datachart_domainChart.js` -## {environment:ProductName} +## \{environment:ProductName\} * `infragistics.util.jquerydeferred.js` ファイルが削除されました。loader を使用してインスタンス化されたチャートは `double.ToString("00.0#")` 書式をサポートします。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/12-breaking-changes-2017-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/12-breaking-changes-2017-volume-2.mdx index fae482418e..8aa419a379 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/12-breaking-changes-2017-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/12-breaking-changes-2017-volume-2.mdx @@ -3,6 +3,8 @@ title: "2017 Volume 2 の重大な変更" slug: breaking-changes-2017-volume-2 --- +# 2017 Volume 2 の重大な変更 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2017 Volume 2 の重大な変更 diff --git a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/13-breaking-changes-2017-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/13-breaking-changes-2017-volume-1.mdx index fe10ed8339..e6aaaa89fa 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/13-breaking-changes-2017-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/13-breaking-changes-2017-volume-1.mdx @@ -3,6 +3,8 @@ title: "2017 Volume 1 の重大な変更" slug: breaking-changes-2017-volume-1 --- +# 2017 Volume 1 の重大な変更 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2017 Volume 1 の重大な変更 @@ -19,9 +21,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - `infragistics.util.jquery.js` - jQuery に依存関係あるユーティリティ関数を含みます。 - `infragistics.util.jquerydeferred.js` - カスタム CommonJS Promises。それに、$.Deferred をサポートしない 1.5 バージョン以前の jQuery バージョンの実装。 -{environment:ProductName} コントロールの依存関係を読み込むために igLoader を使用するアプリケーションでローダーが内部に処理されているため、変更の必要がありません。ファイルを手動的に読み込むアプリケーションで必要のないのユーティリティ参照を削除できます。 +\{environment:ProductName\} コントロールの依存関係を読み込むために igLoader を使用するアプリケーションでローダーが内部に処理されているため、変更の必要がありません。ファイルを手動的に読み込むアプリケーションで必要のないのユーティリティ参照を削除できます。 -{environment:ProductName} DV コンポーネントで明示的に必要な新しい jQuery に依存関係があるファイルを追加しました: `infragsitics.dv_jquerydom.js`。 `infragistics.dv_core.js` 依存ファイルの前に読み込む必要があります。 +\{environment:ProductName\} DV コンポーネントで明示的に必要な新しい jQuery に依存関係があるファイルを追加しました: `infragsitics.dv_jquerydom.js`。 `infragistics.dv_core.js` 依存ファイルの前に読み込む必要があります。 ``` ... @@ -31,11 +33,11 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ``` #### 関連トピック -- [{environment:ProductName} の JavaScript ファイル](/deployment-guide-javascript-files) +- [\{environment:ProductName\} の JavaScript ファイル](/deployment-guide-javascript-files) ### 新しい Bootstrap テーマ構造 -デフォルトおよびテーマに基づいたすべての Bootstrap 3 は、共通 "/bootstrap3" フォルダーへ移動しました。以下は、{environment:ProductName} に含まれる現在の Bootstrap 3 テーマと製品ソース ルート ("~") に関連する `infragistics.theme.css` の場所です。 +デフォルトおよびテーマに基づいたすべての Bootstrap 3 は、共通 "/bootstrap3" フォルダーへ移動しました。以下は、\{environment:ProductName\} に含まれる現在の Bootstrap 3 テーマと製品ソース ルート ("~") に関連する `infragistics.theme.css` の場所です。 テーマ | 以前のパス | 新しいパス -------|---------------|--------- @@ -75,11 +77,11 @@ igGrid 集計の新しい <ApiLink type="iggridsummaries" member="columnSettings ### 日付処理 <ApiLink type="iggrid" member="enableUTCDates" section="options" label="enableUTCDates" /> オプションの動作を変更しました。日付のシリアル化のみに影響します。グリッド列の定義で新しい <ApiLink type="iggrid" member="columns.dateDisplayType" section="options" label="dateDisplayType" /> オプションを使用して日付のタイムゾーン表示を処理するために使用できます。 -既存のアプリケーションを変更する方法については、「[17.1 の enableUTCDates オプションの移動](/migrating-enableUTCDates-option-in-17-1)」トピックを参照してください。両方のオプションの詳細情報について、「[{environment:ProductName} コントロールを別のタイム ゾーンで使用](/Using-igniteui-controls-in-different-time-zones)」を参照してください。 +既存のアプリケーションを変更する方法については、「[17.1 の enableUTCDates オプションの移動](/migrating-enableUTCDates-option-in-17-1)」トピックを参照してください。両方のオプションの詳細情報について、「[\{environment:ProductName\} コントロールを別のタイム ゾーンで使用](/Using-igniteui-controls-in-different-time-zones)」を参照してください。 ## igDateEditor/igDatePicker -<ApiLink type="igdateeditor" member="enableUTCDates" section="options" label="enableUTCDates" /> オプションの動作を変更しました。指定したオフセットとエディターで時間を表示するには <ApiLink type="igdateeditor" member="displayTimeOffset" section="options" label="displayTimeOffset" /> を使用します。既存のアプリケーションを変更する方法について、「[17.1 で enableUTCDate オプションの移動](/igDateEditor-migrating-date-handling-in-17-1)」トピックを参照してください。両方のオプションの詳細情報について、「[{environment:ProductName} コントロールを別のタイム ゾーンで使用](/Using-igniteui-controls-in-different-time-zones)」を参照してください。 +<ApiLink type="igdateeditor" member="enableUTCDates" section="options" label="enableUTCDates" /> オプションの動作を変更しました。指定したオフセットとエディターで時間を表示するには <ApiLink type="igdateeditor" member="displayTimeOffset" section="options" label="displayTimeOffset" /> を使用します。既存のアプリケーションを変更する方法について、「[17.1 で enableUTCDate オプションの移動](/igDateEditor-migrating-date-handling-in-17-1)」トピックを参照してください。両方のオプションの詳細情報について、「[\{environment:ProductName\} コントロールを別のタイム ゾーンで使用](/Using-igniteui-controls-in-different-time-zones)」を参照してください。 ## igNumericEditor diff --git a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/breaking-changes-revision-history.mdx b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/breaking-changes-revision-history.mdx index 333345dcb3..415bd4fd18 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/breaking-changes-revision-history.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/breaking-changes-revision-history/breaking-changes-revision-history.mdx @@ -7,38 +7,38 @@ slug: breaking-changes-revision-history ### 概要 -このトピックは、{environment:ProductName}™ ライブラリの以前のバージョンの重大な変更にてついてのドキュメントへのリンクを提供します。 +このトピックは、\{environment:ProductName\}™ ライブラリの以前のバージョンの重大な変更にてついてのドキュメントへのリンクを提供します。 ### トピック 各リリースの重大な変更に関する詳細情報は、次のトピックで扱います。 -- [2023 Volume 2 の重大な変更](/breaking-changes-2023-volume-2): このトピックでは、2023 Volume 2 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2023 Volume 2 の重大な変更](/breaking-changes-2023-volume-2): このトピックでは、2023 Volume 2 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2023 Volume 1 の重大な変更](/breaking-changes-2023-volume-1): このトピックでは、2023 Volume 1 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2023 Volume 1 の重大な変更](/breaking-changes-2023-volume-1): このトピックでは、2023 Volume 1 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2022 Volume 2 の重大な変更](/breaking-changes-2022-volume-2): このトピックでは、2022 Volume 2 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2022 Volume 2 の重大な変更](/breaking-changes-2022-volume-2): このトピックでは、2022 Volume 2 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2022 Volume 1 の重大な変更](/breaking-changes-2022-volume-1): このトピックでは、2022 Volume 1 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2022 Volume 1 の重大な変更](/breaking-changes-2022-volume-1): このトピックでは、2022 Volume 1 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2021 Volume 2 の重大な変更](Breaking-Changes-2021-Volume-2.html): このトピックでは、2021 Volume 2 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2021 Volume 2 の重大な変更](Breaking-Changes-2021-Volume-2.html): このトピックでは、2021 Volume 2 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2021 Volume 1 の重大な変更](/breaking-changes-2021-volume-1): このトピックでは、2021 Volume 1 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2021 Volume 1 の重大な変更](/breaking-changes-2021-volume-1): このトピックでは、2021 Volume 1 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2020 Volume 2 の重大な変更](/breaking-changes-2020-volume-2): このトピックでは、2020 Volume 2 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2020 Volume 2 の重大な変更](/breaking-changes-2020-volume-2): このトピックでは、2020 Volume 2 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2020 Volume 1 の重大な変更](/breaking-changes-2020-volume-1): このトピックでは、2020 Volume 1 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2020 Volume 1 の重大な変更](/breaking-changes-2020-volume-1): このトピックでは、2020 Volume 1 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2019 Volume 2 の重大な変更](Breaking-Changes-2019-Volume-2.html): このトピックでは、2019 Volume 2 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2019 Volume 2 の重大な変更](Breaking-Changes-2019-Volume-2.html): このトピックでは、2019 Volume 2 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2019 Volume 1 の重大な変更](/breaking-changes-2019-volume-1): このトピックでは、2019 Volume 1 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2019 Volume 1 の重大な変更](/breaking-changes-2019-volume-1): このトピックでは、2019 Volume 1 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2018 Volume 2 の重大な変更](/breaking-changes-2018-volume-2): このトピックでは、2018 Volume 2 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2018 Volume 2 の重大な変更](/breaking-changes-2018-volume-2): このトピックでは、2018 Volume 2 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2018 Volume 1 の重大な変更](/breaking-changes-2018-volume-1): このトピックでは、2018 Volume 1 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2018 Volume 1 の重大な変更](/breaking-changes-2018-volume-1): このトピックでは、2018 Volume 1 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2017 Volume 2 の重大な変更](/breaking-changes-2017-volume-2): このトピックでは、2017 Volume 2 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2017 Volume 2 の重大な変更](/breaking-changes-2017-volume-2): このトピックでは、2017 Volume 2 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2017 Volume 1 の重大な変更](/breaking-changes-2017-volume-1): このトピックでは、2017 Volume 1 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2017 Volume 1 の重大な変更](/breaking-changes-2017-volume-1): このトピックでは、2017 Volume 1 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 -- [2016 Volume 2 の重大な変更](/breaking-changes-2016-volume-2): このトピックでは、2016 Volume 2 リリースの {environment:ProductName} ライブラリの重大な変更について示します。 +- [2016 Volume 2 の重大な変更](/breaking-changes-2016-volume-2): このトピックでは、2016 Volume 2 リリースの \{environment:ProductName\} ライブラリの重大な変更について示します。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/00-known-issues-and-limitations-2023-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/00-known-issues-and-limitations-2023-volume-2.mdx index 65fab5443f..7b18e44fc7 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/00-known-issues-and-limitations-2023-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/00-known-issues-and-limitations-2023-volume-2.mdx @@ -3,6 +3,8 @@ title: "2023 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2023-volume-2 --- +# 2023 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2023 Volume 2 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2023 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2023 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -58,8 +60,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [ igHierarchicalGrid ツールチップ](#-ighierarchicalgrid-ツールチップ) - [ igHierarchicalGrid 更新](#-ighierarchicalgrid-更新) - [ igLinearGauge](#-iglineargauge) - - [ {environment:ProductNameMVC}](#-productnamemvc) - - [ {environment:ProductNameMVC} (モバイル)](#-productnamemvc-モバイル) + - [ \{environment:ProductNameMVC\}](#-productnamemvc) + - [ \{environment:ProductNameMVC\} (モバイル)](#-productnamemvc-モバイル) - [ igMap](#-igmap) - [ igOlapXmlaDataSource](#-igolapxmladatasource) - [ igPivotDataSelector](#-igpivotdataselector) @@ -80,7 +82,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2022 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2022 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -549,7 +551,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -561,7 +563,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -668,7 +670,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/01-known-issues-and-limitations-2023-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/01-known-issues-and-limitations-2023-volume-1.mdx index d68c869679..26c3cf070e 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/01-known-issues-and-limitations-2023-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/01-known-issues-and-limitations-2023-volume-1.mdx @@ -3,6 +3,8 @@ title: "2023 Volume 1 の既知の問題と制限" slug: known-issues-and-limitations-2023-volume-1 --- +# 2023 Volume 1 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2023 Volume 1 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2023 Volume 1 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2023 Volume 1 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -58,8 +60,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [ igHierarchicalGrid ツールチップ](#-ighierarchicalgrid-ツールチップ) - [ igHierarchicalGrid 更新](#-ighierarchicalgrid-更新) - [ igLinearGauge](#-iglineargauge) - - [ {environment:ProductNameMVC}](#-productnamemvc) - - [ {environment:ProductNameMVC} (モバイル)](#-productnamemvc-モバイル) + - [ \{environment:ProductNameMVC\}](#-productnamemvc) + - [ \{environment:ProductNameMVC\} (モバイル)](#-productnamemvc-モバイル) - [ igMap](#-igmap) - [ igOlapXmlaDataSource](#-igolapxmladatasource) - [ igPivotDataSelector](#-igpivotdataselector) @@ -80,7 +82,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2022 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2022 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -549,7 +551,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -561,7 +563,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -668,7 +670,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/02-known-issues-and-limitations-2022-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/02-known-issues-and-limitations-2022-volume-2.mdx index 86f78f1e60..19114cdf48 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/02-known-issues-and-limitations-2022-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/02-known-issues-and-limitations-2022-volume-2.mdx @@ -3,6 +3,8 @@ title: "2022 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2022-volume-2 --- +# 2022 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2022 Volume 2 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2022 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2022 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -58,8 +60,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [<a id="hierarchical-grid-tooltips"></a> igHierarchicalGrid ツールチップ](#-ighierarchicalgrid-ツールチップ) - [<a id="hierarchical-grid-updating"></a> igHierarchicalGrid 更新](#-ighierarchicalgrid-更新) - [<a id="linear-gauge"></a> igLinearGauge](#-iglineargauge) - - [<a id="mvc"></a> {environment:ProductNameMVC}](#-productnamemvc) - - [<a id="mvc-mobile"></a> {environment:ProductNameMVC} (モバイル)](#-productnamemvc-モバイル) + - [<a id="mvc"></a> \{environment:ProductNameMVC\}](#-productnamemvc) + - [<a id="mvc-mobile"></a> \{environment:ProductNameMVC\} (モバイル)](#-productnamemvc-モバイル) - [<a id="map"></a> igMap](#-igmap) - [<a id="olap-xmla-data-source"></a> igOlapXmlaDataSource](#-igolapxmladatasource) - [<a id="pivot-data-selector"></a> igPivotDataSelector](#-igpivotdataselector) @@ -80,7 +82,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2022 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2022 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -549,7 +551,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -561,7 +563,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -668,7 +670,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/03-known-issues-and-limitations-2022-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/03-known-issues-and-limitations-2022-volume-1.mdx index b129f805f3..2eaf7c4b1e 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/03-known-issues-and-limitations-2022-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/03-known-issues-and-limitations-2022-volume-1.mdx @@ -3,6 +3,8 @@ title: "2022 Volume 1 の既知の問題と制限" slug: known-issues-and-limitations-2022-volume-1 --- +# 2022 Volume 1 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2022 Volume 1 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2022 Volume 1 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2022 Volume 1 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -58,8 +60,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [<a id="hierarchical-grid-tooltips"></a> igHierarchicalGrid ツールチップ](#-ighierarchicalgrid-ツールチップ) - [<a id="hierarchical-grid-updating"></a> igHierarchicalGrid 更新](#-ighierarchicalgrid-更新) - [<a id="linear-gauge"></a> igLinearGauge](#-iglineargauge) - - [<a id="mvc"></a> {environment:ProductNameMVC}](#-productnamemvc) - - [<a id="mvc-mobile"></a> {environment:ProductNameMVC} (モバイル)](#-productnamemvc-モバイル) + - [<a id="mvc"></a> \{environment:ProductNameMVC\}](#-productnamemvc) + - [<a id="mvc-mobile"></a> \{environment:ProductNameMVC\} (モバイル)](#-productnamemvc-モバイル) - [<a id="map"></a> igMap](#-igmap) - [<a id="olap-xmla-data-source"></a> igOlapXmlaDataSource](#-igolapxmladatasource) - [<a id="pivot-data-selector"></a> igPivotDataSelector](#-igpivotdataselector) @@ -80,7 +82,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2022 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2022 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -549,7 +551,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -561,7 +563,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -668,7 +670,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/04-known-issues-and-limitations-2021-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/04-known-issues-and-limitations-2021-volume-2.mdx index f9dc698012..21bf1397c2 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/04-known-issues-and-limitations-2021-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/04-known-issues-and-limitations-2021-volume-2.mdx @@ -3,6 +3,8 @@ title: "2021 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2021-volume-2 --- +# 2021 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2021 Volume 2 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2021 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2021 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -56,8 +58,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igHierarchicalGrid 更新](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -78,7 +80,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2021 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2021 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -547,7 +549,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -559,7 +561,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -666,7 +668,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/05-known-issues-and-limitations-2021-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/05-known-issues-and-limitations-2021-volume-1.mdx index dac7712ae7..4c0fd56abe 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/05-known-issues-and-limitations-2021-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/05-known-issues-and-limitations-2021-volume-1.mdx @@ -3,6 +3,8 @@ title: "2021 Volume 1 の既知の問題と制限" slug: known-issues-and-limitations-2021-volume-1 --- +# 2021 Volume 1 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2021 Volume 1 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2021 Volume 1 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2021 Volume 1 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -56,8 +58,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igHierarchicalGrid 更新](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -78,7 +80,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2020 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2020 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -546,7 +548,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -558,7 +560,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -665,7 +667,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/06-known-issues-and-limitations-2020-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/06-known-issues-and-limitations-2020-volume-2.mdx index ba91705cfd..8679c7758e 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/06-known-issues-and-limitations-2020-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/06-known-issues-and-limitations-2020-volume-2.mdx @@ -3,6 +3,8 @@ title: "2020 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2020-volume-2 --- +# 2020 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2020 Volume 2 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2020 Volume 2 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2020 Volume 2 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -55,8 +57,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igHierarchicalGrid 更新](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -77,7 +79,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2020 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2020 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -545,7 +547,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -557,7 +559,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -664,7 +666,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/07-known-issues-and-limitations-2020-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/07-known-issues-and-limitations-2020-volume-1.mdx index f47127dea2..7740d3d138 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/07-known-issues-and-limitations-2020-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/07-known-issues-and-limitations-2020-volume-1.mdx @@ -3,6 +3,8 @@ title: "2020 Volume 1 の既知の問題と制限" slug: known-issues-and-limitations-2020-volume-1 --- +# 2020 Volume 1 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2020 Volume 1 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2020 Volume 1 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2020 Volume 1 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -55,8 +57,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igHierarchicalGrid 更新](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -77,7 +79,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2020 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2020 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -545,7 +547,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -557,7 +559,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -664,7 +666,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/08-known-issues-and-limitations-2019-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/08-known-issues-and-limitations-2019-volume-2.mdx index 540cc014b5..ae10991287 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/08-known-issues-and-limitations-2019-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/08-known-issues-and-limitations-2019-volume-2.mdx @@ -3,6 +3,8 @@ title: "2019 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2019-volume-2 --- +# 2019 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2019 Volume 2 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2019 Volume 2 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2019 Volume 2 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -55,8 +57,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igHierarchicalGrid 更新](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -77,7 +79,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2019 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2019 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -545,7 +547,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -557,7 +559,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -664,7 +666,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/09-known-issues-and-limitations-2019-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/09-known-issues-and-limitations-2019-volume-1.mdx index 31294c37eb..a0077b56fb 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/09-known-issues-and-limitations-2019-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/09-known-issues-and-limitations-2019-volume-1.mdx @@ -3,6 +3,8 @@ title: "2019 Volume 1 の既知の問題と制限" slug: known-issues-and-limitations-2019-volume-1 --- +# 2019 Volume 1 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2019 Volume 1 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2019 Volume 1 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2019 Volume 1 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -56,8 +58,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igHierarchicalGrid 更新](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -78,7 +80,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2019 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2019 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -554,7 +556,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -566,7 +568,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -673,7 +675,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/10-known-issues-and-limitations-2018-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/10-known-issues-and-limitations-2018-volume-2.mdx index 38b6c30fb6..f977b8ba92 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/10-known-issues-and-limitations-2018-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/10-known-issues-and-limitations-2018-volume-2.mdx @@ -3,6 +3,8 @@ title: "2018 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2018-volume-2 --- +# 2018 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2018 Volume 2 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2018 Volume 2 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2018 Volume 2 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -56,8 +58,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igHierarchicalGrid 更新](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -78,7 +80,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2018 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2018 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -554,7 +556,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -566,7 +568,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -673,7 +675,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/11-known-issues-and-limitations-2018-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/11-known-issues-and-limitations-2018-volume-1.mdx index 96d1c32263..f01f271977 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/11-known-issues-and-limitations-2018-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/11-known-issues-and-limitations-2018-volume-1.mdx @@ -3,6 +3,8 @@ title: "2018 Volume 1 の既知の問題と制限" slug: known-issues-and-limitations-2018-volume-1 --- +# 2018 Volume 1 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2018 Volume 1 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2018 Volume 1 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2018 Volume 1 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -55,8 +57,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igHierarchicalGrid 更新](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -77,7 +79,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2018 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2018 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -537,7 +539,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -549,7 +551,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -657,7 +659,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/12-known-issues-and-limitations-2017-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/12-known-issues-and-limitations-2017-volume-2.mdx index de1350c055..e92ab6507c 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/12-known-issues-and-limitations-2017-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/12-known-issues-and-limitations-2017-volume-2.mdx @@ -3,6 +3,8 @@ title: "2017 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2017-volume-2 --- +# 2017 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2017 Volume 2 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2017 Volume 2 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2017 Volume 2 リリースの既知の問題と制限事項の概要を示します ([改訂履歴](https://jp.infragistics.com/support/online-documentation/revision-history))。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -54,8 +56,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igHierarchicalGrid 更新](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -76,7 +78,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2017 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2017 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -529,7 +531,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -541,7 +543,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -648,7 +650,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/13-known-issues-and-limitations-2017-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/13-known-issues-and-limitations-2017-volume-1.mdx index 2687e5c419..28ab0e3a39 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/13-known-issues-and-limitations-2017-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/13-known-issues-and-limitations-2017-volume-1.mdx @@ -2,6 +2,9 @@ title: "2017 Volume 1 の既知の問題と制限" slug: known-issues-and-limitations-2017-volume-1 --- + +# 2017 Volume 1 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2017 Volume 1 の既知の問題と制限 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2017 Volume 1 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2017 Volume 1 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -53,8 +56,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igHierarchicalGrid 更新](#hierarchical-grid-updating) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -74,7 +77,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2017 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2017 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -524,7 +527,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -536,7 +539,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -635,7 +638,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/14-known-issues-and-limitations-2016-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/14-known-issues-and-limitations-2016-volume-2.mdx index 9d15f4b464..d6c6f9a2ec 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/14-known-issues-and-limitations-2016-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/14-known-issues-and-limitations-2016-volume-2.mdx @@ -2,6 +2,9 @@ title: "2016 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2016-volume-2 --- + +# 2016 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2016 Volume 2 の既知の問題と制限 @@ -10,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に {environment:ProductName}™ 2016 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に \{environment:ProductName\}™ 2016 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -52,8 +55,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -73,7 +76,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2016 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2016 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -520,7 +523,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -532,7 +535,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -631,7 +634,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/15-known-issues-and-limitations-2016-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/15-known-issues-and-limitations-2016-volume-1.mdx index 0875192f48..ec8e55bc11 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/15-known-issues-and-limitations-2016-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/15-known-issues-and-limitations-2016-volume-1.mdx @@ -3,6 +3,8 @@ title: "2016 Volume 1 の既知の問題と制限" slug: known-issues-and-limitations-2016-volume-1 --- +# 2016 Volume 1 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2016 Volume 1 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に、{environment:ProductName}™ 2016 Volume 1 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に、\{environment:ProductName\}™ 2016 Volume 1 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -52,8 +54,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -72,7 +74,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2016 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2016 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -502,7 +504,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -514,7 +516,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -613,7 +615,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/16-known-issues-and-limitations-2015-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/16-known-issues-and-limitations-2015-volume-2.mdx index ca37095800..fac126e220 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/16-known-issues-and-limitations-2015-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/16-known-issues-and-limitations-2015-volume-2.mdx @@ -3,6 +3,8 @@ title: "2015 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2015-volume-2 --- +# 2015 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2015 Volume 2 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に、{environment:ProductName}™ 2015 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 +以下に、\{environment:ProductName\}™ 2015 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)を参照してください。 ### このトピックの内容 @@ -51,8 +53,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -71,7 +73,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2015 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2015 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例 | @@ -491,7 +493,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -503,7 +505,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -602,7 +604,7 @@ Date オブジェクトの最小値および最大値|`valueRange` オプショ 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/17-known-issues-and-limitations-2015-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/17-known-issues-and-limitations-2015-volume-1.mdx index 7f9055ee7c..1eec348ab0 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/17-known-issues-and-limitations-2015-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/17-known-issues-and-limitations-2015-volume-1.mdx @@ -3,6 +3,8 @@ title: "2015 Volume 1 の既知の問題と制限" slug: known-issues-and-limitations-2015-volume-1 --- +# 2015 Volume 1 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2015 Volume 1 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に、{environment:ProductName}™ 2015 Volume 1 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)です。 +以下に、\{environment:ProductName\}™ 2015 Volume 1 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)です。 ### このトピックの内容 @@ -51,8 +53,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igHierarchicalGrid ツールチップ](#hierarchical-grid-tooltips) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -70,7 +72,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2015 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2015 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例: | @@ -493,7 +495,7 @@ initialExpandDepth と仮想化の使用がサポートされない|仮想化が [既知の問題と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -505,7 +507,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -597,7 +599,7 @@ Structured Append モードがサポートされない|`igQRCodeBarcode` コン 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/18-known-issues-and-limitations-2014-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/18-known-issues-and-limitations-2014-volume-2.mdx index a96880d566..85806eadb1 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/18-known-issues-and-limitations-2014-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/18-known-issues-and-limitations-2014-volume-2.mdx @@ -3,6 +3,8 @@ title: "2014 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2014-volume-2 --- +# 2014 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2014 Volume 2 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に、{environment:ProductName}™ 2014 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)です。 +以下に、\{environment:ProductName\}™ 2014 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)です。 ### このトピックの内容 @@ -48,8 +50,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid GroupBy](#hierarchical-grid-grouping) - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -67,7 +69,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2014 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2014 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> 凡例: | @@ -459,7 +461,7 @@ id 属性は、DOM コントロール プレースホルダーで必須|id 属 [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -471,7 +473,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -563,7 +565,7 @@ Structured Append モードがサポートされない|`igQRCodeBarcode` コン 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/19-known-issues-and-limitations-2014-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/19-known-issues-and-limitations-2014-volume-1.mdx index 881a8bc088..61fb0ae3cc 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/19-known-issues-and-limitations-2014-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/19-known-issues-and-limitations-2014-volume-1.mdx @@ -3,6 +3,8 @@ title: "2014 Volume 1 の既知の問題と制限" slug: known-issues-and-limitations-2014-volume-1 --- +# 2014 Volume 1 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2014 Volume 1 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に、{environment:ProductName}™ 2014 Volume 1 リリースの既知の問題と制限の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)です。 +以下に、\{environment:ProductName\}™ 2014 Volume 1 リリースの既知の問題と制限の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)です。 ### このトピックの内容 @@ -45,8 +47,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid GroupBy](#hierarchical-grid-grouping) - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -64,7 +66,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2014 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2014 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 <a id="legend"></a> @@ -426,7 +428,7 @@ id 属性は、DOM コントロール プレースホルダーで必須|id 属 [既知の問題と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -438,7 +440,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -530,7 +532,7 @@ Structured Append モードがサポートされない|`igQRCodeBarcode` コン 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/20-known-issues-and-limitations-2013-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/20-known-issues-and-limitations-2013-volume-2.mdx index ce8da4ed4c..17aa534bb1 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/20-known-issues-and-limitations-2013-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/20-known-issues-and-limitations-2013-volume-2.mdx @@ -3,6 +3,8 @@ title: "2013 Volume 2 の既知の問題と制限" slug: known-issues-and-limitations-2013-volume-2 --- +# 2013 Volume 2 の既知の問題と制限 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2013 Volume 2 の既知の問題と制限 @@ -11,7 +13,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ### 目的 -以下に、{environment:ProductName}™ 2013 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)です。 +以下に、\{environment:ProductName\}™ 2013 Volume 2 リリースの既知の問題と制限事項の概要を示します。旧リリースに関する情報は、[こちら](/known-issues-revision-history)です。 ### このトピックの内容 @@ -44,8 +46,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; - [igHierarchicalGrid GroupBy](#hierarchical-grid-grouping) - [igHierarchicalGrid RowSelectors](#hierarchical-grid-row-selectors) - [igLinearGauge](#linear-gauge) - - [{environment:ProductNameMVC}](#mvc) - - [{environment:ProductNameMVC} (モバイル)](#mvc-mobile) + - [\{environment:ProductNameMVC\}](#mvc) + - [\{environment:ProductNameMVC\} (モバイル)](#mvc-mobile) - [igMap](#map) - [igOlapXmlaDataSource](#olap-xmla-data-source) - [igPivotDataSelector](#pivot-data-selector) @@ -62,7 +64,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## <a id="summary"></a> 既知の問題点と制限の概要 -以下の表に、{environment:ProductName} 2013 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2013 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 凡例: | -------|-------- @@ -423,7 +425,7 @@ id 属性は、DOM コントロール プレースホルダーで必須|id 属 [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc"></a> [{environment:ProductNameMVC}](/aspnet-mvc-wrappers-known-issues) +### <a id="mvc"></a> [\{environment:ProductNameMVC\}](/aspnet-mvc-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -435,7 +437,7 @@ MVC Razor レイアウト ビューで MVC Loader が正常に機能しない|AS [既知の問題点と制限の概要](#summary)を参照してください。 -### <a id="mvc-mobile"></a> [{environment:ProductNameMVC} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) +### <a id="mvc-mobile"></a> [\{environment:ProductNameMVC\} (モバイル)](/aspnet-mvc-mobile-wrappers-known-issues) 問題|説明|状態 ---|---|--- @@ -517,7 +519,7 @@ Structured Append モードがサポートされない|`igQRCodeBarcode` コン 問題|説明|状態 ---|---|--- -名前空間の競合|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +名前空間の競合|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [既知の問題点と制限の概要](#summary)を参照してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/21-known-issues-and-limitations-2013-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/21-known-issues-and-limitations-2013-volume-1.mdx index 64c7f214d7..4b99a50899 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/21-known-issues-and-limitations-2013-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/21-known-issues-and-limitations-2013-volume-1.mdx @@ -7,7 +7,7 @@ slug: known-issues-and-limitations-2013-volume-1 ## 概要 -以下の表に、{environment:ProductName} 2013 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2013 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 ### 凡例: @@ -300,7 +300,7 @@ slug: known-issues-and-limitations-2013-volume-1 </tr> <tr> - <td rowspan="3">[{environment:ProductNameMVC}](#mvc-wrappers-issue)</td> + <td rowspan="3">[\{environment:ProductNameMVC\}](#mvc-wrappers-issue)</td> <td>[MVC ヘルパー生成コードと MVC ローダーがカスタムの JavaScript ページ設定コードのあとに実行される](#mvc-helper-generated-code)</td> <td>ASP.NET MVC ビューにおいてコントロールの MVC ローダーや MVC ヘルパーを使用した場合、それらが生成する JavaScript コードは、`document.ready()` や `window.load()` イベントで渡されたカスタムのページ設定コードのあとに実行されます。</td> <td>![](../../images/images/positive.png)</td> @@ -320,8 +320,8 @@ slug: known-issues-and-limitations-2013-volume-1 <tr> <td>[Infragistics Document Engine](#infragistics-document-engine)</td> - <td>[Infragistics ASP.NET と {environment:ProductName} のドキュメント エンジンの併用時に発生する問題 - 回避策](#using-document-engines)</td> - <td>Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。</td> + <td>[Infragistics ASP.NET と \{environment:ProductName\} のドキュメント エンジンの併用時に発生する問題 - 回避策](#using-document-engines)</td> + <td>Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。</td> <td>![](../../images/images/positive.png)</td> </tr> @@ -339,7 +339,7 @@ slug: known-issues-and-limitations-2013-volume-1 </tr> <tr> - <td rowspan="2">[{environment:ProductName} ASP.NET MVC モバイル ラッパー](#mvc-mobile-wrappers)</td> + <td rowspan="2">[\{environment:ProductName\} ASP.NET MVC モバイル ラッパー](#mvc-mobile-wrappers)</td> <td>[MVC ポップアップ モバイル コントロールにはバージョン 1.2 の jQuery モバイルが必要とされる](#mvc-popup-mobile-control-requirements)</td> <td>ポップアップ ウィジェットは、jQuery モバイル 1.2 で初めて導入された機能です。</td> <td>![](../../images/images/positive.png)</td> @@ -756,7 +756,7 @@ Android 4.* を使用したタッチ デバイスでは、階層グリッドで -## <a id="mvc-wrappers-issue"></a>{environment:ProductNameMVC} +## <a id="mvc-wrappers-issue"></a>\{environment:ProductNameMVC\} ### <a id="mvc-helper-generated-code"></a>MVC ヘルパー生成コードと MVC ローダーがカスタムの JavaScript ページ設定コードのあとに実行される - 解決策 MVC ビューにおいてコントロールの MVC ローダーや MVC ヘルパーを使用した場合、それらが生成する JavaScript コードは、`document.ready()` や `window.load()` イベントで渡されたカスタムのページ設定コードのあとに実行されます。(これは、コントロールがページの本文で描画され、スクリプト コードは通常先頭部分に入れられるためです。)MVC ヘルパー コードが描画したコントロールをカスタム コードが参照する場合、コントロールがまだ存在しないため失敗する可能性があります。これはタイミングの問題であるため、MVC Loader が必要なリソースを読み込む速度によって左右されます。 @@ -790,15 +790,15 @@ $.ig.loader(function () { ## <a id="infragistics-document-engine"></a>Infragistics Document Engine -### <a id="using-document-engines"></a>Infragistics ASP.NET と {environment:ProductName} のドキュメント エンジンの併用時に発生する問題 - 回避策 +### <a id="using-document-engines"></a>Infragistics ASP.NET と \{environment:ProductName\} のドキュメント エンジンの併用時に発生する問題 - 回避策 -Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 +Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 -この問題を解決するには、アプリケーションで Infragistics ASP.NET のドキュメント アセンブリと {environment:ProductName} のドキュメント アセンブリのいずれか一方を参照します。これらのアセンブリ内のドキュメント ライブラリは同じで、どちらを使用してもかまいません。 +この問題を解決するには、アプリケーションで Infragistics ASP.NET のドキュメント アセンブリと \{environment:ProductName\} のドキュメント アセンブリのいずれか一方を参照します。これらのアセンブリ内のドキュメント ライブラリは同じで、どちらを使用してもかまいません。 -## <a id="mvc-mobile-wrappers"></a>{environment:ProductName} ASP.NET MVC モバイル ラッパー +## <a id="mvc-mobile-wrappers"></a>\{environment:ProductName\} ASP.NET MVC モバイル ラッパー ### <a id="mvc-popup-mobile-control-requirements"></a>ASP.NET MVC ポップアップ モバイル コントロールにはバージョン 1.2 の jQuery モバイルが必要とされる ポップアップ ウィジェットは、jQuery モバイル 1.2 で初めて導入された機能です。Popup MVC ラッパーを使用する場合は、バージョン 1.2 またはそれ以降の jQuery モバイルを使用してください。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/22-known-issues-and-limitations-2012-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/22-known-issues-and-limitations-2012-volume-2.mdx index 162a070e74..81d1d9a0cb 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/22-known-issues-and-limitations-2012-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/22-known-issues-and-limitations-2012-volume-2.mdx @@ -8,7 +8,7 @@ slug: known-issues-and-limitations-2012-volume-2 ## トピックの概要 ### 目的 -このトピックでは、{environment:ProductName}™ ライブラリの既知の問題と制限の一覧を示し、個々のコントロールの既知の問題点に関する参照先トピックを示します。 +このトピックでは、\{environment:ProductName\}™ ライブラリの既知の問題と制限の一覧を示し、個々のコントロールの既知の問題点に関する参照先トピックを示します。 ### このトピックの内容 @@ -25,7 +25,7 @@ slug: known-issues-and-limitations-2012-volume-2 - [財務シリーズ チャートでは先頭の項目と最後の項目が半分切れた状態で表示される](#first-last-items-half-cut) - [軸範囲が変更された時にはチャート アニメーションは無効化されます](#chart-animation-disabled) - [ASP.NET MVC ヘルパー生成コードと ASP.NET MVC ローダーがカスタムの JavaScript ページ設定コードのあとに実行される](#mvc-heper-issue) - - [Infragistics ASP.NET と {environment:ProductName} のドキュメント エンジンの併用時に発生する問題 - 回避策](#document-engines-workaround) + - [Infragistics ASP.NET と \{environment:ProductName\} のドキュメント エンジンの併用時に発生する問題 - 回避策](#document-engines-workaround) - [igEditor のスタイル設定](#igEditor-styling) - [igEditor のレンダリングの失敗](#igEditor-rendering-failure) - [行テンプレートなしで igGridHiding を使用できない](#igGridHiding-cannot-use-row-templates) @@ -65,7 +65,7 @@ slug: known-issues-and-limitations-2012-volume-2 ## <a id="known-issues"></a>2012 Volume 2 の既知の問題と制限 ### <a id="overview"></a>概要 -以下の表に、{environment:ProductName} 2012 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 +以下の表に、\{environment:ProductName\} 2012 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題点に関するトピックでは、それぞれの既知の問題点と考えられる回避策について詳しく説明します。 ### 凡例: @@ -90,7 +90,7 @@ slug: known-issues-and-limitations-2012-volume-2 [財務シリーズ チャートでは先頭の項目と最後の項目が半分切れた状態で表示される](#first-last-items-half-cut)|財務シリーズにおいて、先頭と最後の項目はチャートのビュー上にすべてが表示されず、半分にカットされた状態でプロットされます。 | ![](../../images/images/plannedFix.png) [軸範囲を変更するとチャート アニメーションが無効になる](#chart-animation-disabled)|チャートの Motion Framework を使用していてデータの更新により Y 軸範囲が変更された場合、すべてのチャート アニメーションは無効になり新しいデータがモーション効果なしで直ちに表示されます。 | ![](../../images/images/positive.png) [MVC ヘルパー生成コードと MVC ローダーがカスタムの JavaScript ページ設定コードのあとに実行される](#mvc-heper-issue)|ASP.NET MVC ビューにおいてコントロールの MVC ローダーや MVC ヘルパーを使用した場合、それらが生成する JavaScript コードは、`document.ready()` や `window.load()` イベントで渡されたカスタムのページ設定コードのあとに実行されます。 | ![](../../images/images/positive.png) -[Infragistics ASP.NET と {environment:ProductName} のドキュメント エンジンの併用時に発生する問題 - 回避策](#document-engines-workaround)|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +[Infragistics ASP.NET と \{environment:ProductName\} のドキュメント エンジンの併用時に発生する問題 - 回避策](#document-engines-workaround)|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [igEditor のスタイル設定](#igEditor-styling)|HTML 要素のレイアウトが変更され、ボタンだけでなくエディター本体の四隅も丸みの付いたコーナーで描画されます。 | ![](../../images/images/positive.png) igEditor のスピン ボタン|スピン ボタンは水平方向に描画されます。 | ![](../../images/images/negative.png) [igEditor のレンダリングの失敗](#igEditor-rendering-failure)|ベース要素が TD である場合、レンダリングに失敗することがあります。 | ![](../../images/images/positive.png) @@ -199,11 +199,11 @@ $.ig.loader(function () { この例では、すべてのカスタム コードが `customControlLogic()` 関数によって処理されています。このため、コントロールに影響を与えるコードは、コントロールのインスタンスが作成化されたあとに実行されるようになっています。 -## <a id="document-engines-workaround"></a>Infragistics ASP.NET と {environment:ProductName} のドキュメント エンジンの併用時に発生する問題 - 回避策 +## <a id="document-engines-workaround"></a>Infragistics ASP.NET と \{environment:ProductName\} のドキュメント エンジンの併用時に発生する問題 - 回避策 -Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 +Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 -この問題を解決するには、アプリケーションで Infragistics ASP.NET のドキュメント アセンブリと {environment:ProductName} のドキュメント アセンブリのいずれか一方を参照します。これらのアセンブリ内のドキュメント ライブラリは同じで、どちらを使用してもかまいません。 +この問題を解決するには、アプリケーションで Infragistics ASP.NET のドキュメント アセンブリと \{environment:ProductName\} のドキュメント アセンブリのいずれか一方を参照します。これらのアセンブリ内のドキュメント ライブラリは同じで、どちらを使用してもかまいません。 ## <a id="igEditor-styling"></a>igEditor のスタイル設定 - 回避策 @@ -279,7 +279,7 @@ Firefox のバグにより、列幅が設定されていない場合 `igGrid` ## <a id="mvc-loader-not-working-properly"></a>ASP.NET MVC ローダーが MVC レイザーのレイアウト ビューで正常に機能しない　ｰ　解決策 -ローダーが ASP.NET MVC レイザー アプリケーションのレイアウト ページに含まれている場合、{environment:ProductNameMVC} は適切なローダー コードを生成しません。ASP.NET MVC へルパーは通常の jQuery `$(function() { }) (document.ready)` 構文を使用します。この問題は ASP.NET MVC レイザー アプリケーションでのみ発生し、マスター ページのある MVC ASPX ビューで同じ問題が発生することはありません。 +ローダーが ASP.NET MVC レイザー アプリケーションのレイアウト ページに含まれている場合、\{environment:ProductNameMVC\} は適切なローダー コードを生成しません。ASP.NET MVC へルパーは通常の jQuery `$(function() { }) (document.ready)` 構文を使用します。この問題は ASP.NET MVC レイザー アプリケーションでのみ発生し、マスター ページのある MVC ASPX ビューで同じ問題が発生することはありません。 これは、特定のビューが描画されてからレイアウト ビューが処理/実行されるため、ビューのレンダリングの前にローダーを初期化することができないという事情によるものです。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/23-known-issues-and-limitations-2012-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/23-known-issues-and-limitations-2012-volume-1.mdx index 5cfd5484ce..6913aeca37 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/23-known-issues-and-limitations-2012-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/23-known-issues-and-limitations-2012-volume-1.mdx @@ -8,7 +8,7 @@ slug: known-issues-and-limitations-2012-volume-1 ## トピックの概要 ### 目的 -このトピックでは、{environment:ProductName}™ ライブラリの既知の問題と制限の一覧を示し、個々のコントロールの既知の問題点に関する参照先トピックを示します。 +このトピックでは、\{environment:ProductName\}™ ライブラリの既知の問題と制限の一覧を示し、個々のコントロールの既知の問題点に関する参照先トピックを示します。 ### このトピックの内容 @@ -26,7 +26,7 @@ slug: known-issues-and-limitations-2012-volume-1 - [財務シリーズ チャートでは先頭の項目と最後の項目が半分切れた状態で表示される](#half-cut-first-last-item) - [軸範囲が変更された時にはチャート アニメーションは無効化されます](#chart-animation-disabled-axis-range-changed) - [ページ上のカスタム JavaScript コードのあとに MVC Loader と MVC ヘルパー生成コードが実行する](#mvc-helper-executes-after-custom-js-code) - - [Infragistics ASP.NET と {environment:ProductName} のドキュメント エンジンの併用時に発生する問題 - 回避策](#document-engines-workaround) + - [Infragistics ASP.NET と \{environment:ProductName\} のドキュメント エンジンの併用時に発生する問題 - 回避策](#document-engines-workaround) - [igEditor のスタイル設定](#igEditor-styling) - [igEditor のレンダリングの失敗](#igEditor-rendering-failure) - [行テンプレートなしで igGridHiding を使用できない](#grid-hiding-cannot-use-row-templates) @@ -47,7 +47,7 @@ slug: known-issues-and-limitations-2012-volume-1 ## <a id="known-issues-limitations"></a>2012 Volume 1 の既知の問題と制限 ### <a id="overview"></a>概要 -以下の表に、{environment:ProductName} 2012 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題のトピックに、既知の問題および考えられる回避策の詳細が説明されています。 +以下の表に、\{environment:ProductName\} 2012 Volume 1 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題のトピックに、既知の問題および考えられる回避策の詳細が説明されています。 ### 凡例: @@ -72,7 +72,7 @@ slug: known-issues-and-limitations-2012-volume-1 [財務シリーズ チャートでは先頭の項目と最後の項目が半分切れた状態で表示される](#half-cut-first-last-item)|財務シリーズにおいて、先頭と最後の項目はチャートのビュー上にすべてが表示されず、半分にカットされた状態でプロットされます。 | ![](../../images/images/plannedFix.png) [軸範囲を変更するとチャート アニメーションが無効になる](#chart-animation-disabled-axis-range-changed)|チャートの Motion Framework を使用しデータを更新した場合、Y 軸の範囲が変更され、チャート アニメーションはすべて無効となり、新しいデータはモーションのエフェクトがまったくない形で即座に表示されます。 | ![](../../images/images/positive.png) [ページ上のカスタム JavaScript コードのあとに MVC Loader と MVC ヘルパー生成コードが実行する](#mvc-helper-executes-after-custom-js-code)|どのコントロールの MVC Loader と MVC ヘルパーでも MVC ビューで使用した場合、それらが生成する JavaScript コードは通常 `document.ready()` または `window.ready()` イベントからのカスタム ページ設定コードのあとに実行されます。 | ![](../../images/images/positive.png) -[Infragistics ASP.NET と {environment:ProductName} のドキュメント エンジンの併用時に発生する問題 - 回避策](#document-engines-workaround)|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +[Infragistics ASP.NET と \{environment:ProductName\} のドキュメント エンジンの併用時に発生する問題 - 回避策](#document-engines-workaround)|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [igEditor のスタイル設定](#igEditor-styling)|HTML 要素のレイアウトは修正され、丸みのある角が、ボタンだけでなくエディター全体で描画されます。 | ![](../../images/images/positive.png) `igEditor` のスピン ボタン | スピン ボタンは水平方向に描画されます。 | ![](../../images/images/negative.png) [igEditor のレンダリングの失敗](#igEditor-rendering-failure)|基本要素が TD の場合、レンダリングは失敗することがあります。 | ![](../../images/images/positive.png) @@ -165,11 +165,11 @@ $.ig.loader(function () { ここで、`customControlLogic()` 関数がすべてのカスタム コードを扱います。これにより、コントロールに影響するコードは必ずコントロールをインスタンス化したあと実行されます。 -## <a id="document-engines-workaround"></a>Infragistics ASP.NET と {environment:ProductName} のドキュメント エンジンの併用時に発生する問題 - 回避策 +## <a id="document-engines-workaround"></a>Infragistics ASP.NET と \{environment:ProductName\} のドキュメント エンジンの併用時に発生する問題 - 回避策 -Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 +Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 -この問題を解決するには、アプリケーションで Infragistics ASP.NET のドキュメント アセンブリと {environment:ProductName} のドキュメント アセンブリのいずれか一方を参照します。これらのアセンブリ内のドキュメント ライブラリは同じで、どちらを使用してもかまいません。 +この問題を解決するには、アプリケーションで Infragistics ASP.NET のドキュメント アセンブリと \{environment:ProductName\} のドキュメント アセンブリのいずれか一方を参照します。これらのアセンブリ内のドキュメント ライブラリは同じで、どちらを使用してもかまいません。 ## <a id="igEditor-styling"></a>igEditor のスタイル設定 - 回避策 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/24-known-issues-and-limitations-2011-volume-2.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/24-known-issues-and-limitations-2011-volume-2.mdx index b0ad61dbfb..930f379747 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/24-known-issues-and-limitations-2011-volume-2.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/24-known-issues-and-limitations-2011-volume-2.mdx @@ -8,13 +8,13 @@ slug: known-issues-and-limitations-2011-volume-2 ## トピックの概要 ### 目的 -このトピックでは、{environment:ProductName}™ ライブラリの 2011 Volume 2 リリースの既知の問題および制限について説明します。 +このトピックでは、\{environment:ProductName\}™ ライブラリの 2011 Volume 2 リリースの既知の問題および制限について説明します。 ## 2011 Volume 2 の既知の問題と制限 ### 概要 -以下の表に、{environment:ProductName} 2011 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題のトピックに、既知の問題および考えられる回避策の詳細が説明されています。 +以下の表に、\{environment:ProductName\} 2011 Volume 2 リリースの既知の問題と制限事項の概要を示します。各コントロールの既知の問題のトピックに、既知の問題および考えられる回避策の詳細が説明されています。 ### 凡例: @@ -28,7 +28,7 @@ slug: known-issues-and-limitations-2011-volume-2 機能|説明|状態 ---|---|--- -[Infragistics ASP.NET と {environment:ProductName} のドキュメント エンジンの併用時に発生する問題 - 回避策](#using-document-engine)|Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) +[Infragistics ASP.NET と \{environment:ProductName\} のドキュメント エンジンの併用時に発生する問題 - 回避策](#using-document-engine)|Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 | ![](../../images/images/positive.png) [igEditor のスタイル設定](#igEditor-styling)|HTML 要素のレイアウトは修正され、丸みのある角が、ボタンだけでなくエディター全体で描画されます。 | ![](../../images/images/positive.png) `igEditor` のスピン ボタン | スピン ボタンは水平方向に描画されます。 | ![](../../images/images/negative.png) [igEditor のレンダリングの失敗](#rigEditor-rendering-failure)|基本要素が TD の場合、レンダリングは失敗することがあります。 | ![](../../images/images/positive.png) @@ -43,11 +43,11 @@ slug: known-issues-and-limitations-2011-volume-2 -## <a id="using-document-engine"></a>Infragistics ASP.NET と {environment:ProductName} のドキュメント エンジンの併用時に発生する問題 - 回避策 +## <a id="using-document-engine"></a>Infragistics ASP.NET と \{environment:ProductName\} のドキュメント エンジンの併用時に発生する問題 - 回避策 -Infragistics ASP.NET と {environment:ProductName} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 +Infragistics ASP.NET と \{environment:ProductName\} のドキュメント アセンブリを併用すると、名前空間の競合による例外が発生します。 -この問題を解決するには、アプリケーションで Infragistics ASP.NET のドキュメント アセンブリと {environment:ProductName} のドキュメント アセンブリのいずれか一方を参照します。これらのアセンブリ内のドキュメント ライブラリは同じで、どちらを使用してもかまいません。 +この問題を解決するには、アプリケーションで Infragistics ASP.NET のドキュメント アセンブリと \{environment:ProductName\} のドキュメント アセンブリのいずれか一方を参照します。これらのアセンブリ内のドキュメント ライブラリは同じで、どちらを使用してもかまいません。 ## <a id="igEditor-styling"></a>igEditor のスタイル設定 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/25-known-issues-and-limitations-2011-volume-1.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/25-known-issues-and-limitations-2011-volume-1.mdx index 6fceb9e90f..b38db57922 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/25-known-issues-and-limitations-2011-volume-1.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/25-known-issues-and-limitations-2011-volume-1.mdx @@ -5,17 +5,16 @@ slug: known-issues-and-limitations-2011-volume-1 # 2011 Volume 1 の既知の問題と制限 - ## トピックの概要 ### 目的 -このトピックでは、{environment:ProductName}™ ライブラリの 2011 Volume 1 リリースの既知の問題および制限について説明します。 +このトピックでは、\{environment:ProductName\}™ ライブラリの 2011 Volume 1 リリースの既知の問題および制限について説明します。 ## 2011 Volume 1 の既知の問題と制限 ### 概要 -以下の表は {environment:ProductName} の 2011 Volume 1 リリースの既知の問題と制限の概要を示します。各コントロールの既知の問題のトピックに、既知の問題および考えられる回避策の詳細が説明されています。 +以下の表は \{environment:ProductName\} の 2011 Volume 1 リリースの既知の問題と制限の概要を示します。各コントロールの既知の問題のトピックに、既知の問題および考えられる回避策の詳細が説明されています。 ### 凡例: diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/revision-history.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/revision-history.mdx index 9ade0f72a6..72fafef860 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/revision-history.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues-revision-history/revision-history.mdx @@ -7,63 +7,63 @@ slug: known-issues-revision-history ### 概要 -このトピックは、{environment:ProductName}™ ライブラリの以前のバージョンの既知の問題と制限へのリンクを提供します。 +このトピックは、\{environment:ProductName\}™ ライブラリの以前のバージョンの既知の問題と制限へのリンクを提供します。 ### トピック 各リリースの既知の問題と制限に関する詳細情報は、次のトピックで扱います。 -- [2023 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2023-volume-2): このトピックでは、2023 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2023 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2023-volume-2): このトピックでは、2023 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2023 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2023-volume-1): このトピックでは、2023 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2023 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2023-volume-1): このトピックでは、2023 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2022 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2022-volume-2): このトピックでは、2022 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2022 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2022-volume-2): このトピックでは、2022 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2022 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2022-volume-1): このトピックでは、2022 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2022 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2022-volume-1): このトピックでは、2022 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2021 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2021-volume-2): このトピックでは、2021 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2021 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2021-volume-2): このトピックでは、2021 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2021 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2021-volume-1): このトピックでは、2021 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2021 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2021-volume-1): このトピックでは、2021 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2020 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2020-volume-2): このトピックでは、2020 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2020 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2020-volume-2): このトピックでは、2020 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2020 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2020-volume-1): このトピックでは、2020 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2020 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2020-volume-1): このトピックでは、2020 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2019 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2019-volume-2): このトピックでは、2019 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2019 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2019-volume-2): このトピックでは、2019 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2019 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2019-volume-1): このトピックでは、2019 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2019 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2019-volume-1): このトピックでは、2019 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2018 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2018-volume-2): このトピックでは、2018 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2018 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2018-volume-2): このトピックでは、2018 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2018 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2018-volume-1): このトピックでは、2018 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2018 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2018-volume-1): このトピックでは、2018 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2017 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2017-volume-2): このトピックでは、2017 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2017 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2017-volume-2): このトピックでは、2017 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2017 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2017-volume-1): このトピックでは、2017 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2017 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2017-volume-1): このトピックでは、2017 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2016 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2016-volume-2): このトピックでは、2016 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2016 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2016-volume-2): このトピックでは、2016 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2016 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2016-volume-1): このトピックでは、2016 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2016 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2016-volume-1): このトピックでは、2016 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2015 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2015-volume-2): このトピックでは、2015 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2015 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2015-volume-2): このトピックでは、2015 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2015 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2015-volume-1): このトピックでは、2015 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2015 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2015-volume-1): このトピックでは、2015 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2014 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2014-volume-2): このトピックでは、2014 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2014 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2014-volume-2): このトピックでは、2014 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2014 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2014-volume-1): このトピックでは、2014 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2014 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2014-volume-1): このトピックでは、2014 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2013 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2013-volume-2): このトピックでは、2013 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2013 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2013-volume-2): このトピックでは、2013 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2013 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2013-volume-1): このトピックでは、2013 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2013 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2013-volume-1): このトピックでは、2013 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2012 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2012-volume-2): このトピックでは、2012 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2012 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2012-volume-2): このトピックでは、2012 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2012 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2012-volume-1): このトピックでは、2012 Volume 1 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2012 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2012-volume-1): このトピックでは、2012 Volume 1 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2011 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2011-volume-2): このトピックでは、2011 Volume 2 リリースの {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2011 Volume 2 の既知の問題と制限](/known-issues-and-limitations-2011-volume-2): このトピックでは、2011 Volume 2 リリースの \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 -- [2011 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2011-volume-1): このトピックでは、2011 Volume 2 リリースより前の {environment:ProductName} ライブラリの既知の問題と制限を示します。 +- [2011 Volume 1 の既知の問題と制限](/known-issues-and-limitations-2011-volume-1): このトピックでは、2011 Volume 2 リリースより前の \{environment:ProductName\} ライブラリの既知の問題と制限を示します。 diff --git a/docs/jquery/src/content/ja/topics/known-issues/known-issues.mdx b/docs/jquery/src/content/ja/topics/known-issues/known-issues.mdx index 67736d853e..2da1537827 100644 --- a/docs/jquery/src/content/ja/topics/known-issues/known-issues.mdx +++ b/docs/jquery/src/content/ja/topics/known-issues/known-issues.mdx @@ -5,19 +5,18 @@ slug: known-issues # 既知の問題 - ## 概要 -このグループのトピックでは、{environment:ProductName}™ コントロールのライブラリの既知の問題点、制限事項、および重大な変更に関する情報を提供します。 +このグループのトピックでは、\{environment:ProductName\}™ コントロールのライブラリの既知の問題点、制限事項、および重大な変更に関する情報を提供します。 ## トピック 既知の問題点、制限事項、および重大な変更に関する詳細情報については、以下のトピックを参照してください。 -- [既知の問題](/known-issues-and-limitations): このトピックには、{environment:ProductName}™ ライブラリの既知の問題と制限事項の最新リストが含まれています。 +- [既知の問題](/known-issues-and-limitations): このトピックには、\{environment:ProductName\}™ ライブラリの既知の問題と制限事項の最新リストが含まれています。 - [重大な変更](/general-changelog): 重大な変更は、一般的な変更ログ ドキュメントの各バージョンの変更ログ内にリストされます。 -- [既知の問題点の改訂履歴](/known-issues-revision-history): このトピックは、{environment:ProductName}™ ライブラリの以前のバージョンの既知の問題と制限へのリンクを提供します。 +- [既知の問題点の改訂履歴](/known-issues-revision-history): このトピックは、\{environment:ProductName\}™ ライブラリの以前のバージョンの既知の問題と制限へのリンクを提供します。 -- [重大な変更の改訂履歴](/breaking-changes-revision-history): このトピックは、{environment:ProductName}™ ライブラリの以前のバージョンの重大な変更についてのドキュメントへのリンクを提供します。 +- [重大な変更の改訂履歴](/breaking-changes-revision-history): このトピックは、\{environment:ProductName\}™ ライブラリの以前のバージョンの重大な変更についてのドキュメントへのリンクを提供します。 diff --git a/docs/jquery/src/content/ja/topics/typescript-definitions/typescript-definitions.mdx b/docs/jquery/src/content/ja/topics/typescript-definitions/typescript-definitions.mdx index 4bb67c9866..7826c6bbce 100644 --- a/docs/jquery/src/content/ja/topics/typescript-definitions/typescript-definitions.mdx +++ b/docs/jquery/src/content/ja/topics/typescript-definitions/typescript-definitions.mdx @@ -4,14 +4,15 @@ slug: typescript-definitions --- # TypeScript の定義 + ## このグループのトピックについて ### 概要 -{environment:ProductName}® は、強い型付け、コンパイル時間のチェック、intellisense 機能を利用できるようにTypeScript の型定義を提供します。 +\{environment:ProductName\}® は、強い型付け、コンパイル時間のチェック、intellisense 機能を利用できるようにTypeScript の型定義を提供します。 ### トピック -- [TypeScript で {environment:ProductName} を使用](Using-Ignite-UI-with-TypeScript.html) - このトピックでは、{environment:ProductName} の型定義を TypeScript で使用する方法の概要を説明します。 -- [TypeScript サンプル](/typescript-samples) - このトピックでは、{environment:ProductName} コントロールと TypeScript のサンプルについて説明します。 +- [TypeScript で \{environment:ProductName\} を使用](Using-Ignite-UI-with-TypeScript.html) - このトピックでは、\{environment:ProductName\} の型定義を TypeScript で使用する方法の概要を説明します。 +- [TypeScript サンプル](/typescript-samples) - このトピックでは、\{environment:ProductName\} コントロールと TypeScript のサンプルについて説明します。 diff --git a/docs/jquery/src/content/ja/topics/typescript-definitions/typescript-samples.mdx b/docs/jquery/src/content/ja/topics/typescript-definitions/typescript-samples.mdx index e38debe8ea..9028241170 100644 --- a/docs/jquery/src/content/ja/topics/typescript-definitions/typescript-samples.mdx +++ b/docs/jquery/src/content/ja/topics/typescript-definitions/typescript-samples.mdx @@ -3,10 +3,10 @@ title: "TypeScript サンプル" slug: typescript-samples --- -# TypeScript サンプル - +# TypeScript サンプル + ## トピックの概要 -このトピックでは、{environment:ProductName} コントロールと TypeScript のサンプルについて説明します。 +このトピックでは、\{environment:ProductName\} コントロールと TypeScript のサンプルについて説明します。 ### このトピックの内容 @@ -55,8 +55,8 @@ slug: typescript-samples ### <a id="requirements"></a>要件 これらのサンプルを実行するには、以下が必要となります。 -- 必要な {environment:ProductName} の JavaScript と CSS ファイル -- 必要な {environment:ProductName} TypeScript の定義 +- 必要な \{environment:ProductName\} の JavaScript と CSS ファイル +- 必要な \{environment:ProductName\} TypeScript の定義 ### <a id="grid_sample"></a>グリッド サンプル このサンプルは、`igGrid` を TypeScript で使用する方法を紹介します。 @@ -1446,4 +1446,4 @@ $(function () { ### <a id="related_content"></a>関連コンテンツ 以下のトピックでは、このトピックに関連する追加情報を提供しています。 -[TypeScript で {environment:ProductName} を使用](Using-Ignite-UI-with-TypeScript.html) - このトピックでは、{environment:ProductName} の型定義を TypeScript で使用する方法の概要を説明します。 +[TypeScript で \{environment:ProductName\} を使用](Using-Ignite-UI-with-TypeScript.html) - このトピックでは、\{environment:ProductName\} の型定義を TypeScript で使用する方法の概要を説明します。 diff --git a/docs/jquery/src/content/ja/topics/typescript-definitions/using-ignite-ui-with-typescript.mdx b/docs/jquery/src/content/ja/topics/typescript-definitions/using-ignite-ui-with-typescript.mdx index f011059ba9..ea8d9a671a 100644 --- a/docs/jquery/src/content/ja/topics/typescript-definitions/using-ignite-ui-with-typescript.mdx +++ b/docs/jquery/src/content/ja/topics/typescript-definitions/using-ignite-ui-with-typescript.mdx @@ -1,13 +1,13 @@ --- -title: "TypeScript で {environment:ProductName} を使用" +title: "TypeScript で {environment:ProductName} を使用" slug: using-ignite-ui-with-typescipt --- -# TypeScript で {environment:ProductName} を使用 +# TypeScript で \{environment:ProductName\} を使用 ## トピックの概要 -このトピックでは、{environment:ProductName} の型定義を TypeScript で使用する方法の概要を説明します。 +このトピックでは、\{environment:ProductName\} の型定義を TypeScript で使用する方法の概要を説明します。 ### 前提条件 @@ -20,7 +20,7 @@ slug: using-ignite-ui-with-typescipt **トピック** -- [{environment:ProductName} の概要](/igniteui-for-jquery-overview) +- [\{environment:ProductName\} の概要](/igniteui-for-jquery-overview) ### このトピックの内容 @@ -29,40 +29,40 @@ slug: using-ignite-ui-with-typescipt - [概要](#introduction) - [構文](#syntax) -- [{environment:ProductName} を使用した TypeScript アプリケーションの作成](#creating-app) +- [\{environment:ProductName\} を使用した TypeScript アプリケーションの作成](#creating-app) - [関連コンテンツ](#related-content) ## <a id="introduction"></a>概要 -{environment:ProductName}® は、強い型付け、コンパイル時のチェック、intellisense 機能を利用できるように TypeScript の型定義を提供します。 +\{environment:ProductName\}® は、強い型付け、コンパイル時のチェック、intellisense 機能を利用できるように TypeScript の型定義を提供します。 コントロールの定義を NPM でインストールするには、`npm install @types/ignite-ui` コマンドを使用してください。TypeScript 用の定義は、jQuery と jQuery UI の定義を拡張しているため、元の定義に依存します。 ## <a id="syntax"></a> 構文 -TypeScript アプリケーションで {environment:ProductName} コントロールを使用するための構文は、一般的な JavaScript アプリケーションの構文と同じです。したがって、コード スニペットのリファレンスは、[{environment:ProductName} API ヘルプ](https://jp.igniteui.com/help/api/2025.1)を参照できます。 +TypeScript アプリケーションで \{environment:ProductName\} コントロールを使用するための構文は、一般的な JavaScript アプリケーションの構文と同じです。したがって、コード スニペットのリファレンスは、[\{environment:ProductName\} API ヘルプ](https://jp.igniteui.com/help/api/2025.1)を参照できます。 -## <a id="creating-app"></a>{environment:ProductName} を使用した TypeScript アプリケーションの作成 +## <a id="creating-app"></a>\{environment:ProductName\} を使用した TypeScript アプリケーションの作成 ### <a id="requirements"></a>要件 -必要なリソースは、[{environment:ProductName} での JavaScript リソースの使用](/deployment-guide-javascript-resources) で説明している要件とオプションと同じです。その後に {environment:ProductName} Angular ディレクティブ モジュールも読み込む必要があります。アプリケーションにはいくつかのスタイルと共に、以下も含める必要があります。 +必要なリソースは、[\{environment:ProductName\} での JavaScript リソースの使用](/deployment-guide-javascript-resources) で説明している要件とオプションと同じです。その後に \{environment:ProductName\} Angular ディレクティブ モジュールも読み込む必要があります。アプリケーションにはいくつかのスタイルと共に、以下も含める必要があります。 - [jQuery](http://www.jquery.com/) 1.9 以降 - [jQuery UI](http://jqueryui.com/) 1.10 以降 - [TypeScript ](http://www.typescriptlang.org/) 1.4 以降 -- [{environment:ProductName}](http://jp.igniteui.com/) 15.1 以降 +- [\{environment:ProductName\}](http://jp.igniteui.com/) 15.1 以降 ### <a id="steps"></a>手順 1. Visual Studio で TypeScript を使用した新しい HTML アプリケーションを作成します。 -2. {environment:ProductName} のテーマと構造ファイルを含めます。 +2. \{environment:ProductName\} のテーマと構造ファイルを含めます。 **HTML の場合:** ```html - <link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> - <link href="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/css/structure/infragistics.css" rel="stylesheet" /> + <link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> + <link href="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/css/structure/infragistics.css" rel="stylesheet" /> ``` 3. JavaScript ライブラリを追加します ([modernizr](http://modernizr.com/) はオプションです)。 @@ -74,15 +74,15 @@ TypeScript アプリケーションで {environment:ProductName} コ <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> ``` -4. {environment:ProductName} スクリプトを含めます。必要に応じて、カスタム ダウンロードを使用しますが、[いずれかの方法で {environment:ProductName} を含める](/deployment-guide-javascript-resources)こともできます。 +4. \{environment:ProductName\} スクリプトを含めます。必要に応じて、カスタム ダウンロードを使用しますが、[いずれかの方法で \{environment:ProductName\} を含める](/deployment-guide-javascript-resources)こともできます。 **HTML の場合:** ```html - <script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.core.js"></script> - <script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.lob.js"></script> + <script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.core.js"></script> + <script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.lob.js"></script> - <script src="http://cdn-na.infragistics.com/igniteui/{environment:ProductVersion}/latest/js/infragistics.dv.js"></script> + <script src="http://cdn-na.infragistics.com/igniteui/\{environment:ProductVersion\}/latest/js/infragistics.dv.js"></script> ``` 5. アプリケーション用の TypeScript ファイルの参照パスを追加します。 @@ -92,7 +92,7 @@ TypeScript アプリケーションで {environment:ProductName} コ <script src="./TypeScript/sampleApp.js"></script> ``` -6. TypeScript 用の {environment:ProductName} と jQuery の型定義への参照パスを含めます。 +6. TypeScript 用の \{environment:ProductName\} と jQuery の型定義への参照パスを含めます。 **TypeScript の場合:** ```typescript @@ -137,6 +137,6 @@ TypeScript アプリケーションで {environment:ProductName} コ このトピックについては、以下のサンプルも参照してください。 -- [igHierarchicalGrid TypeScript]({environment:SamplesUrl}/hierarchical-grid/typescript) -- [igTreeGrid TypeScript]({environment:SamplesUrl}/tree-grid/typescript) -- [igPivotGrid TypeScript]({environment:SamplesUrl}/pivot-grid/typescript) +- [igHierarchicalGrid TypeScript](\{environment:SamplesUrl\}/hierarchical-grid/typescript) +- [igTreeGrid TypeScript](\{environment:SamplesUrl\}/tree-grid/typescript) +- [igPivotGrid TypeScript](\{environment:SamplesUrl\}/pivot-grid/typescript) diff --git a/docs/jquery/src/content/ja/topics/whats-new/00-general-changelog.mdx b/docs/jquery/src/content/ja/topics/whats-new/00-general-changelog.mdx index 8020a38d0d..06cf7d99af 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/00-general-changelog.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/00-general-changelog.mdx @@ -101,8 +101,8 @@ slug: general-changelog ## <a id="2423"></a> 24.2.3 ### 追加 -- Infragistics {environment:ProductNameASPNETCore} で ASP.NET Core for .NET 9 プロジェクトがサポートされます。詳細情報は、[{environment:ProductNameASPNETCore} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 -- Infragistics {environment:ProductName} は、最近リリースされた jQuery 3.7 および jQuery UI 1.14 をサポートするようになりました。 +- Infragistics \{environment:ProductNameASPNETCore\} で ASP.NET Core for .NET 9 プロジェクトがサポートされます。詳細情報は、[\{environment:ProductNameASPNETCore\} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 +- Infragistics \{environment:ProductName\} は、最近リリースされた jQuery 3.7 および jQuery UI 1.14 をサポートするようになりました。 - igGrid および igHierarchicalGrid - 新しいプロパティ `rowAttributeTemplate` を使用すると、行に任意の属性を追加できます [#2249](https://github.com/IgniteUI/ignite-ui/issues/2249) - igGridFiltering diff --git a/docs/jquery/src/content/ja/topics/whats-new/jquery-whats-new-landing-page.mdx b/docs/jquery/src/content/ja/topics/whats-new/jquery-whats-new-landing-page.mdx index 7c234ab1e8..6efc4d6f39 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/jquery-whats-new-landing-page.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/jquery-whats-new-landing-page.mdx @@ -5,14 +5,13 @@ slug: jquery-whats-new-landing-page # 新機能 - ### 概要 -このグループのトピックでは、さまざまなバージョンの {environment:ProductName}™ ライブラリのコントロールで導入されている新しいコントロールおよび機能に関する情報を提供します。 +このグループのトピックでは、さまざまなバージョンの \{environment:ProductName\}™ ライブラリのコントロールで導入されている新しいコントロールおよび機能に関する情報を提供します。 ### トピック -- [一般的な変更ログ](/general-changelog): このトピックでは、2024 Volume 1 リリース以降に {environment:ProductName} ライブラリのメジャー バージョンとマイナー バージョンの両方で導入されたすべての変更について説明します。 +- [一般的な変更ログ](/general-changelog): このトピックでは、2024 Volume 1 リリース以降に \{environment:ProductName\} ライブラリのメジャー バージョンとマイナー バージョンの両方で導入されたすべての変更について説明します。 - [改訂履歴](./02_Revision History/~jQuery_Whats_New_Revision_History.mdx): このトピックは、以前のバージョンの「新機能」のトピックのアーカイブです。 diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/00-whats-new-in-2023-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/00-whats-new-in-2023-volume2.mdx index e1c1578491..4dd646805e 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/00-whats-new-in-2023-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/00-whats-new-in-2023-volume2.mdx @@ -5,11 +5,11 @@ slug: whats-new-in-2023-volume2 # 2023 Volume 2 の新機能 -このトピックは、{environment:ProductFamilyName}™ 2023 Volume 2 リリースの新機能について説明します。 +このトピックは、\{environment:ProductFamilyName\}™ 2023 Volume 2 リリースの新機能について説明します。 -### {environment:ProductNameASPNETCore} -Infragistics {environment:ProductNameASPNETCore} で ASP.NET Core for .NET 8 プロジェクトがサポートされます。詳細情報は、[{environment:ProductNameASPNETCore} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 +### \{environment:ProductNameASPNETCore\} +Infragistics \{environment:ProductNameASPNETCore\} で ASP.NET Core for .NET 8 プロジェクトがサポートされます。詳細情報は、[\{environment:ProductNameASPNETCore\} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 -### {environment:ProductNameASPNETCore} タグ ヘルパー -{environment:ProductNameASPNETCore} タグ ヘルパーで ASP.NET Core for .NET 8 プロジェクトがサポートされます。詳細情報は、[{environment:ProductNameASPNETCore} タグ ヘルパーの使用](using-ignite-ui-tag-helpers.html)トピックを参照してください。 +### \{environment:ProductNameASPNETCore\} タグ ヘルパー +\{environment:ProductNameASPNETCore\} タグ ヘルパーで ASP.NET Core for .NET 8 プロジェクトがサポートされます。詳細情報は、[\{environment:ProductNameASPNETCore\} タグ ヘルパーの使用](using-ignite-ui-tag-helpers.html)トピックを参照してください。 diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/01-whats-new-in-2022-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/01-whats-new-in-2022-volume2.mdx index 1fc6605980..8bf2e0b17a 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/01-whats-new-in-2022-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/01-whats-new-in-2022-volume2.mdx @@ -5,14 +5,14 @@ slug: whats-new-in-2022-volume2 # 2022 Volume 2 の新機能 -このトピックは、{environment:ProductFamilyName}™ 2022 Volume 2 リリースの新機能について説明します。 +このトピックは、\{environment:ProductFamilyName\}™ 2022 Volume 2 リリースの新機能について説明します。 -### {environment:ProductNameASPNETCore} -Infragistics {environment:ProductNameASPNETCore} で ASP.NET Core for .NET 7 プロジェクトがサポートされます。詳細情報は、[{environment:ProductNameASPNETCore} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 +### \{environment:ProductNameASPNETCore\} +Infragistics \{environment:ProductNameASPNETCore\} で ASP.NET Core for .NET 7 プロジェクトがサポートされます。詳細情報は、[\{environment:ProductNameASPNETCore\} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 -### {environment:ProductNameASPNETCore} タグ ヘルパー -{environment:ProductNameASPNETCore} タグ ヘルパーで ASP.NET Core for .NET 7 プロジェクトがサポートされます。詳細情報は、[{environment:ProductNameASPNETCore} タグ ヘルパーの使用](using-ignite-ui-tag-helpers.html)トピックを参照してください。 +### \{environment:ProductNameASPNETCore\} タグ ヘルパー +\{environment:ProductNameASPNETCore\} タグ ヘルパーで ASP.NET Core for .NET 7 プロジェクトがサポートされます。詳細情報は、[\{environment:ProductNameASPNETCore\} タグ ヘルパーの使用](using-ignite-ui-tag-helpers.html)トピックを参照してください。 ## チャートの改善 デフォルトの動作を大幅に改善し、カテゴリ チャート API を改良して使いやすくしました。 diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/02-whats-new-in-2022-volume1.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/02-whats-new-in-2022-volume1.mdx index 63b9fcbe13..69993f48a0 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/02-whats-new-in-2022-volume1.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/02-whats-new-in-2022-volume1.mdx @@ -5,7 +5,7 @@ slug: whats-new-in-2022-volume1 # 2022 Volume 1 の新機能 -このトピックは、{environment:ProductFamilyName}™ 2022 Volume 1 リリースの新機能について説明します。 +このトピックは、\{environment:ProductFamilyName\}™ 2022 Volume 1 リリースの新機能について説明します。 ## データ凡例 diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/03-whats-new-in-2021-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/03-whats-new-in-2021-volume2.mdx index 91198cb157..0b50677eba 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/03-whats-new-in-2021-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/03-whats-new-in-2021-volume2.mdx @@ -5,21 +5,21 @@ slug: whats-new-in-2021-volume2 # 2021 Volume 2 の新機能 -このトピックは、{environment:ProductFamilyName}™ 2021 Volume 2 リリースの新機能について説明します。 +このトピックは、\{environment:ProductFamilyName\}™ 2021 Volume 2 リリースの新機能について説明します。 -### {environment:ProductNameASPNETCore} -Infragistics {environment:ProductNameASPNETCore} で ASP.NET Core for .NET 6 プロジェクトがサポートされます。詳細情報は、[{environment:ProductNameASPNETCore} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 +### \{environment:ProductNameASPNETCore\} +Infragistics \{environment:ProductNameASPNETCore\} で ASP.NET Core for .NET 6 プロジェクトがサポートされます。詳細情報は、[\{environment:ProductNameASPNETCore\} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 -### {environment:ProductNameASPNETCore} タグ ヘルパー -{environment:ProductNameASPNETCore} タグ ヘルパーで ASP.NET Core for .NET 6 プロジェクトがサポートされます。詳細情報は、[{environment:ProductNameASPNETCore} タグ ヘルパーの使用](using-ignite-ui-tag-helpers.html)トピックを参照してください。 +### \{environment:ProductNameASPNETCore\} タグ ヘルパー +\{environment:ProductNameASPNETCore\} タグ ヘルパーで ASP.NET Core for .NET 6 プロジェクトがサポートされます。詳細情報は、[\{environment:ProductNameASPNETCore\} タグ ヘルパーの使用](using-ignite-ui-tag-helpers.html)トピックを参照してください。 ### Infragistics Documents Infragistics Documents アセンブリが、ASP.NET Core for .NET6 プロジェクトで利用可能になりました。 -### {environment:ProductName} -{environment:ProductName} は、最近リリースされた jQuery UI 1.13.0 をサポートするようになりました。 +### \{environment:ProductName\} +\{environment:ProductName\} は、最近リリースされた jQuery UI 1.13.0 をサポートするようになりました。 ## チャート機能 diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/04-whats-new-in-2021-volume1.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/04-whats-new-in-2021-volume1.mdx index 81f770e4cc..2dbc10382b 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/04-whats-new-in-2021-volume1.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/04-whats-new-in-2021-volume1.mdx @@ -2,11 +2,14 @@ title: "2021 Volume 1 の新機能" slug: whats-new-in-2021-volume1 --- + +# 2021 Volume 1 の新機能 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2021 Volume 1 の新機能 -このトピックは、{environment:ProductFamilyName}™ 2021 Volume 1 リリースの新機能について説明します。 +このトピックは、\{environment:ProductFamilyName\}™ 2021 Volume 1 リリースの新機能について説明します。 ## チャート機能 diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/05-whats-new-in-2020-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/05-whats-new-in-2020-volume2.mdx index 28800feec2..b93028a961 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/05-whats-new-in-2020-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/05-whats-new-in-2020-volume2.mdx @@ -5,14 +5,14 @@ slug: whats-new-in-2020-volume2 # 2020 Volume 2 の新機能 -このトピックは、{environment:ProductFamilyName}™ 2020 Volume 2 リリースの新機能について説明します。 +このトピックは、\{environment:ProductFamilyName\}™ 2020 Volume 2 リリースの新機能について説明します。 -### {environment:ProductNameASPNETCore} -Infragistics {environment:ProductNameASPNETCore} で ASP.NET Core 5 プロジェクトがサポートされるようになりました。詳細情報は、[{environment:ProductNameASPNETCore} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 +### \{environment:ProductNameASPNETCore\} +Infragistics \{environment:ProductNameASPNETCore\} で ASP.NET Core 5 プロジェクトがサポートされるようになりました。詳細情報は、[\{environment:ProductNameASPNETCore\} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 -### {environment:ProductNameASPNETCore} タグ ヘルパー -{environment:ProductNameASPNETCore} タグ ヘルパーで ASP.NET Core 5 プロジェクトがサポートされます。詳細情報は、[{environment:ProductNameASPNETCore} タグ ヘルパーの使用](using-ignite-ui-tag-helpers.html)トピックを参照してください。 +### \{environment:ProductNameASPNETCore\} タグ ヘルパー +\{environment:ProductNameASPNETCore\} タグ ヘルパーで ASP.NET Core 5 プロジェクトがサポートされます。詳細情報は、[\{environment:ProductNameASPNETCore\} タグ ヘルパーの使用](using-ignite-ui-tag-helpers.html)トピックを参照してください。 ### Infragistics Documents diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/06-whats-new-in-2019-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/06-whats-new-in-2019-volume2.mdx index 8651e3943d..3141dfb288 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/06-whats-new-in-2019-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/06-whats-new-in-2019-volume2.mdx @@ -5,14 +5,14 @@ slug: whats-new-in-2019-volume2 # 2019 Volume 2 の新機能 -このトピックは、{environment:ProductFamilyName}™ 2019 Volume 2 リリースの新機能について説明します。 +このトピックは、\{environment:ProductFamilyName\}™ 2019 Volume 2 リリースの新機能について説明します。 -### {environment:ProductNameASPNETCore} -Infragistics {environment:ProductNameASPNETCore} で ASP.NET Core 3 プロジェクトがサポートされるようになりました。詳細情報は、[{environment:ProductNameASPNETCore} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 +### \{environment:ProductNameASPNETCore\} +Infragistics \{environment:ProductNameASPNETCore\} で ASP.NET Core 3 プロジェクトがサポートされるようになりました。詳細情報は、[\{environment:ProductNameASPNETCore\} の使用](Using-IgniteUI-Controls-in-ASP.NET-Core-project.html)トピックを参照してください。 -### {environment:ProductNameASPNETCore} タグ ヘルパー -{environment:ProductNameASPNETCore} タグ ヘルパーで ASP.NET Core 3 プロジェクトがサポートされます。詳細情報は、[{environment:ProductNameASPNETCore} タグ ヘルパーの使用](using-ignite-ui-tag-helpers.html)トピックを参照してください。 +### \{environment:ProductNameASPNETCore\} タグ ヘルパー +\{environment:ProductNameASPNETCore\} タグ ヘルパーで ASP.NET Core 3 プロジェクトがサポートされます。詳細情報は、[\{environment:ProductNameASPNETCore\} タグ ヘルパーの使用](using-ignite-ui-tag-helpers.html)トピックを参照してください。 ### Infragistics Documents diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/07-whats-new-in-2018-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/07-whats-new-in-2018-volume2.mdx index 86bf6e1850..da42158419 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/07-whats-new-in-2018-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/07-whats-new-in-2018-volume2.mdx @@ -5,7 +5,7 @@ slug: whats-new-in-2018-volume2 # 2018 Volume 2 の新機能 -このトピックでは、{environment:ProductFamilyName}™ 2018 Volume 2 リリースのコントロールと新機能および拡張機能を紹介します。 +このトピックでは、\{environment:ProductFamilyName\}™ 2018 Volume 2 リリースのコントロールと新機能および拡張機能を紹介します。 ### 概要 @@ -99,7 +99,7 @@ Infragistics Worksheet のインスタンスは、SparklineGroups コレクシ フィルター セルのためにカスタム エディター プロバイダーを作成できます。つまり、igGrid コンテンツをフィルターするために igEditorProvider クラスを拡張してカスタム エディターを設定できます。詳細については、以下のサンプルを参照してください。 ### サンプル -[Excel スタイル フィルタリング]({environment:SamplesUrl}/grid/filtering-combo-editor-provider) +[Excel スタイル フィルタリング](\{environment:SamplesUrl\}/grid/filtering-combo-editor-provider) ## igSpreadsheet diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/08-whats-new-in-2018-volume1.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/08-whats-new-in-2018-volume1.mdx index 408599581d..9825595631 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/08-whats-new-in-2018-volume1.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/08-whats-new-in-2018-volume1.mdx @@ -3,11 +3,13 @@ title: "2018 Volume 1 の新機能" slug: whats-new-in-2018-volume1 --- +# 2018 Volume 1 の新機能 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2018 Volume 1 の新機能 -このトピックでは、{environment:ProductFamilyName}™ 2018 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。 +このトピックでは、\{environment:ProductFamilyName\}™ 2018 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。 ### 概要 diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/09-whats-new-in-2017-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/09-whats-new-in-2017-volume2.mdx index 9d42b81788..94f9ed7281 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/09-whats-new-in-2017-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/09-whats-new-in-2017-volume2.mdx @@ -3,11 +3,13 @@ title: "2017 Volume 2 の新機能" slug: whats-new-in-2017-volume2 --- +# 2017 Volume 2 の新機能 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2017 Volume 2 の新機能 -このトピックでは、{environment:ProductFamilyName}™ 2017 Volume 2 リリースのコントロールと新機能および拡張機能を紹介します。 +このトピックでは、\{environment:ProductFamilyName\}™ 2017 Volume 2 リリースのコントロールと新機能および拡張機能を紹介します。 ## 概要 @@ -159,9 +161,9 @@ locale | ウィジェットのロケール設定を取得または設定しま - [編集 API (igSpreadsheet)](/igspreadsheet-editing) #### 関連サンプル -- [概要]({environment:SamplesUrl}/spreadsheet/overview) -- [表示の構成]({environment:SamplesUrl}/spreadsheet/create-view-save) -- [エクセル ファイルからデータをインポート]({environment:SamplesUrl}/spreadsheet/loading-data) +- [概要](\{environment:SamplesUrl\}/spreadsheet/overview) +- [表示の構成](\{environment:SamplesUrl\}/spreadsheet/create-view-save) +- [エクセル ファイルからデータをインポート](\{environment:SamplesUrl\}/spreadsheet/loading-data) ## エディター diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/10-whats-new-in-2017-volume1.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/10-whats-new-in-2017-volume1.mdx index 18673c5c0f..b5e081579b 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/10-whats-new-in-2017-volume1.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/10-whats-new-in-2017-volume1.mdx @@ -3,11 +3,13 @@ title: "2017 Volume 1 の新機能" slug: whats-new-in-2017-volume1 --- +# 2017 Volume 1 の新機能 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2017 Volume 1 の新機能 -このトピックでは、{environment:ProductFamilyName}™ 2017 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。 +このトピックでは、\{environment:ProductFamilyName\}™ 2017 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。 ## 新機能の概要 @@ -128,9 +130,9 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #### 関連サンプル -- [概要]({environment:SamplesUrl}/spreadsheet/overview) -- [表示の構成]({environment:SamplesUrl}/spreadsheet/create-view-save) -- [エクセル ファイルからデータをインポート]({environment:SamplesUrl}/spreadsheet/loading-data) +- [概要](\{environment:SamplesUrl\}/spreadsheet/overview) +- [表示の構成](\{environment:SamplesUrl\}/spreadsheet/create-view-save) +- [エクセル ファイルからデータをインポート](\{environment:SamplesUrl\}/spreadsheet/loading-data) ## <a id="igScheduler"></a> igScheduler ### 新しいコントロール @@ -166,8 +168,8 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #### 関連サンプル -- [igScheduler 予定一覧ビュー]({environment:SamplesUrl}/scheduler/agenda-view) -- [igScheduler 予定インジケーター]({environment:SamplesUrl}/scheduler/appointment-indicators) +- [igScheduler 予定一覧ビュー](\{environment:SamplesUrl\}/scheduler/agenda-view) +- [igScheduler 予定インジケーター](\{environment:SamplesUrl\}/scheduler/appointment-indicators) ## igDataSource @@ -179,7 +181,7 @@ igDataSource コンポーネントは、<ApiLink pkg="ig" type="datasource" memb - [igDataSource の概要](/igdatasource-igdatasource-overview) #### 間連サンプル -- [簡易なフィルタリング]({environment:SamplesUrl}/grid/simple-filtering) +- [簡易なフィルタリング](\{environment:SamplesUrl\}/grid/simple-filtering) ## igGrid @@ -206,7 +208,7 @@ GroupBy 集計機能は、そのアイランドにあるデータ列の集計情 - [GroupBy 集計の機能概要 (igGrid)](/iggrid-groupby-summaries) #### 関連サンプル -- [集計とグループ化]({environment:SamplesUrl}/grid/grouping) +- [集計とグループ化](\{environment:SamplesUrl\}/grid/grouping) ## igCombo diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/11-whats-new-in-2016-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/11-whats-new-in-2016-volume2.mdx index efb93ba9df..d6925518e1 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/11-whats-new-in-2016-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/11-whats-new-in-2016-volume2.mdx @@ -3,11 +3,13 @@ title: "2016 Volume 2 の新機能" slug: whats-new-in-2016-volume2 --- +# 2016 Volume 2 の新機能 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #2016 Volume 2 の新機能 -このトピックでは、{environment:ProductFamilyName}™ 2016 Volume 2 リリースのコントロールと新機能および拡張機能を紹介します。 +このトピックでは、\{environment:ProductFamilyName\}™ 2016 Volume 2 リリースのコントロールと新機能および拡張機能を紹介します。 ##新機能 @@ -18,15 +20,15 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 機能 | 説明 ---|--- -{environment:ProductName} OSS | {environment:ProductName} ツールセットの一部がオープンソースになりました。 [GitHub](https://github.com/IgniteUI/ignite-ui) でリポジトリを参照してください。| -Angular 2 (RTM) 用の {environment:ProductName} ディレクティブ | {environment:ProductName} ウィジェットは Angular 2 のコンポーネント ラッパーがあります。詳細については、 [{environment:ProductName} Angular 2 GitHub](https://github.com/IgniteUI/igniteui-angular-wrappers) ページを参照してください。| -React (CTP)用の {environment:ProductName} コンポーネント | {environment:ProductName} ウィジェットは [React](https://facebook.github.io/react/) のコンポーネント ラッパーがあります。詳細については、[{environment:ProductName} Components for React](https://github.com/IgniteUI/igniteui-react) ページを参照してください。| -ASP.NET Core 1.0 MVC ヘルパー | {environment:ProductName} MVC ヘルパーで ASP.NET Core 1.0 がサポートされるようになりました。[{environment:ProductName} コントロールを ASP.NET Core 1.0 で使用](Using-IgniteUI-Controls-in-ASP.NET-Core-1.0-project.html) トピックを参照してください。| -ASP.NET Core 1.0 MVC タグ ヘルパー | {environment:ProductName} ASP.NET Core 1.0 MVC タグ ヘルパーを提供します。[{environment:ProductName} タグ ヘルパーの使用](Using-Ignite-UI-Tag-Helpers.html) トピックを参照してください。| +\{environment:ProductName\} OSS | \{environment:ProductName\} ツールセットの一部がオープンソースになりました。 [GitHub](https://github.com/IgniteUI/ignite-ui) でリポジトリを参照してください。| +Angular 2 (RTM) 用の \{environment:ProductName\} ディレクティブ | \{environment:ProductName\} ウィジェットは Angular 2 のコンポーネント ラッパーがあります。詳細については、 [\{environment:ProductName\} Angular 2 GitHub](https://github.com/IgniteUI/igniteui-angular-wrappers) ページを参照してください。| +React (CTP)用の \{environment:ProductName\} コンポーネント | \{environment:ProductName\} ウィジェットは [React](https://facebook.github.io/react/) のコンポーネント ラッパーがあります。詳細については、[\{environment:ProductName\} Components for React](https://github.com/IgniteUI/igniteui-react) ページを参照してください。| +ASP.NET Core 1.0 MVC ヘルパー | \{environment:ProductName\} MVC ヘルパーで ASP.NET Core 1.0 がサポートされるようになりました。[\{environment:ProductName\} コントロールを ASP.NET Core 1.0 で使用](Using-IgniteUI-Controls-in-ASP.NET-Core-1.0-project.html) トピックを参照してください。| +ASP.NET Core 1.0 MVC タグ ヘルパー | \{environment:ProductName\} ASP.NET Core 1.0 MVC タグ ヘルパーを提供します。[\{environment:ProductName\} タグ ヘルパーの使用](Using-Ignite-UI-Tag-Helpers.html) トピックを参照してください。| [新しい Javascript ファイル分割](#javascript-file-breakdown) | 変更の主要な目的は、特定の機能をロードするときに必要なコードの量を縮小することです。 | DPI スケール | デフォルトで 高DPI スケールを有効にすることにより、コンポーネントに鮮明でクリアな外観を実現できます。デフォルトで 高DPI スケールを有効にしたコンポーネントは、igDataChart、igPieChart、igFunnelChart、igDoughnutChart、igRadialGauge、igLinearGauge、igBulletGraph、igSparkline、igRadialMenu です。 | 標準モジュール サポート | すべての IgniteUI JavaScript ファイルは AMD モジュール定義が含まれます。したがって、ファイルは Require.JS、System.JS など、標準モジュール ローダーを使用してロードできます。| -[{environment:ProductName} NuGet パッケージ](#ignite-ui-nuget-packages) | .NET Core アプリケーションを作成するためのパッケージをはじめとして、新しい {environment:ProductName} NuGet パッケージを提供します。| +[\{environment:ProductName\} NuGet パッケージ](#ignite-ui-nuget-packages) | .NET Core アプリケーションを作成するためのパッケージをはじめとして、新しい \{environment:ProductName\} NuGet パッケージを提供します。| ### igCategoryChart @@ -66,9 +68,9 @@ DPI スケール | デフォルトで 高DPI スケールを有効にするこ [複数行レイアウトでのインライン編集](#mrl-inline-editing)| 複数行レイアウト機能が行およびセルのインライン編集をサポートします。 | 複数列ヘッダーの縮小可能な列グループ | 縮小可能な列グループは、複数列ヘッダーをより小さいデータ セットに縮小/展開する方法を提供します。 | 列セッター | 列のコレクションをランタイムで変更できるようになりました。 | -igGrid モーダル ダイアログの拡張性| ダイアログを含むグリッド機能 (更新、フィルター、並べ替え、非表示、GroupBy、列移動) に、カスタムのダイアログ実装を可能にする、新しい `dialogWidget` オプションを追加しました。 - [サンプル]({environment:SamplesUrl}/grid/custom-modal-dialog)または[トピック](Extending_igGrid_Modal_Dialog.html)を参照してください。 | -リアルタイム データにバインド サンプル| igGrid をリアルタイム データにバインドすることを紹介するサンプルが追加されました - [サンプルの表示]({environment:SamplesUrl}/grid/binding-real-time-data) | -パフォーマンス オプション サンプル| igGrid のパフォーマンス オプションを紹介するサンプルが追加されました - [サンプルの表示]({environment:SamplesUrl}/grid/grid-performance). | +igGrid モーダル ダイアログの拡張性| ダイアログを含むグリッド機能 (更新、フィルター、並べ替え、非表示、GroupBy、列移動) に、カスタムのダイアログ実装を可能にする、新しい `dialogWidget` オプションを追加しました。 - [サンプル](\{environment:SamplesUrl\}/grid/custom-modal-dialog)または[トピック](Extending_igGrid_Modal_Dialog.html)を参照してください。 | +リアルタイム データにバインド サンプル| igGrid をリアルタイム データにバインドすることを紹介するサンプルが追加されました - [サンプルの表示](\{environment:SamplesUrl\}/grid/binding-real-time-data) | +パフォーマンス オプション サンプル| igGrid のパフォーマンス オプションを紹介するサンプルが追加されました - [サンプルの表示](\{environment:SamplesUrl\}/grid/grid-performance). | ### igPieChart @@ -266,16 +268,16 @@ igDataChart を読み込む場合、必要なチャート機能を読み込ん * infragistics.ui.categorychart.js -### <a id="ignite-ui-nuget-packages"></a>{environment:ProductName} NuGet パッケージ +### <a id="ignite-ui-nuget-packages"></a>\{environment:ProductName\} NuGet パッケージ -2016 volume 2 リリースより、3 つの {environment:ProductName} NuGet パッケージが新規追加されました。これらのパッケージでアプリケーションをより速くセットアップできるため、生産性の向上につながります。パッケージは、プロジェクトに必要な {environment:ProductName} ファイルおよび参照を自動的に追加します。 +2016 volume 2 リリースより、3 つの \{environment:ProductName\} NuGet パッケージが新規追加されました。これらのパッケージでアプリケーションをより速くセットアップできるため、生産性の向上につながります。パッケージは、プロジェクトに必要な \{environment:ProductName\} ファイルおよび参照を自動的に追加します。 新しい ASP.NET では、ほとんどのモジュールが NuGet パッケージとしてラップされています。そのため、ASP.NET Core 上に構築されている新しい MVC ラッパーも NuGet パッケージとして提供されます。 NuGet パッケージが製品インストーラーでインストールされる際、新しいローカル フィードが作成されます。そのため、NuGet パッケージ マネージャーを設定する必要はありません。次回 Visual Studio を実行した際にローカル NuGet フィード Infragistics (ローカル) が表示されます。 #### 関連トピック: -- [Using {environment:ProductName} パッケージの使用](/Using-Ignite-UI-NuGet-Packages) +- [Using \{environment:ProductName\} パッケージの使用](/Using-Ignite-UI-NuGet-Packages) ## igDataChart @@ -483,8 +485,8 @@ Group By の仮想化の統合機能が向上しました。 - [列のグループ化の概要 (igGrid)](/iggrid-groupby-overview#api-usage) #### 関連サンプル -- [連続仮想化]({environment:SamplesUrl}/grid/virtualization-continuous) -- [グループ化 API]({environment:SamplesUrl}/grid/grouping-api) +- [連続仮想化](\{environment:SamplesUrl\}/grid/virtualization-continuous) +- [グループ化 API](\{environment:SamplesUrl\}/grid/grouping-api) ### <a id="mrl-inline-editing"></a> 複数行レイアウトでのインライン編集 @@ -496,7 +498,7 @@ Group By の仮想化の統合機能が向上しました。 - [グリッドの複数行レイアウト](/iggrid-multirowlayout#features-integration) #### 関連サンプル -- [複数行レイアウトのインライン編集]({environment:SamplesUrl}/grid/multi-row-layout-inline-editing) +- [複数行レイアウトのインライン編集](\{environment:SamplesUrl\}/grid/multi-row-layout-inline-editing) ## igPieChart @@ -558,9 +560,9 @@ igScroll は、デスクトップ、ハイブリッド、およびモバイル - [igScroll の構成](Configuring-igScroll.html) #### 関連サンプル -- [基本的な使用方法]({environment:SamplesUrl}/scroll/basic-usage) -- [複数のコンテナーを一度にスクロール]({environment:SamplesUrl}/scroll/scrolling-multiple-containers) -- [構成オプション]({environment:SamplesUrl}/scroll/configuration-options) +- [基本的な使用方法](\{environment:SamplesUrl\}/scroll/basic-usage) +- [複数のコンテナーを一度にスクロール](\{environment:SamplesUrl\}/scroll/scrolling-multiple-containers) +- [構成オプション](\{environment:SamplesUrl\}/scroll/configuration-options) ## igValidator diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/12-whats-new-in-2016-volume1.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/12-whats-new-in-2016-volume1.mdx index 1075d3801b..fb3b9c98d7 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/12-whats-new-in-2016-volume1.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/12-whats-new-in-2016-volume1.mdx @@ -3,11 +3,13 @@ title: "2016 Volume 1 の新機能" slug: whats-new-in-2016-volume1 --- +# 2016 Volume 1 の新機能 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #2016 Volume 1 の新機能 -このトピックでは、{environment:ProductFamilyName}™ 2016 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。 +このトピックでは、\{environment:ProductFamilyName\}™ 2016 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。 ##新機能: @@ -18,16 +20,16 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 機能|説明 ---|--- -新しい Bootstrap 4 テーマ|新しい Bootstrap 4 互換性のあるテーマが {environment:ProductName} に含まれます - [サンプルの表示]({environment:SamplesUrl}/themes/bootstrap4-default)。 -Angular 2 コンポーネント (CTP) |{environment:ProductName} ウィジェットは Angular 2 のコンポーネント ラッパーがあります。詳細については、[{environment:ProductName} Angular 2 GitHub](https://github.com/IgniteUI/igniteui-angular-wrappers) ページを参照してください。| +新しい Bootstrap 4 テーマ|新しい Bootstrap 4 互換性のあるテーマが \{environment:ProductName\} に含まれます - [サンプルの表示](\{environment:SamplesUrl\}/themes/bootstrap4-default)。 +Angular 2 コンポーネント (CTP) |\{environment:ProductName\} ウィジェットは Angular 2 のコンポーネント ラッパーがあります。詳細については、[\{environment:ProductName\} Angular 2 GitHub](https://github.com/IgniteUI/igniteui-angular-wrappers) ページを参照してください。| 新しいスケール可能なフォント アイコン|デフォルトの Infragistics テーマは画像アイコンの代わりに [jQuery UI フォント アイコン](https://github.com/mkkeck/jquery-ui-iconfont) を使用します。 | -Modernizr 3.x サポート|{environment:ProductName} は、Modernizr ライブラリを使用してタッチ環境を検出します。詳細については、[{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls)を参照してください。[Mordernizr 3.x](https://modernizr.com/) は、以前の Modernizr バージョンもサポートされます。 | +Modernizr 3.x サポート|\{environment:ProductName\} は、Modernizr ライブラリを使用してタッチ環境を検出します。詳細については、[\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls)を参照してください。[Mordernizr 3.x](https://modernizr.com/) は、以前の Modernizr バージョンもサポートされます。 | ### igTileManager 機能|説明 ---|--- -スプリッター オプション|`splitterOptions` は `showSplitter` オプションに代わります。表示および非表示、その他複数のオプションが追加されました。スプリッターを縮小可能に構成し、collapsed/expanded イベントにアタッチできます。新しいオプションの使用は次のサンプルを参照ください - [サンプルの表示]({environment:SamplesUrl}/tile-manager/collapsible-splitter)。 +スプリッター オプション|`splitterOptions` は `showSplitter` オプションに代わります。表示および非表示、その他複数のオプションが追加されました。スプリッターを縮小可能に構成し、collapsed/expanded イベントにアタッチできます。新しいオプションの使用は次のサンプルを参照ください - [サンプルの表示](\{environment:SamplesUrl\}/tile-manager/collapsible-splitter)。 ### igDataSource @@ -39,11 +41,11 @@ Modernizr 3.x サポート|{environment:ProductName} は、Modernizr 機能|説明 ---|--- -新しい列オプション - mapper|dataType="object" の列の場合、複合オブジェクトから複合データ抽出で使用する、mapper 関数の設定を許可します。その戻り値は、その列に対するすべてのデータ操作（更新、フィルター、並べ替えなど）で使用されます - [サンプルの表示]({environment:SamplesUrl}/grid/handling-complex-objects)。<br/> 詳細については、次のトピックを参照してください: [列およびレイアウト](/iggrid-columns-and-layout#defining-mapper)| +新しい列オプション - mapper|dataType="object" の列の場合、複合オブジェクトから複合データ抽出で使用する、mapper 関数の設定を許可します。その戻り値は、その列に対するすべてのデータ操作（更新、フィルター、並べ替えなど）で使用されます - [サンプルの表示](\{environment:SamplesUrl\}/grid/handling-complex-objects)。<br/> 詳細については、次のトピックを参照してください: [列およびレイアウト](/iggrid-columns-and-layout#defining-mapper)| ColumnFixing 機能は、パーセンテージで設定されるグリッド幅で使用できます。|ColumnFixing 機能は、グリッドの幅がパーセンテージで設定される場合に使用できるようになりました。<br/>**注**: 列幅は依然としてピクセル単位で定義します。明示的に設定するか、<ApiLink type="iggrid" member="defaultColumnWidth" section="options" label="defaultColumnWidth" /> オプションを使用できます。| [複数行レイアウト機能](#multi-row-layout)|複数行レイアウト機能は、複数の列および行にまたがるセルを含む多数の行で構成される複雑なグリッド レコード レイアウトを作成できます。 | [チェックボックスの外観](#checkbox-appearance)|チェックマークが表示モードで操作できないことを示すためにチェックボックス列の外観が変更されました。 | -Excel からの貼り付けサンプル|Excel クリップボード データを igGrid に貼り付けることを紹介するサンプルが追加されました - [サンプルの表示]({environment:SamplesUrl}/grid/paste-from-excel)。 | +Excel からの貼り付けサンプル|Excel クリップボード データを igGrid に貼り付けることを紹介するサンプルが追加されました - [サンプルの表示](\{environment:SamplesUrl\}/grid/paste-from-excel)。 | ### igTreeGrid @@ -74,7 +76,7 @@ Excel からの貼り付けサンプル|Excel クリップボード データを - [グリッドの複数行レイアウト](/iggrid-multirowlayout) #### 関連サンプル -- [複数行レイアウト]({environment:SamplesUrl}/grid/multi-row-layout) +- [複数行レイアウト](\{environment:SamplesUrl\}/grid/multi-row-layout) ### <a id="checkbox-appearance"></a> チェックボックスの外観 チェックボックス列の外観が変更されました。グリッドが表示モードにある場合、四角ボックスが描画されません。プレーン チェックマークのみが表示されます。この変更はユーザー エクスペリエンスの向上です。切り替えるためにクリックできないため、クリック可能として表示されません。 @@ -85,7 +87,7 @@ Excel からの貼り付けサンプル|Excel クリップボード データを - [列のチェックボックスのレンダリング](/iggrid-columns-and-layout#checkboxes) #### 関連サンプル -- [チェックボックス列]({environment:SamplesUrl}/grid/checkbox-column) +- [チェックボックス列](\{environment:SamplesUrl\}/grid/checkbox-column) ## igTreeGrid @@ -103,7 +105,7 @@ Excel からの貼り付けサンプル|Excel クリップボード データを - [更新 (igTreeGrid)](/igtreegrid-updating) #### 関連サンプル -- [更新]({environment:SamplesUrl}/tree-grid/updating) +- [更新](\{environment:SamplesUrl\}/tree-grid/updating) ## TypeScript サポート @@ -130,7 +132,7 @@ getter および setter を含むすべての利用可能なオプションが I ![](../../images/images/method-overloads.png) #### ウィジェットの `data` にメソッドの Intellisense があります -jQuery UI 構文でウィジェットのメソッドをウィジェットの data から起動できます: $(".selector").data('widgetName')。{environment:ProductName} TypeScript ディレクティブでも可能になりました。 +jQuery UI 構文でウィジェットのメソッドをウィジェットの data から起動できます: $(".selector").data('widgetName')。\{environment:ProductName\} TypeScript ディレクティブでも可能になりました。 ![](../../images/images/method-data-overloads.png) diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/13-whats-new-in-2015-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/13-whats-new-in-2015-volume2.mdx index 555606e715..e8d27eda18 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/13-whats-new-in-2015-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/13-whats-new-in-2015-volume2.mdx @@ -3,11 +3,13 @@ title: "2015 Volume 2 の新機能" slug: whats-new-in-2015-volume2 --- +# 2015 Volume 2 の新機能 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #2015 Volume 2 の新機能 -このトピックでは、{environment:ProductFamilyName}™ 2015 Volume 2 リリースのコントロールと新機能および拡張機能を紹介します。 +このトピックでは、\{environment:ProductFamilyName\}™ 2015 Volume 2 リリースのコントロールと新機能および拡張機能を紹介します。 ##新機能: @@ -18,19 +20,19 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 機能|説明 ---|--- -[MVC 向けの新しい {environment:ProductName} Scaffolder](#igniteui-scaffolder) |{environment:ProductName} ウィジェット用の新しい Scaffolder -{environment:ProductName} のすべてのウィジェットを対象とした ASP.NET MVC 6 の完全なサポート|ASP.NET MVC 6 のバージョン ビルドが、Infragistics.Web.Mvc.dll に含まれるようになりました。 -{environment:ProductName} の TypeScript 1.5 定義|{environment:ProductName} の TypeScript 定義は、TypeScript 1.5 をサポートするようになりました。ウィジェットのメソッドに Intellisense が追加されました。 +[MVC 向けの新しい \{environment:ProductName\} Scaffolder](#igniteui-scaffolder) |\{environment:ProductName\} ウィジェット用の新しい Scaffolder +\{environment:ProductName\} のすべてのウィジェットを対象とした ASP.NET MVC 6 の完全なサポート|ASP.NET MVC 6 のバージョン ビルドが、Infragistics.Web.Mvc.dll に含まれるようになりました。 +\{environment:ProductName\} の TypeScript 1.5 定義|\{environment:ProductName\} の TypeScript 定義は、TypeScript 1.5 をサポートするようになりました。ウィジェットのメソッドに Intellisense が追加されました。 ### igCombo 機能|説明 ---|--- -オートコンプリート|コンボに入力すると、一覧から一致する結果を絞り込み表示します。[サンプルの表示]({environment:SamplesUrl}/combo/filtering) -[グループ化](#combo-grouping)|コンボ リスト内の項目をグループ化することができるようになりました。[サンプルの表示]({environment:SamplesUrl}/combo/grouping) -ヘッダーとフッターのテンプレート|テンプレートを使用して、ヘッダーとフッターをコンボで構成できるようになりました。[サンプルの表示]({environment:SamplesUrl}/combo/templates) +オートコンプリート|コンボに入力すると、一覧から一致する結果を絞り込み表示します。[サンプルの表示](\{environment:SamplesUrl\}/combo/filtering) +[グループ化](#combo-grouping)|コンボ リスト内の項目をグループ化することができるようになりました。[サンプルの表示](\{environment:SamplesUrl\}/combo/grouping) +ヘッダーとフッターのテンプレート|テンプレートを使用して、ヘッダーとフッターをコンボで構成できるようになりました。[サンプルの表示](\{environment:SamplesUrl\}/combo/templates) RTL サポート|右から左に記述する言語のサポートを追加しました。 [ドロップダウンの方向](#combo-dd-orientation) |デフォルトで、ドロップダウン リストは使用可能なスペースに応じて上部または下部に自動的に表示されます。ドロップダウン リストのこの動作は、`dropDownOrientation` オプションを使用して明示的に構成することもできます。 -カスタム値|コンボのテキスト入力でカスタム値を設定する `allowCustomValue` オプションは、15.1 で削除されましたが、お客様からのフィードバックに応え、このリリースで復活させました。[サンプルの表示]({environment:SamplesUrl}/combo/editing) +カスタム値|コンボのテキスト入力でカスタム値を設定する `allowCustomValue` オプションは、15.1 で削除されましたが、お客様からのフィードバックに応え、このリリースで復活させました。[サンプルの表示](\{environment:SamplesUrl\}/combo/editing) パフォーマンスの向上|コンボを使用するすべての操作は、10,000 個以上のレコードでスムーズに動作します。初期ロード時間、ドロップダウン リストのオープン時およびクローズ時のアニメーション、選択、オート コンプリートおよびオート セレクトによる入力はいずれも、高速で動作します。 ### igDataChart @@ -85,7 +87,7 @@ ARIA のサポート|W3C WAI-ARIA 仕様に準拠するようになりました ### igValidator 機能|説明 ---|--- -[リファクタリングされたバリデーター](#validator) |標準の入力フォーム要素だけではなく、一連の {environment:ProductName} コンポーネントも柔軟に検証できるように、バリデーターが作り直されました。 +[リファクタリングされたバリデーター](#validator) |標準の入力フォーム要素だけではなく、一連の \{environment:ProductName\} コンポーネントも柔軟に検証できるように、バリデーターが作り直されました。 ### igUpload @@ -95,16 +97,16 @@ ARIA のサポート|W3C WAI-ARIA 仕様に準拠するようになりました ##全般 -### <a id="igniteui-scaffolder"></a> MVC 向けの新しい {environment:ProductName} Scaffolder +### <a id="igniteui-scaffolder"></a> MVC 向けの新しい \{environment:ProductName\} Scaffolder -{environment:ProductName} ウィジェット用の新しい Scaffolder を公開しました。これにより、開発者の生産性が大幅に向上します。データの作成、読み込み、アップデート、削除などの標準的なデータ操作を迅速に絞り込む、コード生成およびテンプレートを提供します。数回のクリック操作で、グリッドの完全な構成やコントローラーの作成、手動によるコーディングの所要時間を短縮することができます。HierarchicalGrid、TreeGrid、DataChart などの他のウィジェットの構成は、すでに進行中です。 -ASP.NET MVC とともに出荷される、作成、編集、削除、詳細、リストの標準テンプレートに加え、新しいエディター ウィジェットを使用する、カスタマイズされた {environment:ProductName} テンプレートを提供します。 +\{environment:ProductName\} ウィジェット用の新しい Scaffolder を公開しました。これにより、開発者の生産性が大幅に向上します。データの作成、読み込み、アップデート、削除などの標準的なデータ操作を迅速に絞り込む、コード生成およびテンプレートを提供します。数回のクリック操作で、グリッドの完全な構成やコントローラーの作成、手動によるコーディングの所要時間を短縮することができます。HierarchicalGrid、TreeGrid、DataChart などの他のウィジェットの構成は、すでに進行中です。 +ASP.NET MVC とともに出荷される、作成、編集、削除、詳細、リストの標準テンプレートに加え、新しいエディター ウィジェットを使用する、カスタマイズされた \{environment:ProductName\} テンプレートを提供します。 ![](../../images/images/igniteui_scafolder.png) #### 関連トピック -- [{environment:ProductName} Scaffolder の Visual Studio 拡張機能](/mvc-scaffolding) +- [\{environment:ProductName\} Scaffolder の Visual Studio 拡張機能](/mvc-scaffolding) ## igCombo ### <a id="combo-grouping"></a> @@ -119,10 +121,10 @@ ASP.NET MVC とともに出荷される、作成、編集、削除、詳細、 #### 関連サンプル -- [オートコンプリート]({environment:SamplesUrl}/combo/filtering) -- [グループ化]({environment:SamplesUrl}/combo/grouping) -- [ヘッダーとフッターのテンプレート]({environment:SamplesUrl}/combo/templates) -- [カスタム値]({environment:SamplesUrl}/combo/editing) +- [オートコンプリート](\{environment:SamplesUrl\}/combo/filtering) +- [グループ化](\{environment:SamplesUrl\}/combo/grouping) +- [ヘッダーとフッターのテンプレート](\{environment:SamplesUrl\}/combo/templates) +- [カスタム値](\{environment:SamplesUrl\}/combo/editing) @@ -178,12 +180,12 @@ igDataChart では、Interval プロパティおよび MinorInterval プロパ #### 関連サンプル -- [新しいテキストエディター]({environment:SamplesUrl}/editors/text-editor) -- [クレジット]({environment:SamplesUrl}/editors/credit) -- [数値エディター]({environment:SamplesUrl}/editors/numeric-editor) -- [マスク エディター]({environment:SamplesUrl}/editors/mask-editor) -- [チェックボックス エディター]({environment:SamplesUrl}/editors/checkbox-editor) -- [日付エディター]({environment:SamplesUrl}/editors/date-editor) +- [新しいテキストエディター](\{environment:SamplesUrl\}/editors/text-editor) +- [クレジット](\{environment:SamplesUrl\}/editors/credit) +- [数値エディター](\{environment:SamplesUrl\}/editors/numeric-editor) +- [マスク エディター](\{environment:SamplesUrl\}/editors/mask-editor) +- [チェックボックス エディター](\{environment:SamplesUrl\}/editors/checkbox-editor) +- [日付エディター](\{environment:SamplesUrl\}/editors/date-editor) ## igGrid @@ -199,8 +201,8 @@ igDataChart では、Interval プロパティおよび MinorInterval プロパ - [行編集ダイアログの構成 (igGrid)](iggrid-updating-roweditdialog-configuring.html) #### 関連サンプル -- [行編集ダイアログ]({environment:SamplesUrl}/grid/row-edit-dialog) -- [編集 - カスタム エディター プロバイダー]({environment:SamplesUrl}/grid/editing-custom-editor-provider) +- [行編集ダイアログ](\{environment:SamplesUrl\}/grid/row-edit-dialog) +- [編集 - カスタム エディター プロバイダー](\{environment:SamplesUrl\}/grid/editing-custom-editor-provider) ### <a id="grid-filtering-improvements"></a> フィルタリングの向上 @@ -214,7 +216,7 @@ igDataChart では、Interval プロパティおよび MinorInterval プロパ - <ApiLink type="iggridfiltering" member="columnSettings.conditionList" section="options" label="conditionList" /> - 列単位で有効にする一連の条件。 #### 関連サンプル -- [フィルタリング]({environment:SamplesUrl}/grid/custom-conditions-filtering) +- [フィルタリング](\{environment:SamplesUrl\}/grid/custom-conditions-filtering) ### <a id="grid-row-selectors-improvements"></a> RowSelectors の向上 行セレクターと組み合わせてページング機能を有効にすると、すべての行をすべてのページにわたって選択できるように、追加 UI が表示されます。 @@ -248,7 +250,7 @@ tri-state チェックボックスには、親行にオン状態の子行があ - [行セレクター (igTreeGrid)](/igtreegrid-row-selectors) #### 関連サンプル -- [行セレクター]({environment:SamplesUrl}/tree-grid/row-selectors) +- [行セレクター](\{environment:SamplesUrl\}/tree-grid/row-selectors) ### <a id="treegrid-remote-mvc-features"></a> TreeGrid の MVC ラッパーにおけるリモートの並び替え、ページング、フィルタリング、ロードオンデマンド @@ -259,7 +261,7 @@ TreeGrid の MVC ラッパーは、並び替え、ページング、フィルタ - [リモート機能 (igTreeGrid)](/igtreegrid-remote-features) #### 関連サンプル -- [リモート機能]({environment:SamplesUrl}/tree-grid/remote-features) +- [リモート機能](\{environment:SamplesUrl\}/tree-grid/remote-features) ### <a id="treegrid-paging-context-row"></a> コンテキスト行のページング @@ -275,7 +277,7 @@ TreeGrid の MVC ラッパーは、並び替え、ページング、フィルタ - [ページング (igTreeGrid)](/igtreegrid-paging) #### 関連サンプル -- [ページング]({environment:SamplesUrl}/tree-grid/paging) +- [ページング](\{environment:SamplesUrl\}/tree-grid/paging) ## igNotifier @@ -283,7 +285,7 @@ TreeGrid の MVC ラッパーは、並び替え、ページング、フィルタ Notifier コンポーネントは、ポップオーバー コンポーネントの拡張機能で、エンドユーザーに通知情報を提供します。通知状態は、success、info、warning、errorの 4 つが事前定義されています。 コンポーネントは、単純なインライン スタイルのメッセージングだけではなく、ポップオーバー モードもサポートします。さらに、ディター ウィジェットを使用した自動ペアリング機能が追加され、定義済みの範囲外の入力エラーが検出できるようになりました。 -Notifier コンポーネントは、{environment:ProductName} ウィジェットでの使用または単独での使用にかかわらず、簡単で直観的な方法でユーザー エクスペリエンスを向上させます。 +Notifier コンポーネントは、\{environment:ProductName\} ウィジェットでの使用または単独での使用にかかわらず、簡単で直観的な方法でユーザー エクスペリエンスを向上させます。 ![](../../images/images/notifier.png) @@ -291,15 +293,15 @@ Notifier コンポーネントは、{environment:ProductName} ウィ - [igNotifier の概要](/ignotifier-overview) #### 関連サンプル -- [基本的な使用方法]({environment:SamplesUrl}/notifier/basic-usage) -- [インライン メッセージ]({environment:SamplesUrl}/notifier/inline-messages) -- [igEditors を使用するNotifier]({environment:SamplesUrl}/editors/with-igEditors) +- [基本的な使用方法](\{environment:SamplesUrl\}/notifier/basic-usage) +- [インライン メッセージ](\{environment:SamplesUrl\}/notifier/inline-messages) +- [igEditors を使用するNotifier](\{environment:SamplesUrl\}/editors/with-igEditors) ## igValidator ### <a id="validator"></a> リファクタリングされたバリデーター -リファクタリングされた igValidator コンポーネントを使用すると、標準の入力フォーム要素だけではなく、一連の {environment:ProductName} コンポーネントも柔軟に検証できます。このメカニズムは、検証プロセスの処理とエンド ユーザーに対する柔軟で視覚的な通知の表示の両方で、igNotification コンポーネントの機能を使用します。リファクタリングされた igValidator への移行方法については、[新しい igValidator コントロールへの移行](/igvalidator-migration-topic)を参照してください。 +リファクタリングされた igValidator コンポーネントを使用すると、標準の入力フォーム要素だけではなく、一連の \{environment:ProductName\} コンポーネントも柔軟に検証できます。このメカニズムは、検証プロセスの処理とエンド ユーザーに対する柔軟で視覚的な通知の表示の両方で、igNotification コンポーネントの機能を使用します。リファクタリングされた igValidator への移行方法については、[新しい igValidator コントロールへの移行](/igvalidator-migration-topic)を参照してください。 ![](../../images/images/validator.png) @@ -308,4 +310,4 @@ Notifier コンポーネントは、{environment:ProductName} ウィ - [新しい igValidator コントロールへの移行](/igvalidator-migration-topic) #### 関連サンプル -- [基本的な使用方法]({environment:SamplesUrl}/validator/basic-usage) +- [基本的な使用方法](\{environment:SamplesUrl\}/validator/basic-usage) diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/14-whats-new-in-2015-volume1.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/14-whats-new-in-2015-volume1.mdx index 9c2f6a5234..aa542aa60c 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/14-whats-new-in-2015-volume1.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/14-whats-new-in-2015-volume1.mdx @@ -3,11 +3,13 @@ title: "2015 Volume 1 の新機能" slug: whats-new-in-2015-volume1 --- +# 2015 Volume 1 の新機能 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; #2015 Volume 1 の新機能 -このトピックでは、{environment:ProductFamilyName}™ 2015 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。 +このトピックでは、\{environment:ProductFamilyName\}™ 2015 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。 ##新機能の概要 @@ -18,13 +20,13 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; 機能|説明 ---|--- -[新しい {environment:ProductName} ヘルプ ビューアー](#help-viewer)|{environment:ProductName} の新しいヘルプ ビューアーを公開しました。 +[新しい \{environment:ProductName\} ヘルプ ビューアー](#help-viewer)|\{environment:ProductName\} の新しいヘルプ ビューアーを公開しました。 -### {environment:ProductName} ページのデザイナー +### \{environment:ProductName\} ページのデザイナー 機能|説明 ---|--- -[設定不要のテーマ サポート](#page-designer-theming-support) |その他の {environment:ProductName} テーマおよび定義済みのテーマ ピッカーで選択可能な Bootstrap テーマのサポートを追加しました。 +[設定不要のテーマ サポート](#page-designer-theming-support) |その他の \{environment:ProductName\} テーマおよび定義済みのテーマ ピッカーで選択可能な Bootstrap テーマのサポートを追加しました。 [改良されたデータ ソース エクスペリエンス](#page-designer-datasource-expirience) |JSONP データ ソースおよびローカル データ ソースの明示的サポートと、新しいデータ ソース エディターを追加しました。 [Ace に対する IntelliSense サポート](#page-designer-intellisense-support) |デザイナーがコード ビューであるときに、ユーザーが入力を開始すると、IntelliSense を表示するサポートが追加されました。 [リモート データ ソース - ユーザー フレンドリなエラー](#page-designer-remote-dataSource) |リモート データ ソースへの接続中にWeb デザイナーで、発生する可能性のある問題に関する詳細な情報を表示する、ユーザー インターフェイスが利用できるようになりました @@ -80,21 +82,21 @@ API 改善|また、この機会に、改善の余地のある API 選択を再 機能|説明 ---|--- -jQuery Mobile 1.4+ サポート |{environment:ProductName} モバイル コントロールは、jQuery Mobile 1.4+ の最新バージョンと互換性があります。 +jQuery Mobile 1.4+ サポート |\{environment:ProductName\} モバイル コントロールは、jQuery Mobile 1.4+ の最新バージョンと互換性があります。 ##全般 -### <a id="help-viewer"></a>新しい {environment:ProductName} ヘルプ ビューアー +### <a id="help-viewer"></a>新しい \{environment:ProductName\} ヘルプ ビューアー -{environment:ProductName} の新しいヘルプ ビューアーを公開しました。これにより、各トピックのナビゲートと共有が一層容易になり、製品バージョン（14.1 以降）をトピック内で直接容易に切り替えることもできるようになりました。 +\{environment:ProductName\} の新しいヘルプ ビューアーを公開しました。これにより、各トピックのナビゲートと共有が一層容易になり、製品バージョン（14.1 以降）をトピック内で直接容易に切り替えることもできるようになりました。 一層使いやすいエクスペリエンスだけでなく、実際のトピック自体も Markdown の GitHub で使用可能になりました。GitHub のプル要求によって、トピックに関する問題を容易にレポートでき、トピックに対して追加や変更を送信することもできます。 #### 関連コンテンツ -- [GitHub の {environment:ProductName} ヘルプ トピック](https://github.com/IgniteUI/help-topics) +- [GitHub の \{environment:ProductName\} ヘルプ トピック](https://github.com/IgniteUI/help-topics) -##{environment:ProductName} ページのデザイナー +##\{environment:ProductName\} ページのデザイナー ### <a id="page-designer-theming-support"></a>テーマ サポート リストからテーマを選択すると、デザイン表面にすでにドロップされているすべてのコンポーネントのテーマが変更されます。 @@ -127,13 +129,13 @@ Web デザイナーは、デザイナーがコードモードでカーソルが #### 関連トピック - [Infragistics JavaScript Excel ライブラリの理解](../../09_JavaScript Excel Library/00_Understanding/~Understanding_the_Infragistics_JavaScript_Excel_Library.mdx) -- [{environment:ProductName} JavaScript Excel ライブラリの使用](../../09_JavaScript Excel Library/01_Using/~Using_The_JavaScript_Excel_Library.mdx) +- [\{environment:ProductName\} JavaScript Excel ライブラリの使用](../../09_JavaScript Excel Library/01_Using/~Using_The_JavaScript_Excel_Library.mdx) #### 関連サンプル -- [Excel の表]({environment:NewSamplesUrl}/javascript-excel-library/excel-table) -- [Excel の書式設定]({environment:NewSamplesUrl}/javascript-excel-library/excel-formatting) -- [Excel の数式]({environment:NewSamplesUrl}/javascript-excel-library/excel-formulas) +- [Excel の表](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-table) +- [Excel の書式設定](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-formatting) +- [Excel の数式](\{environment:NewSamplesUrl\}/javascript-excel-library/excel-formulas) ## igGrid @@ -148,10 +150,10 @@ igGridExcelExporter コンポーネントにより、igGrid から Microsoft Exc #### 関連サンプル -- [基本グリッドを Excel にエクスポート]({environment:NewSamplesUrl}/grid/export-basic-grid) -- [機能とグリッドを Excel にエクスポート]({environment:NewSamplesUrl}/grid/export-feature-rich-grid) -- [グリッド Excel エクスポートのカスタマイズ]({environment:NewSamplesUrl}/grid/export-client-events) -- [進行状況インジケーターとグリッドを Excel にエクスポート]({environment:NewSamplesUrl}/grid/export-grid-loading-indicator) +- [基本グリッドを Excel にエクスポート](\{environment:NewSamplesUrl\}/grid/export-basic-grid) +- [機能とグリッドを Excel にエクスポート](\{environment:NewSamplesUrl\}/grid/export-feature-rich-grid) +- [グリッド Excel エクスポートのカスタマイズ](\{environment:NewSamplesUrl\}/grid/export-client-events) +- [進行状況インジケーターとグリッドを Excel にエクスポート](\{environment:NewSamplesUrl\}/grid/export-grid-loading-indicator) ### <a id="grid-responsive-feature-improvements"></a>レスポンシブ機能の向上 @@ -162,7 +164,7 @@ igGridExcelExporter コンポーネントにより、igGrid から Microsoft Exc #### 関連サンプル -- [レスポンシブ単一列テンプレート]({environment:NewSamplesUrl}/grid/responsive-single-column-template) +- [レスポンシブ単一列テンプレート](\{environment:NewSamplesUrl\}/grid/responsive-single-column-template) ### <a id="grid-column-styling"></a>列のスタイル設定 新しい <ApiLink type="iggrid" member="columns.columnCssClass" section="options" label="columnCssClass" /> および <ApiLink type="iggrid" member="columns.headerCssClass" section="options" label="headerCssClass" /> 列設定を使用して、以下のスクリーンショットに示すように CSS クラスをヘッダーと列データ セルの両方に適用できます。 @@ -195,8 +197,8 @@ RTM でサポートされる機能 #### 関連サンプル -- [JSON のバインド]({environment:NewSamplesUrl}/tree-grid/json-binding) -- [貸借対照表]({environment:NewSamplesUrl}/tree-grid/balance-sheet) +- [JSON のバインド](\{environment:NewSamplesUrl\}/tree-grid/json-binding) +- [貸借対照表](\{environment:NewSamplesUrl\}/tree-grid/balance-sheet) ### <a id="tree-grid-filtering"></a>ツリー固有のフィルタリング @@ -211,7 +213,7 @@ igTreeGrid 固有のフィルタリングにより、一致する結果をユー #### 関連サンプル -- [ファイル エクスプローラー]({environment:NewSamplesUrl}/tree-grid/file-explorer) +- [ファイル エクスプローラー](\{environment:NewSamplesUrl\}/tree-grid/file-explorer) ### <a id="tree-grid-remote-load-on-demand"></a>リモート ロード オン デマンド @@ -225,7 +227,7 @@ igTreeGrid 固有のフィルタリングにより、一致する結果をユー #### 関連サンプル -- [ロード オン デマンド]({environment:NewSamplesUrl}/tree-grid/load-on-demand) +- [ロード オン デマンド](\{environment:NewSamplesUrl\}/tree-grid/load-on-demand) ##igCombo @@ -242,11 +244,11 @@ igTreeGrid 固有のフィルタリングにより、一致する結果をユー #### 関連サンプル -- [JSON のバインド]({environment:NewSamplesUrl}/combo/json-binding) -- [選択およびチェックボックス]({environment:NewSamplesUrl}/combo/selection-and-checkboxes) -- [フィルタリング]({environment:NewSamplesUrl}/combo/filtering) -- [ロード オン デマンド]({environment:NewSamplesUrl}/combo/load-on-demand) -- [キーボード ナビゲーション]({environment:NewSamplesUrl}/combo/keyboard-navigation) +- [JSON のバインド](\{environment:NewSamplesUrl\}/combo/json-binding) +- [選択およびチェックボックス](\{environment:NewSamplesUrl\}/combo/selection-and-checkboxes) +- [フィルタリング](\{environment:NewSamplesUrl\}/combo/filtering) +- [ロード オン デマンド](\{environment:NewSamplesUrl\}/combo/load-on-demand) +- [キーボード ナビゲーション](\{environment:NewSamplesUrl\}/combo/keyboard-navigation) ### <a id="combo_ko"></a>書き換えられた Knockout 拡張機能 @@ -254,4 +256,4 @@ igCombo の Knockout 拡張機能は、新しい igCombo の要件に応じて #### 関連サンプル -- [KnockoutJS のバインド]({environment:NewSamplesUrl}/combo/bind-combo-with-ko) +- [KnockoutJS のバインド](\{environment:NewSamplesUrl\}/combo/bind-combo-with-ko) diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/15-whats-new-in-2014-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/15-whats-new-in-2014-volume2.mdx index 75cd0aefb5..2dcfd2e7b6 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/15-whats-new-in-2014-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/15-whats-new-in-2014-volume2.mdx @@ -3,9 +3,11 @@ title: "2014 Volume 2 の新機能" slug: whats-new-in-2014-volume2 --- +# 2014 Volume 2 の新機能 + #2014 Volume 2 の新機能 -このトピックでは、{environment:ProductFamilyName}™ 2014 Volume 2 リリースのコントロールと新機能および拡張機能を紹介します。 +このトピックでは、\{environment:ProductFamilyName\}™ 2014 Volume 2 リリースのコントロールと新機能および拡張機能を紹介します。 ##新機能の概要 @@ -16,19 +18,19 @@ slug: whats-new-in-2014-volume2 機能|説明 ---|--- -[AngularJS ディレクティブ](#angular-directives)|{environment:ProductName} コントロールに、AngularJS のカスタム ディレクティブが組み込まれました。 +[AngularJS ディレクティブ](#angular-directives)|\{environment:ProductName\} コントロールに、AngularJS のカスタム ディレクティブが組み込まれました。 -### {environment:ProductName} ページ デザイナー +### \{environment:ProductName\} ページ デザイナー 機能|説明 ---|--- -[HTML5 に対応する WYSIWYG](#wysiwyg)|{environment:ProductName} コントロールを使用する最新 Web 用ドラッグ アンド ドロップ UI デザイン領域。 +[HTML5 に対応する WYSIWYG](#wysiwyg)|\{environment:ProductName\} コントロールを使用する最新 Web 用ドラッグ アンド ドロップ UI デザイン領域。 レスポンシブな Web デザイン (RWD)|レスポンシブなデザインを簡単に作成するために、ブレークポイントを可視化し管理します。 クリーンなコード エディター|プロジェクトに組み込むための、クリーンなコードを確認、編集、コピーします。 -簡単なデータ アクセス|コントロールをデータに接続するための、{environment:ProductName} のデータ ソースのコンポーネントが簡単に構成できます。 +簡単なデータ アクセス|コントロールをデータに接続するための、\{environment:ProductName\} のデータ ソースのコンポーネントが簡単に構成できます。 API の統合ヘルプ|コンポーネント エディターとコード エディターで API メンバーについてのヘルプを参照してください。 @@ -71,7 +73,7 @@ API の統合ヘルプ|コンポーネント エディターとコード エデ 機能|説明 ---|--- -[Bootstrap でのテーマ化](#bootstrap-theming)|{environment:ProductName} コントロールは、Bootstrap でのテーマ化をサポートします。 +[Bootstrap でのテーマ化](#bootstrap-theming)|\{environment:ProductName\} コントロールは、Bootstrap でのテーマ化をサポートします。 [新しいテーマ (RTM)](#new-theme)|iOS 7 スタイルのテーマは現在 RTM 版ですが、iOS テーマという名前に変更されました。このテーマが従来の iOS6 スタイルのテーマに置き換わります。このテーマには、jQuery Mobile 1.4 以降のコントロールのサポートも追加されました。 [jQuery UI 1.11 以降をサポートするために更新されたテーマ](#update-themes)|jQuery UI 1.11 以降のユーザー独自のコントロールをサポートするために、新しいテーマ ファイルが追加されました。 @@ -82,7 +84,7 @@ API の統合ヘルプ|コンポーネント エディターとコード エデ Infragistics の GitHub リポジトリで、最新版の AngularJS ディレクティブのプレビューを公開しました。これらのディレクティブは現在、正式な製品版ですが、RTM 版でもあります。 -すべての {environment:ProductName} コントロールはカスタム タグ、コントローラー、またはコントローラー オプションを使用して、宣言によってインスタンス化できます。さらに以下のコントロールは、双方向のデータ バインディングをサポートします。 +すべての \{environment:ProductName\} コントロールはカスタム タグ、コントローラー、またはコントローラー オプションを使用して、宣言によってインスタンス化できます。さらに以下のコントロールは、双方向のデータ バインディングをサポートします。 - igGrid - igCombo @@ -94,29 +96,29 @@ Infragistics の GitHub リポジトリで、最新版の AngularJS ディレク [AngularJS ディレクティブ](../../10_AngularJS Directives/~AngularJS_Directives.mdx) -[GitHub に公開されている AngularJS 用の {environment:ProductName} ディレクティブ](https://github.com/IgniteUI/igniteui-angularjs) +[GitHub に公開されている AngularJS 用の \{environment:ProductName\} ディレクティブ](https://github.com/IgniteUI/igniteui-angularjs) #### 関連サンプル -[AngularJS のサンプル用の {environment:ProductName} ディレクティブ](http://igniteui.github.io/igniteui-angularjs/) +[AngularJS のサンプル用の \{environment:ProductName\} ディレクティブ](http://igniteui.github.io/igniteui-angularjs/) -##{environment:ProductName} ページ デザイナー +##\{environment:ProductName\} ページ デザイナー ### <a id="wysiwyg"></a>HTML5 に対応する WYSIWYG -LOB ページをレイアウトし活性化するために、一般的な HTML 要素、Bootstrap コンポーネント、{environment:ProductName} コンポーネントを活用します。{environment:ProductName} の使用方法の学習や、{environment:ProductName} コントロールを素早く構成してプロジェクトにコピーするには、これが最善の方法です。 +LOB ページをレイアウトし活性化するために、一般的な HTML 要素、Bootstrap コンポーネント、\{environment:ProductName\} コンポーネントを活用します。\{environment:ProductName\} の使用方法の学習や、\{environment:ProductName\} コントロールを素早く構成してプロジェクトにコピーするには、これが最善の方法です。 -**ページ デザイナー： [{environment:DesignerUrl}]({environment:DesignerUrl})** +**ページ デザイナー： [\{environment:DesignerUrl\}](\{environment:DesignerUrl\})** ![](../../images/images/Whats_New_In_Ignite_UI_2014_Volume_2_1.png) ### レスポンシブな Web デザイン (RWD) -レスポンシブ CSS ブレークポイントの可視化と編集を行います。ブレークポイントに対して CSS の編集をすぐに開始できます。さらに、Bootstrap の行コンポーネントまたは {environment:ProductName} のレイアウト コンポーネントを使用すると、レスポンシブなページのグリッド レイアウトを簡単に定義することができます。 +レスポンシブ CSS ブレークポイントの可視化と編集を行います。ブレークポイントに対して CSS の編集をすぐに開始できます。さらに、Bootstrap の行コンポーネントまたは \{environment:ProductName\} のレイアウト コンポーネントを使用すると、レスポンシブなページのグリッド レイアウトを簡単に定義することができます。 ![](../../images/images/Whats_New_In_Ignite_UI_2014_Volume_2_2.png) @@ -128,13 +130,13 @@ LOB ページをレイアウトし活性化するために、一般的な HTML ### 簡単なデータ アクセス -{environment:ProductName} のデータ ソースの各コンポーネントにより、コントロールをデータに接続する操作が簡単になります。カスタム コンポーネント エディターであるページのデザイナーにより、これらのコントロールとデータを簡単に使用できるようになり、これらのコントロールとデータを使用するコンポーネントでのデータ ソースの設定が容易になります。データ ソースは、コンポーネント エディターでリストから選択、またはグリッドのようにデータ ソースをコントロールにドロップするのみです。 +\{environment:ProductName\} のデータ ソースの各コンポーネントにより、コントロールをデータに接続する操作が簡単になります。カスタム コンポーネント エディターであるページのデザイナーにより、これらのコントロールとデータを簡単に使用できるようになり、これらのコントロールとデータを使用するコンポーネントでのデータ ソースの設定が容易になります。データ ソースは、コンポーネント エディターでリストから選択、またはグリッドのようにデータ ソースをコントロールにドロップするのみです。 ### API の統合ヘルプ デザイナー全体に API ヘルプが組み込まれているため、ヘルプ情報を詳しく調べる必要はありません。コード エディターとコンポーネント エディターにも、API ヘルプが組み込まれています。 -1. {environment:ProductName} のコンポーネントの場合は、コンポーネント エディターで ? リンクをクリックすると、対象のコンポーネントに関する API ドキュメントに直接移動できます。 +1. \{environment:ProductName\} のコンポーネントの場合は、コンポーネント エディターで ? リンクをクリックすると、対象のコンポーネントに関する API ドキュメントに直接移動できます。 2. プロパティやイベント上にホバーすると、関連する API ドキュメントを表示することもできます。 ![](../../images/images/Whats_New_In_Ignite_UI_2014_Volume_2_4.png) @@ -150,8 +152,8 @@ Infragistics の新しい Excel ライブラリは、純粋な JavaScript ベー #### 関連トピック -- [{environment:ProductName} のクライアント サイド Excel ライブラリの概要](../../09_JavaScript Excel Library/00_Understanding/JavaScript_Excel_Library_Overview.mdx) -- [{environment:ProductName} のクライアント サイド Excel ライブラリの使用](../../09_JavaScript Excel Library/01_Using/~Using_The_JavaScript_Excel_Library.mdx) +- [\{environment:ProductName\} のクライアント サイド Excel ライブラリの概要](../../09_JavaScript Excel Library/00_Understanding/JavaScript_Excel_Library_Overview.mdx) +- [\{environment:ProductName\} のクライアント サイド Excel ライブラリの使用](../../09_JavaScript Excel Library/01_Using/~Using_The_JavaScript_Excel_Library.mdx) ## igGrid @@ -205,8 +207,8 @@ CTP でサポートされる機能 #### 関連サンプル -- [ファイル エクスプローラー]({environment:NewSamplesUrl}/tree-grid/file-explorer) -- [貸借対照表]({environment:NewSamplesUrl}/tree-grid/balance-sheet) +- [ファイル エクスプローラー](\{environment:NewSamplesUrl\}/tree-grid/file-explorer) +- [貸借対照表](\{environment:NewSamplesUrl\}/tree-grid/balance-sheet) ##igPivotGrid @@ -219,13 +221,13 @@ CTP でサポートされる機能 #### 関連サンプル -- [レイアウト モード]({environment:NewSamplesUrl}/pivot-grid/layout-modes) +- [レイアウト モード](\{environment:NewSamplesUrl\}/pivot-grid/layout-modes) ##テーマ ### <a id="bootstrap-theming"></a>Bootstrap でのテーマ化 -このリリースでは、Bootstrap のテーマ (Bootstrap で定義されている LESS 変数を使用) のルック アンド フィールを {environment:ProductName} コントロールに適用するメカニズムを追加しました。結果として生成されるテーマは、スタンドアロンとなり Bootstrap の有無にかかわらず使用できます。 +このリリースでは、Bootstrap のテーマ (Bootstrap で定義されている LESS 変数を使用) のルック アンド フィールを \{environment:ProductName\} コントロールに適用するメカニズムを追加しました。結果として生成されるテーマは、スタンドアロンとなり Bootstrap の有無にかかわらず使用できます。 製品には、「Bootstrap」 (デフォルトの Bootstrap テーマと同じ)、「Superhero」、「Yeti」、「Flatly」の 4 つのテーマがプリセットされています。これらのテーマは、[bootswatch.com](http://bootswatch.com/) サイトから取得した各テーマに対してコンパイルされます。 @@ -237,11 +239,11 @@ CTP でサポートされる機能 #### 関連コンテンツ -- [Bootstrap 用テーマ ジェネレーター]({environment:NewSamplesUrl}/bootstrap-theme-generator) +- [Bootstrap 用テーマ ジェネレーター](\{environment:NewSamplesUrl\}/bootstrap-theme-generator) ### <a id="new-theme"></a>新しいテーマ (RTM) -従来の iOS7 テーマという名前を iOS に変更しました。これが、以前の iOS6 スタイルのテーマと置き換わります。iOS テーマは現在 RTM 版ですが、{environment:ProductName} のモバイル コントロールのサポートが追加されています。 +従来の iOS7 テーマという名前を iOS に変更しました。これが、以前の iOS6 スタイルのテーマと置き換わります。iOS テーマは現在 RTM 版ですが、\{environment:ProductName\} のモバイル コントロールのサポートが追加されています。 ![](../../images/images/Whats_New_In_Ignite_UI_2014_Volume_2_10.png) @@ -249,11 +251,11 @@ CTP でサポートされる機能 #### 関連サンプル -- [iOS テーマ]({environment:NewSamplesUrl}/themes/ios) +- [iOS テーマ](\{environment:NewSamplesUrl\}/themes/ios) ### <a id="update-themes"></a>jQuery UI 1.11 以降をサポートするために更新されたテーマ -jQuery UI 1.11 以降の独自のコントロールをサポートするために、Infragistics のテーマを更新しました。ただし、jQuery UI には CSS 構造に関する重大な変更があったため、{environment:ProductName} のテーマを使用する際に、jQuery UI のネイティブなコントロールのルック アンド フィールに若干の問題が発生する場合があります。 +jQuery UI 1.11 以降の独自のコントロールをサポートするために、Infragistics のテーマを更新しました。ただし、jQuery UI には CSS 構造に関する重大な変更があったため、\{environment:ProductName\} のテーマを使用する際に、jQuery UI のネイティブなコントロールのルック アンド フィールに若干の問題が発生する場合があります。 diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/16-whats-new-in-2014-volume1.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/16-whats-new-in-2014-volume1.mdx index 1ef6a85c84..3f35a5ecc0 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/16-whats-new-in-2014-volume1.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/16-whats-new-in-2014-volume1.mdx @@ -3,6 +3,8 @@ title: "2014 Volume 1 の新機能" slug: whats-new-in-2014-volume1 --- +# 2014 Volume 1 の新機能 + import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; # 2014 Volume 1 の新機能 @@ -10,7 +12,7 @@ import ApiLink from 'docs-template/components/mdx/ApiLink.astro'; ## トピックの概要 ### 目的 -このトピックでは、{environment:ProductFamilyName}™ 2014 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。 +このトピックでは、\{environment:ProductFamilyName\}™ 2014 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。 ## 新機能の概要 @@ -128,7 +130,7 @@ Visual Studio 2012 以後のバージョンでファイル > 新しいプロジ ![](../../images/images/Whats_New_Project_Dialog.png) -注: {environment:ProductName} の以前のバージョンで、テンプレートが製品インストーラーによってインストールされます。テンプレートは Infragistics テンプレート ギャラリーからアクセスできるようになりました。 +注: \{environment:ProductName\} の以前のバージョンで、テンプレートが製品インストーラーによってインストールされます。テンプレートは Infragistics テンプレート ギャラリーからアクセスできるようになりました。 ### <a id="new-theme"></a>新しいテーマ (CTP) @@ -138,7 +140,7 @@ iOS 7 という名称の新しいテーマが追加されています。この #### 関連サンプル -- [iOS 7 テーマ]({environment:SamplesUrl}/themes/ios) +- [iOS 7 テーマ](\{environment:SamplesUrl\}/themes/ios) @@ -211,7 +213,7 @@ iOS 7 という名称の新しいテーマが追加されています。この #### 関連サンプル -- [機能の永続化]({environment:SamplesUrl}/grid/feature-persistence) +- [機能の永続化](\{environment:SamplesUrl\}/grid/feature-persistence) ### <a id="improved-delete-row-mobile"></a>タッチ デバイスの行削除の向上 @@ -229,7 +231,7 @@ iOS 7 という名称の新しいテーマが追加されています。この #### 関連サンプル -- [基本編集]({environment:SamplesUrl}/grid/basic-editing) +- [基本編集](\{environment:SamplesUrl\}/grid/basic-editing) @@ -259,7 +261,7 @@ iOS 7 という名称の新しいテーマが追加されています。この #### 関連サンプル -- [機能の永続化]({environment:SamplesUrl}/grid/feature-persistence) +- [機能の永続化](\{environment:SamplesUrl\}/grid/feature-persistence) ### <a id="ighierarchicalgrid-improved-delete-row-mobile"></a>タッチ デバイスの行削除の向上 @@ -307,7 +309,7 @@ iOS 7 という名称の新しいテーマが追加されています。この #### 関連サンプル -- [XMLA データ ソースにバインド]({environment:SamplesUrl}/pivot-grid/binding-to-xmla-data-source) +- [XMLA データ ソースにバインド](\{environment:SamplesUrl\}/pivot-grid/binding-to-xmla-data-source) ### <a id="remote-adomnet-data-provider"></a>リモート ADOMD.NET データ プロバイダーのサポート @@ -319,7 +321,7 @@ iOS 7 という名称の新しいテーマが追加されています。この #### 関連サンプル -- [リモート ADOMD.NET プロバイダー]({environment:SamplesUrl}/pivot-grid/remote-adomd-provider) +- [リモート ADOMD.NET プロバイダー](\{environment:SamplesUrl\}/pivot-grid/remote-adomd-provider) @@ -336,7 +338,7 @@ iOS 7 という名称の新しいテーマが追加されています。この #### 関連サンプル -- [基本的な使用方法]({environment:SamplesUrl}/popover/basic-popover) +- [基本的な使用方法](\{environment:SamplesUrl\}/popover/basic-popover) @@ -353,7 +355,7 @@ iOS 7 という名称の新しいテーマが追加されています。この #### 関連サンプル -- [ボタン項目]({environment:SamplesUrl}/radial-menu/button-items) +- [ボタン項目](\{environment:SamplesUrl\}/radial-menu/button-items) @@ -366,7 +368,7 @@ iOS 7 という名称の新しいテーマが追加されています。この #### 関連サンプル -- [分割ボタンの基本機能]({environment:SamplesUrl}/split-button/change-shapes) +- [分割ボタンの基本機能](\{environment:SamplesUrl\}/split-button/change-shapes) @@ -379,7 +381,7 @@ iOS 7 という名称の新しいテーマが追加されています。この #### 関連サンプル -- [スタンドアロン ツールバー]({environment:SamplesUrl}/html-editor/standalone-toolbar) +- [スタンドアロン ツールバー](\{environment:SamplesUrl\}/html-editor/standalone-toolbar) diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/17-whats-new-in-2013-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/17-whats-new-in-2013-volume2.mdx index 6477ec27e3..942e6a2d3f 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/17-whats-new-in-2013-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/17-whats-new-in-2013-volume2.mdx @@ -8,12 +8,12 @@ slug: whats-new-in-2013-volume2 ## トピックの概要 ### 目的 -このトピックは、{environment:ProductName}™ 2013 Volume 2 リリースの新機能の概要について紹介します。 +このトピックは、\{environment:ProductName\}™ 2013 Volume 2 リリースの新機能の概要について紹介します。 ## 新機能 ### 新機能の概要表 -以下の表に、{environment:ProductName} 2013 Volume 2 リリースの新機能を簡単に説明します。詳細は、概要表の後に記載されています。 +以下の表に、\{environment:ProductName\} 2013 Volume 2 リリースの新機能を簡単に説明します。詳細は、概要表の後に記載されています。 <table class="table table-bordered"> <thead> @@ -25,9 +25,9 @@ slug: whats-new-in-2013-volume2 </thead> <tbody> <tr> - <td>{environment:ProductName}</td> + <td>\{environment:ProductName\}</td> <td>カスタム ダウンロード</td> - <td>カスタム ダウンロードを作成する新しいツールが使用できます。使用するコントロールを選択すると、ツールがカスタマイズ、結合、および縮小された JavaScript ファイルとテーマ ファイルを含むダウンロード パッケージを作成します。[ダウンロードのページ]({environment:SamplesUrl}/download) で詳細を参照してください。</td> + <td>カスタム ダウンロードを作成する新しいツールが使用できます。使用するコントロールを選択すると、ツールがカスタマイズ、結合、および縮小された JavaScript ファイルとテーマ ファイルを含むダウンロード パッケージを作成します。[ダウンロードのページ](\{environment:SamplesUrl\}/download) で詳細を参照してください。</td> </tr> <tr> @@ -203,7 +203,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [基本構成]({environment:SamplesUrl}/bullet-graph/basic-configuration) +- [基本構成](\{environment:SamplesUrl\}/bullet-graph/basic-configuration) @@ -220,7 +220,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [タイトルとサブタイトル]({environment:SamplesUrl}/data-chart/chart-title) +- [タイトルとサブタイトル](\{environment:SamplesUrl\}/data-chart/chart-title) ### <a id="axis-title-subtitle"></a>軸のタイトルとサブタイトル @@ -234,7 +234,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [軸のタイトルとサブタイトル]({environment:SamplesUrl}/data-chart/axis-title) +- [軸のタイトルとサブタイトル](\{environment:SamplesUrl\}/data-chart/axis-title) ### <a id="series-highting"></a>シリーズの強調表示 @@ -269,7 +269,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [トランジション アニメーション]({environment:SamplesUrl}/data-chart/transition-animation) +- [トランジション アニメーション](\{environment:SamplesUrl\}/data-chart/transition-animation) - [トランジション アニメーション (財務)](/igchart-transitions-in-animations#transition-example) ### <a id="hover-interactions"></a>ホバー操作 @@ -314,7 +314,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [カラー グラデーション]({environment:SamplesUrl}/data-chart/chart-fill-gradients) +- [カラー グラデーション](\{environment:SamplesUrl\}/data-chart/chart-fill-gradients) ### <a id="default-tooltips"></a>デフォルト ツールチップ @@ -381,7 +381,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [ドーナツ型チャート]({environment:SamplesUrl}/doughnut-chart/overview) +- [ドーナツ型チャート](\{environment:SamplesUrl\}/doughnut-chart/overview) @@ -398,7 +398,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [列の固定]({environment:SamplesUrl}/grid/column-fixing) +- [列の固定](\{environment:SamplesUrl\}/grid/column-fixing) ### <a id="jsrender-integration"></a>jsRender の結合 @@ -410,7 +410,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [**jsRender の結合**]({environment:SamplesUrl}/grid/jsrender-integration) +- [**jsRender の結合**](\{environment:SamplesUrl\}/grid/jsrender-integration) ### <a id="vertical-column-rendering"></a>RWD モードの垂直柱レンダリング @@ -424,7 +424,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [**レスポンシブ垂直レンダリング**]({environment:SamplesUrl}/grid/responsive-vertical-rendering) +- [**レスポンシブ垂直レンダリング**](\{environment:SamplesUrl\}/grid/responsive-vertical-rendering) ### <a id="feature-chooser-new-design"></a>機能セレクターの新しいデザイン @@ -438,7 +438,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [機能セレクター]({environment:SamplesUrl}/grid/feature-chooser) +- [機能セレクター](\{environment:SamplesUrl\}/grid/feature-chooser) ### <a id="load-on-demand"></a>ロードオンデマンド (CTP) @@ -451,7 +451,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [ロード オン デマンド]({environment:SamplesEmbedUrl}/grid/append-rows-on-demand) +- [ロード オン デマンド](\{environment:SamplesEmbedUrl\}/grid/append-rows-on-demand) @@ -468,8 +468,8 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [レスポンシブ列レイアウト]({environment:SamplesUrl}/layout-manager/column-layout-markup) -- [レスポンシブ フロー レイアウト]({environment:SamplesUrl}/layout-manager/flow-layout) +- [レスポンシブ列レイアウト](\{environment:SamplesUrl\}/layout-manager/column-layout-markup) +- [レスポンシブ フロー レイアウト](\{environment:SamplesUrl\}/layout-manager/flow-layout) @@ -487,7 +487,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [基本構成]({environment:SamplesUrl}/linear-gauge/basic-configuration) +- [基本構成](\{environment:SamplesUrl\}/linear-gauge/basic-configuration) @@ -506,7 +506,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [ギャラリー - 高密度散布シリーズ]({environment:SamplesUrl}/map/geo-high-density-scatter-series) +- [ギャラリー - 高密度散布シリーズ](\{environment:SamplesUrl\}/map/geo-high-density-scatter-series) @@ -519,7 +519,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [レイアウトの構成]({environment:SamplesUrl}/pie-chart/layout-configuration) +- [レイアウトの構成](\{environment:SamplesUrl\}/pie-chart/layout-configuration) @@ -539,7 +539,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [ベーシック ポップオーバー]({environment:SamplesUrl}/popover/basic-popover) +- [ベーシック ポップオーバー](\{environment:SamplesUrl\}/popover/basic-popover) @@ -556,7 +556,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [QR バーコードの基本構成]({environment:SamplesUrl}/barcode/basic-configuration) +- [QR バーコードの基本構成](\{environment:SamplesUrl\}/barcode/basic-configuration) @@ -573,7 +573,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [igRadialGauge]({environment:SamplesUrl}/radial-gauge/overview) +- [igRadialGauge](\{environment:SamplesUrl\}/radial-gauge/overview) @@ -592,10 +592,10 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/tile-manager/aspnet-mvc-helper) -- [JSON データへのバインド]({environment:SamplesUrl}/tile-manager/bind-json) -- [項目の構成]({environment:SamplesUrl}/tile-manager/item-configurations) -- [リード タイルの構成]({environment:SamplesUrl}/tile-manager/leading-tile) +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/tile-manager/aspnet-mvc-helper) +- [JSON データへのバインド](\{environment:SamplesUrl\}/tile-manager/bind-json) +- [項目の構成](\{environment:SamplesUrl\}/tile-manager/item-configurations) +- [リード タイルの構成](\{environment:SamplesUrl\}/tile-manager/leading-tile) @@ -612,7 +612,7 @@ slug: whats-new-in-2013-volume2 #### 関連サンプル -- [ズームバー財務チャート]({environment:SamplesUrl}/zoombar/financial-chart) +- [ズームバー財務チャート](\{environment:SamplesUrl\}/zoombar/financial-chart) diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/18-whats-new-in-2013-volume1.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/18-whats-new-in-2013-volume1.mdx index 2d811655de..b4422df291 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/18-whats-new-in-2013-volume1.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/18-whats-new-in-2013-volume1.mdx @@ -8,13 +8,13 @@ slug: whats-new-in-2013-volume1 ## トピックの概要 ### 目的 -このトピックは、{environment:ProductName}® 2013 Volume 1 リリースの新機能の概要について紹介します。 +このトピックは、\{environment:ProductName\}® 2013 Volume 1 リリースの新機能の概要について紹介します。 ## 新機能 ### 新機能の概要表 -以下の表は、{environment:ProductName}® 2013 Volume 1 リリースの新機能をまとめたものです。詳細は、概要表の後に記載されています。 +以下の表は、\{environment:ProductName\}® 2013 Volume 1 リリースの新機能をまとめたものです。詳細は、概要表の後に記載されています。 <table class="table table-bordered"> <thead> @@ -40,7 +40,7 @@ slug: whats-new-in-2013-volume1 <tr> <td>igEditors™</td> <td>[Knockout のサポート](#igeditors-knockout-support)</td> - <td>{environment:ProductName} エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して {environment:ProductName} エディターを初期化し構成するための簡単な手段を提供することを目的としています。</td> + <td>\{environment:ProductName\} エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して \{environment:ProductName\} エディターを初期化し構成するための簡単な手段を提供することを目的としています。</td> </tr> <tr> @@ -72,7 +72,7 @@ slug: whats-new-in-2013-volume1 <tr> <td>[Knockout サポート (RTM)](#knockout-support)</td> - <td>{environment:ProductName} `igGrid` エディター コントロールにおけるKnockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して {environment:ProductName} グリッドを初期化し構成するための簡単な手段を提供することを目的としています。</td> + <td>\{environment:ProductName\} `igGrid` エディター コントロールにおけるKnockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して \{environment:ProductName\} グリッドを初期化し構成するための簡単な手段を提供することを目的としています。</td> </tr> <tr> @@ -88,7 +88,7 @@ slug: whats-new-in-2013-volume1 <tr> <td>[Knockout サポート (RTM)](#hierarchicalgrid-knockout-support)</td> - <td>{environment:ProductName} `igHierarchicalGrid`™ コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して {environment:ProductName} グリッドを初期化し構成するための簡単な手段を提供することを目的としています。</td> + <td>\{environment:ProductName\} `igHierarchicalGrid`™ コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して \{environment:ProductName\} グリッドを初期化し構成するための簡単な手段を提供することを目的としています。</td> </tr> <tr> @@ -142,7 +142,7 @@ slug: whats-new-in-2013-volume1 <tr> <td>igTree™</td> <td>[Knockout のサポート](#igtree-knockout-support)</td> - <td>{environment:ProductName} エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して {environment:ProductName} エディターを初期化し構成するための簡単な手段を提供することを目的としています。</td> + <td>\{environment:ProductName\} エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して \{environment:ProductName\} エディターを初期化し構成するための簡単な手段を提供することを目的としています。</td> </tr> <tr> @@ -162,15 +162,15 @@ slug: whats-new-in-2013-volume1 </tr> <tr> - <td>{environment:ProductNameMVC}</td> + <td>\{environment:ProductNameMVC\}</td> <td>[イベント追加のサポート](#support-adding-events)</td> - <td>`AddClientEvent` ヘルパー メソッドを使用することにより {environment:ProductNameMVC} コントロールにクライアントのイベントを追加できます。イベント名および関数名をヘルパーに提供し、必要な JavaScript をコントロール上で描画してイベントを処理します。</td> + <td>`AddClientEvent` ヘルパー メソッドを使用することにより \{environment:ProductNameMVC\} コントロールにクライアントのイベントを追加できます。イベント名および関数名をヘルパーに提供し、必要な JavaScript をコントロール上で描画してイベントを処理します。</td> </tr> <tr> <td>TypeScript 定義ファイル</td> <td>[新規機能 (CTP)](#typescript-new-feature)</td> - <td>TypeScript は、JavaScript アプリケーションの開発で型付きレイヤーを JavaScript に追加する言語です。{environment:ProductName} は、すべてのコントロールの型定義を提供する `igniteui.d.ts` の TypeScript 定義ファイルを含みます。</td> + <td>TypeScript は、JavaScript アプリケーションの開発で型付きレイヤーを JavaScript に追加する言語です。\{environment:ProductName\} は、すべてのコントロールの型定義を提供する `igniteui.d.ts` の TypeScript 定義ファイルを含みます。</td> </tr> <tr> @@ -246,18 +246,18 @@ Knockout のサポートは、Knockout バインディングがページに適 #### 関連サンプル -- [カテゴリ シリーズ]({environment:SamplesUrl}/data-chart/category-series) -- [極座標シリーズ]({environment:SamplesUrl}/data-chart/polar-series) -- [ラジアル シリーズ]({environment:SamplesUrl}/data-chart/radial-series) -- [散布図シリーズ]({environment:SamplesUrl}/data-chart/scatter-series) -- [積層シリーズ]({environment:SamplesUrl}/data-chart/stacked-series) +- [カテゴリ シリーズ](\{environment:SamplesUrl\}/data-chart/category-series) +- [極座標シリーズ](\{environment:SamplesUrl\}/data-chart/polar-series) +- [ラジアル シリーズ](\{environment:SamplesUrl\}/data-chart/radial-series) +- [散布図シリーズ](\{environment:SamplesUrl\}/data-chart/scatter-series) +- [積層シリーズ](\{environment:SamplesUrl\}/data-chart/stacked-series) ## <a id="igeditors-knockout-support"></a>igEditors ### Knockout のサポート -{environment:ProductName} エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して {environment:ProductName} エディターを初期化し構成するための簡単な手段を提供することを目的としています。 +\{environment:ProductName\} エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して \{environment:ProductName\} エディターを初期化し構成するための簡単な手段を提供することを目的としています。 Knockout のサポートは、Knockout バインディングがページに適用されるときに最初に呼び出される Knockout 拡張機能として実装されます。ページの存続期間中 、View-Model への外部更新が起こると、Knockout サポートは Knockout 機能拡張として実装されます。また、data-bind 属性においてビジネス案件に対して関連度を有するいずれかのエディター コントロール オプションを指定できます。 @@ -321,7 +321,7 @@ RWD モードでは、グリッドのデバイス画面への適用は以下の ### <a id="knockout-support"></a>Knockout サポート (RTM) -{environment:ProductName} `igGrid` エディター コントロールにおけるKnockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して {environment:ProductName} グリッドを初期化し構成するための簡単な手段を提供することを目的としています。 +\{environment:ProductName\} `igGrid` エディター コントロールにおけるKnockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して \{environment:ProductName\} グリッドを初期化し構成するための簡単な手段を提供することを目的としています。 Knockout のサポートは、Knockout バインディングがページに適用されるときに最初に呼び出される Knockout 拡張機能として、View-Model への外部更新が起こったときにページの存続期間中に実装されます。また、data-bind 属性においてビジネス案件に対して関連度を有するいずれかのエディター コントロール オプションを指定できます。 @@ -337,7 +337,7 @@ Knockout のサポートは、Knockout バインディングがページに適 #### 関連サンプル -[**列の固定化 (igGrid)**]({environment:SamplesUrl}/grid/column-fixing) +[**列の固定化 (igGrid)**](\{environment:SamplesUrl\}/grid/column-fixing) @@ -370,18 +370,18 @@ Knockout のサポートは、Knockout バインディングがページに適 #### 関連サンプル -[**列の固定化 (igGrid)**]({environment:SamplesUrl}/grid/column-fixing) +[**列の固定化 (igGrid)**](\{environment:SamplesUrl\}/grid/column-fixing) ### <a id="hierarchicalgrid-knockout-support"></a>Knockout サポート (RTM) -{environment:ProductName} `igHierarchicalGrid` エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して {environment:ProductName} グリッドを初期化し構成するための簡単な手段を提供することを目的としています。 +\{environment:ProductName\} `igHierarchicalGrid` エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して \{environment:ProductName\} グリッドを初期化し構成するための簡単な手段を提供することを目的としています。 Knockout のサポートは、Knockout バインディングがページに適用されるときに最初に呼び出される Knockout 拡張機能として、View-Model への外部更新が起こったときにページの存続期間中に実装されます。 また、data-bind 属性においてビジネス案件に対して関連度を有するいずれかのエディター コントロール オプションを指定できます。 #### 関連サンプル -[**階層グリッド Knockoutjs の結合**]({environment:SamplesUrl}/hierarchical-grid/bind-hgrid-with-ko) +[**階層グリッド Knockoutjs の結合**](\{environment:SamplesUrl\}/hierarchical-grid/bind-hgrid-with-ko) @@ -394,7 +394,7 @@ Knockout のサポートは、Knockout バインディングがページに適 #### 関連サンプル -[カスタム グループ]({environment:SamplesUrl}/mobile-list-view/custom-groups) +[カスタム グループ](\{environment:SamplesUrl\}/mobile-list-view/custom-groups) @@ -488,7 +488,7 @@ Knockout のサポートは、Knockout バインディングがページに適 ## <a id="igtree-knockout-support"></a>igTree ### Knockout のサポート -{environment:ProductName} エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して {environment:ProductName} エディターを初期化し構成するための簡単な手段を提供することを目的としています。 +\{environment:ProductName\} エディター コントロールにおける Knockout ライブラリのサポートは、開発者が Knockout ライブラリとその宣言構文を使用して \{environment:ProductName\} エディターを初期化し構成するための簡単な手段を提供することを目的としています。 Knockout のサポートは、Knockout バインディングがページに適用されるときに最初に呼び出される Knockout 拡張機能として、View-Model への外部更新が起こったときにページの存続期間中に実装されます。 また、data-bind 属性においてビジネス案件に対して関連度を有するいずれかのエディター コントロール オプションを指定できます。 @@ -535,10 +535,10 @@ Knockout のサポートは、Knockout バインディングがページに適 -## {environment:ProductNameMVC} +## \{environment:ProductNameMVC\} ### <a id="support-adding-events"></a>イベント追加のサポート -ASP.NET MVC ヘルパーへ追加することにより {environment:ProductName} コントロールにイベントを追加できます。`AddClientEvent` メソッドを使用してイベント名およびハンドラー関数名を供給します。ヘルパーは、クライアント上で適切なインスタンス化 JavaScript に描画しイベントを発生します。 +ASP.NET MVC ヘルパーへ追加することにより \{environment:ProductName\} コントロールにイベントを追加できます。`AddClientEvent` メソッドを使用してイベント名およびハンドラー関数名を供給します。ヘルパーは、クライアント上で適切なインスタンス化 JavaScript に描画しイベントを発生します。 **ASPX の場合:** @@ -560,14 +560,14 @@ ASP.NET MVC ヘルパーへ追加することにより {environment:Product ### 新規機能 (CTP) TypeScript は、JavaScript アプリケーションの開発で型付きレイヤーを JavaScript に追加する言語です。 -{environment:ProductName} は、すべてのコントロールの型定義を提供する `igniteui.d.ts` の TypeScript 定義ファイルを含みます。 +\{environment:ProductName\} は、すべてのコントロールの型定義を提供する `igniteui.d.ts` の TypeScript 定義ファイルを含みます。 -定義ファイルは、{environment:ProductName} インストール ディレクトリで `{Installation Directory}typingsigniteui.t.ds` にあります。詳しくは、以下の記事を参照してください。 +定義ファイルは、\{environment:ProductName\} インストール ディレクトリで `{Installation Directory}typingsigniteui.t.ds` にあります。詳しくは、以下の記事を参照してください。 ### 関連の記事 - [TypeScript のダウンロード](http://www.typescriptlang.org/#Download) -- [{environment:ProductName} で TypeScript サポートの紹介](http://www.infragistics.com/community/blogs/angel_todorov/archive/2012/10/27/introducing-typescript-support-for-ignite-ui.aspx) +- [\{environment:ProductName\} で TypeScript サポートの紹介](http://www.infragistics.com/community/blogs/angel_todorov/archive/2012/10/27/introducing-typescript-support-for-ignite-ui.aspx) - [TypeScript チュートリアル](http://www.typescriptlang.org/Tutorial/) - [TypeScript: JavaScript アプリケーションへの追加 - パート 2](http://msdn.microsoft.com/ja-jp/magazine/jj983351.aspx) @@ -582,8 +582,8 @@ TypeScript は、JavaScript アプリケーションの開発で型付きレイ #### 関連サンプル -- [JSON へのバインド]({environment:SamplesUrl}/doughnut-chart/bind-json) -- [Collection にバインド]({environment:SamplesUrl}/doughnut-chart/bind-to-collection) +- [JSON へのバインド](\{environment:SamplesUrl\}/doughnut-chart/bind-json) +- [Collection にバインド](\{environment:SamplesUrl\}/doughnut-chart/bind-to-collection) @@ -596,11 +596,11 @@ TypeScript は、JavaScript アプリケーションの開発で型付きレイ #### 関連サンプル -- [HTML マークアップからの境界線のレイアウト]({environment:SamplesUrl}/layout-manager/border-layout-markup) -- [レスポンシブ列レイアウト]({environment:SamplesUrl}/layout-manager/column-layout-markup) -- [レスポンシブ フロー レイアウト]({environment:SamplesUrl}/layout-manager/flow-layout) -- [レスポンシブ垂直レイアウト]({environment:SamplesUrl}/layout-manager/vertical-layout) -- [列および行のスパンがあるグリッド レイアウト]({environment:SamplesUrl}/layout-manager/grid-layout) +- [HTML マークアップからの境界線のレイアウト](\{environment:SamplesUrl\}/layout-manager/border-layout-markup) +- [レスポンシブ列レイアウト](\{environment:SamplesUrl\}/layout-manager/column-layout-markup) +- [レスポンシブ フロー レイアウト](\{environment:SamplesUrl\}/layout-manager/flow-layout) +- [レスポンシブ垂直レイアウト](\{environment:SamplesUrl\}/layout-manager/vertical-layout) +- [列および行のスパンがあるグリッド レイアウト](\{environment:SamplesUrl\}/layout-manager/grid-layout) @@ -613,9 +613,9 @@ TypeScript は、JavaScript アプリケーションの開発で型付きレイ #### 関連サンプル -- [JSON へのバインド]({environment:SamplesUrl}/tile-manager/bind-json) -- [ASP.NET MVC の基本的な使用方法]({environment:SamplesUrl}/tile-manager/aspnet-mvc-helper) -- [項目の構成]({environment:SamplesUrl}/tile-manager/item-configurations) +- [JSON へのバインド](\{environment:SamplesUrl\}/tile-manager/bind-json) +- [ASP.NET MVC の基本的な使用方法](\{environment:SamplesUrl\}/tile-manager/aspnet-mvc-helper) +- [項目の構成](\{environment:SamplesUrl\}/tile-manager/item-configurations) @@ -628,8 +628,8 @@ CTP としてリリースされる `igRadialGauge` は、スケールに沿っ #### 関連サンプル -- [MVC の初期化]({environment:SamplesUrl}/radial-gauge/mvc-initialization) -- [ゲージのアニメーション]({environment:SamplesUrl}/radial-gauge/motion-framework) +- [MVC の初期化](\{environment:SamplesUrl\}/radial-gauge/mvc-initialization) +- [ゲージのアニメーション](\{environment:SamplesUrl\}/radial-gauge/motion-framework) @@ -641,7 +641,7 @@ CTP としてリリースされる `igRadialGauge` は、スケールに沿っ - [Knockout サポートの構成 (igCombo)](/igcombo-knockoutjs-support): このトピックは、Knockout ライブラリ により管理されるView-Model のオブジェクトをバインドするために `igCombo`™ コントロールを構成する方法について説明します。 -- [Knockout サポートの構成 (igEditors)](../../02_Controls/igEditors/Config/02_Configuring Knockout Support (Editors).mdx): このトピックは、Knockout ライブラリを使用して View-Model のオブジェクトをバインドするために {environment:ProductName}® エディター コントロールを構成する方法について説明します。 +- [Knockout サポートの構成 (igEditors)](../../02_Controls/igEditors/Config/02_Configuring Knockout Support (Editors).mdx): このトピックは、Knockout ライブラリを使用して View-Model のオブジェクトをバインドするために \{environment:ProductName\}® エディター コントロールを構成する方法について説明します。 - [igFunnelChart の概要](/igfunnelchart-overview): このトピックでは、主要機能、最小要件、ユーザー機能性など、`igFunnelChart`™ コントロールに関する概念的な情報を提供します。 diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/19-whats-new-in-2012-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/19-whats-new-in-2012-volume2.mdx index 0cfd8a61bc..5fe27c8ac1 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/19-whats-new-in-2012-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/19-whats-new-in-2012-volume2.mdx @@ -8,7 +8,7 @@ slug: whats-new-in-2012-volume2 ## 新機能 ### 機能の概要 -以下の表に、{environment:ProductName}™ 2012 Volume 2 リリースの新機能を簡単に説明します。詳細は、概要表の後に記載されています。 +以下の表に、\{environment:ProductName\}™ 2012 Volume 2 リリースの新機能を簡単に説明します。詳細は、概要表の後に記載されています。 - [igHtmlEditor コントロール](#ightmleditor-control): 新しい `igHtmlEditor`™ は jQuery WYSIWYG コントロールです。Web ブラウザーで HTML を編集する機能があります。 @@ -58,7 +58,7 @@ slug: whats-new-in-2012-volume2 - [Mobile NavBar](#mobile-navbar): NavBar ASP.NET MVC ヘルパーは外部ページや内部ページ ブロックを参照する項目メニューを定義します。 -- [Mobile Page, PageContent, PageFooter, PageHeader](#mobile-page): {environment:ProductNameMVC} では、Razor 構文や ASPX 構文で jQuery Mobile ページを作成できます。 +- [Mobile Page, PageContent, PageFooter, PageHeader](#mobile-page): \{environment:ProductNameMVC\} では、Razor 構文や ASPX 構文で jQuery Mobile ページを作成できます。 - [Mobile Popup](#mobile-popup): Popup は、ポップアップ ウィンドウに HTML コンテンツを表示できるウィジェットです。 @@ -168,7 +168,7 @@ Infragistics `igDialog` は jQuery UI 方式のウィジェットです。ダイ ### 関連サンプル: -[列の移動 (igGrid)]({environment:SamplesUrl}/grid/column-moving) +[列の移動 (igGrid)](\{environment:SamplesUrl\}/grid/column-moving) ## <a id="datatable-dataset-binding"></a>igGrid と igHierarchicalGrid の DataTable と DataSet のバインディング @@ -196,9 +196,9 @@ v12.2 では、`AutogenerateLayouts` がデフォルトで false になるよう ### 関連サンプル: -[非バインド列 (igGrid)]({environment:SamplesUrl}/grid/unbound-column) +[非バインド列 (igGrid)](\{environment:SamplesUrl\}/grid/unbound-column) -[非バインド列 (igHierarchicalGrid)]({environment:SamplesUrl}/hierarchical-grid/unbound-column) +[非バインド列 (igHierarchicalGrid)](\{environment:SamplesUrl\}/hierarchical-grid/unbound-column) ## <a id="row-edit-template"></a>行編集テンプレート diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/20-jquery-whats-new-12-1-landing-page.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/20-jquery-whats-new-12-1-landing-page.mdx index e789b1a3f6..c03860891a 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/20-jquery-whats-new-12-1-landing-page.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/20-jquery-whats-new-12-1-landing-page.mdx @@ -7,7 +7,7 @@ slug: jquery-whats-new-12-1-landing-page ## 新機能 -以下の表に、{environment:ProductName}™ 2012 Volume 1 リリースの新機能を簡単に説明します。詳細は、概要表の後に記載されています。 +以下の表に、\{environment:ProductName\}™ 2012 Volume 1 リリースの新機能を簡単に説明します。詳細は、概要表の後に記載されています。 - [階層グリッド GroupBy](#hierarchical-grid-grouping): フラット グリッドで使用可能なグループ化機能が、階層グリッドで完全にサポートされるようになりました。 @@ -29,25 +29,25 @@ slug: jquery-whats-new-12-1-landing-page - [チャートのモーション フレームワーク](#charts-motion-framework): チャート コントロールは、チャートの内容をさまざまな方法でアニメーション化できる新しいモーション フレームワークをサポートしています。 -- [jQuery コントロール用のテンプレート エンジン](#templating-engine): 新しい `igTemplating`™ エンジンが {environment:ProductName} バンドルに追加されました。`igTemplating` エンジンは、jQuery コントロールの内部での動的なテキスト レンダリング用のテンプレートを作成するための強力な機能を公開しています。 +- [jQuery コントロール用のテンプレート エンジン](#templating-engine): 新しい `igTemplating`™ エンジンが \{environment:ProductName\} バンドルに追加されました。`igTemplating` エンジンは、jQuery コントロールの内部での動的なテキスト レンダリング用のテンプレートを作成するための強力な機能を公開しています。 - [モバイル リスト ビュー コントロール](#mobile-list): 新しい `igListView`™ コントロールは、jQuery モバイル プラットフォーム用のリスト表示と相互作用機能を備えています。 - [モバイル レーティング コントロール](#mobile-rating): モバイル デバイス用の新しい `igRating`™ コントロールが、モバイルおよびタッチ デバイス環境固有の要件に対応するため、既存の `igRating` コントロールとは別に実装されました。 -- [モバイル コントロールの iOS テーマ](#mobile-ios-theme): モバイル デバイス アプリケーションの外観を向上させるため、iPhone アプリケーション用の新しい iOS テーマが {environment:ProductName} ライブラリに追加されました。 +- [モバイル コントロールの iOS テーマ](#mobile-ios-theme): モバイル デバイス アプリケーションの外観を向上させるため、iPhone アプリケーション用の新しい iOS テーマが \{environment:ProductName\} ライブラリに追加されました。 -- [タッチ サポート](#touch-support): {environment:ProductName} ライブラリのすべてのコントロールが、モバイル デバイスのタッチ インターフェイスをサポートするために設計およびテストされました。 +- [タッチ サポート](#touch-support): \{environment:ProductName\} ライブラリのすべてのコントロールが、モバイル デバイスのタッチ インターフェイスをサポートするために設計およびテストされました。 - [コンボ ボックスのロード オン デマンド](#combo-load-on-demand): コンボ ボックスのロード オン デマンドは、多数のリモート データを、一度にすべてロードするのではなく、バッチでロードすることで、`igCombo`™ のパフォーマンスを向上させる新機能です。 - [MVC 検証のサポート](#mvc-validation): データ注釈を使用した MVC 検証のサポートが、コンボおよびエディター コントロールに取り込まれました。 -- [新しい jQuery テーマと JavaScript リソース構造](#themes-resources-structure): {environment:ProductName} ライブラリのすべての JavaScript リソースと CSS リソースが新しいフォルダー構造に整理され、その一部の名称が変更されて、ライブラリを使用する開発者が各項目の目的と場所をより容易に理解できるようになりました。これは最新の変更であることに注意してください。 +- [新しい jQuery テーマと JavaScript リソース構造](#themes-resources-structure): \{environment:ProductName\} ライブラリのすべての JavaScript リソースと CSS リソースが新しいフォルダー構造に整理され、その一部の名称が変更されて、ライブラリを使用する開発者が各項目の目的と場所をより容易に理解できるようになりました。これは最新の変更であることに注意してください。 - [CSS/JS リソース ローダー](#resources-loader): 新しい `igLoader` コントロールが追加され、新しいリソース構造との関連で、JavaScript リソースと CSS リソースを Web ページに容易にロードできるようになりました。 -- [Metro テーマ](#metro-theme): 新しい Metro テーマが追加され、{environment:ProductName} コントロールが、Microsoft® Windows® の次期バージョンの新しい Metro UI とより一体化されます。 +- [Metro テーマ](#metro-theme): 新しい Metro テーマが追加され、\{environment:ProductName\} コントロールが、Microsoft® Windows® の次期バージョンの新しい Metro UI とより一体化されます。 @@ -104,7 +104,7 @@ slug: jquery-whats-new-12-1-landing-page ## <a id="grid-virtualization"></a> グリッドの仮想化 -大量のデータ セットを表示するときにパフォーマンスを向上させるために使用される仮想化技術が改良され、階層グリッドと、階層グリッドの GroupBy モードがサポートされています。現時点では、固定と連続の 2 つの仮想化モードがあります。固定モードは、{environment:ProductName} コントロールに組み込まれている既存の仮想化機能です。連続モードは、子行の数が可変の状況に対処するために、階層グリッドと Group By 機能をサポートする、新たに開発された機能です。 +大量のデータ セットを表示するときにパフォーマンスを向上させるために使用される仮想化技術が改良され、階層グリッドと、階層グリッドの GroupBy モードがサポートされています。現時点では、固定と連続の 2 つの仮想化モードがあります。固定モードは、\{environment:ProductName\} コントロールに組み込まれている既存の仮想化機能です。連続モードは、子行の数が可変の状況に対処するために、階層グリッドと Group By 機能をサポートする、新たに開発された機能です。 ### 関連トピック: @@ -145,7 +145,7 @@ Web ページでチャートを操作する必要性に対処するため、新 ## <a id="charts-motion-framework"></a> チャートのモーション フレームワーク -チャートの Motion Framework を使用すると、{environment:ProductName} のチャート コントロールを使用する開発者は、チャートの内容をアニメーション化して見た目を向上させ、データの背後にある傾向などの意味を表現できます。フレームワークの基本的な原則として、チャートの背後にあるデータが更新されると、`igDataChart` コントロールの対応する API メソッドが必ず呼び出され、チャートのアニメーションが開始されます。 +チャートの Motion Framework を使用すると、\{environment:ProductName\} のチャート コントロールを使用する開発者は、チャートの内容をアニメーション化して見た目を向上させ、データの背後にある傾向などの意味を表現できます。フレームワークの基本的な原則として、チャートの背後にあるデータが更新されると、`igDataChart` コントロールの対応する API メソッドが必ず呼び出され、チャートのアニメーションが開始されます。 ### 関連トピック: @@ -153,7 +153,7 @@ Web ページでチャートを操作する必要性に対処するため、新 ## <a id="templating-engine"></a> jQuery コントロール用のテンプレート エンジン -新しい `igTemplating` エンジンは、{environment:ProductName} コントロールの内部での動的なコンテンツ レンダリング用のテンプレートを作成するための強力な機能を開発者に公開しています。このエンジンは、UI 要素内のテキストをカスタマイズしてコンテンツを動的に表示できるときには必ず、{environment:ProductName} ライブラリ全体で、jQuery テンプレート プラグインの代わりに使用されています。以下のスクリーンショットで、データ グリッドの最初の 2 列にテンプレートが適用されています。 +新しい `igTemplating` エンジンは、\{environment:ProductName\} コントロールの内部での動的なコンテンツ レンダリング用のテンプレートを作成するための強力な機能を開発者に公開しています。このエンジンは、UI 要素内のテキストをカスタマイズしてコンテンツを動的に表示できるときには必ず、\{environment:ProductName\} ライブラリ全体で、jQuery テンプレート プラグインの代わりに使用されています。以下のスクリーンショットで、データ グリッドの最初の 2 列にテンプレートが適用されています。 ![](../../images/images/Whats_New_in_2012_Volume_1_7.png) @@ -183,7 +183,7 @@ Web ページでチャートを操作する必要性に対処するため、新 ## <a id="mobile-ios-theme"></a> モバイル コントロールの iOS テーマ -モバイル デバイスを対象にするため、モバイル {environment:ProductName} コントロール用の新しい iOS テーマが実装されました。その目的は、iPhone および iPad のモバイルおよびタッチ対応アプリケーションに外観を合わせ、一体性を高めるためです。 +モバイル デバイスを対象にするため、モバイル \{environment:ProductName\} コントロール用の新しい iOS テーマが実装されました。その目的は、iPhone および iPad のモバイルおよびタッチ対応アプリケーションに外観を合わせ、一体性を高めるためです。 ![](../../images/images/Whats_New_in_2012_Volume_1_10.png) @@ -195,7 +195,7 @@ Web ページでチャートを操作する必要性に対処するため、新 ### 関連トピック: -- [{environment:ProductName} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls) +- [\{environment:ProductName\} コントロールのタッチ サポート](/touch-support-for-igniteui-for-jquery-controls) ## <a id="combo-load-on-demand"></a> コンボ ボックスのロード オン デマンド @@ -209,7 +209,7 @@ Web ページでチャートを操作する必要性に対処するため、新 ## <a id="mvc-validation"></a> MVC 検証のサポート -データ注釈を使用した MVC スタイルの検証が、コンボおよびエディター コントロールに取り込まれました。この機能を使用すると、データ注釈を使用して、{environment:ProductName} の検証機能を既存のアプリケーションにシームレスに統合できます。 +データ注釈を使用した MVC スタイルの検証が、コンボおよびエディター コントロールに取り込まれました。この機能を使用すると、データ注釈を使用して、\{environment:ProductName\} の検証機能を既存のアプリケーションにシームレスに統合できます。 ![](../../images/images/Whats_New_in_2012_Volume_1_12.png) @@ -219,7 +219,7 @@ Web ページでチャートを操作する必要性に対処するため、新 ## <a id="themes-resources-structure"></a> 新しい jQuery テーマと JavaScript リソース構造 -{environment:ProductName} ライブラリのすべての JavaScript リソースと CSS リソースが新しいフォルダー構造に整理され、その一部の名称が変更されて、ライブラリを使用する開発者が各項目の目的と場所をより容易に理解できるようになりました。新しい構造を使用すると、アプリケーションが不可欠なリソースのみをロードできるため、スクリプトとリソースをはるかに高速にロードできます。結合および縮小されたバージョンのリソースも引き続き使用できます。 +\{environment:ProductName\} ライブラリのすべての JavaScript リソースと CSS リソースが新しいフォルダー構造に整理され、その一部の名称が変更されて、ライブラリを使用する開発者が各項目の目的と場所をより容易に理解できるようになりました。新しい構造を使用すると、アプリケーションが不可欠なリソースのみをロードできるため、スクリプトとリソースをはるかに高速にロードできます。結合および縮小されたバージョンのリソースも引き続き使用できます。 注: これは重大な変更です。 @@ -227,28 +227,28 @@ Web ページでチャートを操作する必要性に対処するため、新 ### 関連トピック: -- [{environment:ProductName} での JavaScript ファイル](/deployment-guide-javascript-files) -- [プロジェクトを {environment:ProductName} の最新バージョンにアップグレード](/manually-updating-previous-versions) +- [\{environment:ProductName\} での JavaScript ファイル](/deployment-guide-javascript-files) +- [プロジェクトを \{environment:ProductName\} の最新バージョンにアップグレード](/manually-updating-previous-versions) ## <a id="resources-loader"></a> CSS/JS リソース ローダー -新しい `igLoader` コントロールが追加され、新しいリソース構造との関連で、JavaScript リソースと CSS リソースを Web ページに容易にロードできるようになりました。コントロールによって必要なリソースのロードが自動化され、アプリケーションで {environment:ProductName} JavaScript ファイルと CSS ファイルの場所を指定する必要があります。純粋な HTML/jQuery ページでは、たとえば、ページ上でインスタンスを作成するコントロールと機能を指定する必要があります。フラット グリッドのすべての機能の場合は "`igGrid`.*"、カテゴリ チャートのプロットのみの場合は "`igDataChart.Category`" とします。MVC 側のローダーでは、ロードする必要があるスクリプトと CSS ファイルが自動的に検出されるため、アプリケーションで必要なリソースを指定する必要はありません。 +新しい `igLoader` コントロールが追加され、新しいリソース構造との関連で、JavaScript リソースと CSS リソースを Web ページに容易にロードできるようになりました。コントロールによって必要なリソースのロードが自動化され、アプリケーションで \{environment:ProductName\} JavaScript ファイルと CSS ファイルの場所を指定する必要があります。純粋な HTML/jQuery ページでは、たとえば、ページ上でインスタンスを作成するコントロールと機能を指定する必要があります。フラット グリッドのすべての機能の場合は "`igGrid`.*"、カテゴリ チャートのプロットのみの場合は "`igDataChart.Category`" とします。MVC 側のローダーでは、ロードする必要があるスクリプトと CSS ファイルが自動的に検出されるため、アプリケーションで必要なリソースを指定する必要はありません。 `igLoader` コントロールは、以前のバージョンからアップグレードするための最も簡単で推奨される方法であり、複数の JS ファイルと CSS ファイルを Web ページの head 部分で指定する必要がありません。 ### 関連トピック: -- [プロジェクトを {environment:ProductName} の最新バージョンにアップグレード](/manually-updating-previous-versions) +- [プロジェクトを \{environment:ProductName\} の最新バージョンにアップグレード](/manually-updating-previous-versions) ## <a id="metro-theme"></a> Metro テーマ -新しい Metro テーマは、Microsoft® Windows® の次期バージョン向けに、ネイティブな Metro UI のルック アンド フィールを {environment:ProductName} コントロールに与えるための研究作業の成果です。スタイル設定とカラーのみでなく、動作とタッチに適したユーザー インターフェイスも目的としています。以下の図に、Metro テーマを適用したフラット グリッドを示します。 +新しい Metro テーマは、Microsoft® Windows® の次期バージョン向けに、ネイティブな Metro UI のルック アンド フィールを \{environment:ProductName\} コントロールに与えるための研究作業の成果です。スタイル設定とカラーのみでなく、動作とタッチに適したユーザー インターフェイスも目的としています。以下の図に、Metro テーマを適用したフラット グリッドを示します。 ![](../../images/images/Whats_New_in_2012_Volume_1_14.png) ### 関連トピック: -- [{environment:ProductName} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) +- [\{environment:ProductName\} のスタイル設定とテーマ設定](/deployment-guide-styling-and-theming) diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/21-whats-new-in-2011-volume2.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/21-whats-new-in-2011-volume2.mdx index 55a90738bd..9c13b551ac 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/21-whats-new-in-2011-volume2.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/21-whats-new-in-2011-volume2.mdx @@ -6,7 +6,7 @@ slug: whats-new-in-2011-volume2 # 2011 Volume 2 の新機能 ## トピックの概要 -このトピックでは、Infragistics {environment:ProductName}™ 2011 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +このトピックでは、Infragistics \{environment:ProductName\}™ 2011 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 ### このトピックの内容 このドキュメントには次のセクションが含まれています: @@ -37,7 +37,7 @@ slug: whats-new-in-2011-volume2 [igHierarchicalGrid の初期化](/ighierarchicalgrid-initializing) ### <a id="igtree"></a>igTree™ -{environment:ProductName} 2011 Volume 2 リリースの主要機能に、ツリー コントロールがあります。`igTree` コントロールは多数の役立つ機能を備えています。このコントロールは、最適化されたパフォーマンス プロファイルを可能にする、ロード オン デマンドをサポートします。bi-state および tri-state の選択を含む、複数選択がサポートされています。選択機能は、チェックボックス、キーボード入力および個々の選択を含む、構成可能な選択オプションのセットによって実行されます。ノード画像はカスタマイズ可能であり、バインディングによって直接、または明示的な URL パスを画像に提供することによって、CSS を通して画像を構成するオプションがあります。コントロールは、純粋な JavaScript コンテキスト、または ASP.NET MVC ヘルパーを通して作成および管理できます。 +\{environment:ProductName\} 2011 Volume 2 リリースの主要機能に、ツリー コントロールがあります。`igTree` コントロールは多数の役立つ機能を備えています。このコントロールは、最適化されたパフォーマンス プロファイルを可能にする、ロード オン デマンドをサポートします。bi-state および tri-state の選択を含む、複数選択がサポートされています。選択機能は、チェックボックス、キーボード入力および個々の選択を含む、構成可能な選択オプションのセットによって実行されます。ノード画像はカスタマイズ可能であり、バインディングによって直接、または明示的な URL パスを画像に提供することによって、CSS を通して画像を構成するオプションがあります。コントロールは、純粋な JavaScript コンテキスト、または ASP.NET MVC ヘルパーを通して作成および管理できます。 ![](../../images/images/JQuery_Whats_New_11.2_Pic2.png) @@ -45,7 +45,7 @@ slug: whats-new-in-2011-volume2 [igTree を使用した作業の開始](/igtree-getting-started) ###<a id="igcombobox"></a> igCombo™ -{environment:ProductName} 2011 Volume 2 リリースの主要機能に、コンボ コントロールがあります。`igCombo` コントロールは多数の役立つ機能を備えています。ユーザー インターフェイスの仮想化サポートには、コントロールの表示可能な領域にあるデータ項目の HTML 要素の作成のみを目的としたコントロールの機能が含まれます。可視のデータ以外の追加データが求められると、コントロールは既存の HTML 要素を再利用し、相対データ位置と同期してスクロールバーの位置を保持します。オートコンプリート機能によって、ユーザーがコンボ ボックスで入力を始めると入力ボックスに一致する選択肢が現れ始め、そこから簡単に選択することができます。自動候補の機能によって、ユーザーが入力ボックスへの入力を始めると、コントロールは、入力されたテキストに基づいて可能性のある一致リストを返し、ユーザーはそこから選択することができます。選択機能によって、ユーザーはチェックボックス、キーボード入力、または標準のクリック選択によって、1 つまたは複数の項目を選択することができます。 +\{environment:ProductName\} 2011 Volume 2 リリースの主要機能に、コンボ コントロールがあります。`igCombo` コントロールは多数の役立つ機能を備えています。ユーザー インターフェイスの仮想化サポートには、コントロールの表示可能な領域にあるデータ項目の HTML 要素の作成のみを目的としたコントロールの機能が含まれます。可視のデータ以外の追加データが求められると、コントロールは既存の HTML 要素を再利用し、相対データ位置と同期してスクロールバーの位置を保持します。オートコンプリート機能によって、ユーザーがコンボ ボックスで入力を始めると入力ボックスに一致する選択肢が現れ始め、そこから簡単に選択することができます。自動候補の機能によって、ユーザーが入力ボックスへの入力を始めると、コントロールは、入力されたテキストに基づいて可能性のある一致リストを返し、ユーザーはそこから選択することができます。選択機能によって、ユーザーはチェックボックス、キーボード入力、または標準のクリック選択によって、1 つまたは複数の項目を選択することができます。 ![](../../images/images/JQuery_Whats_New_11.2_Pic3.png) @@ -67,7 +67,7 @@ slug: whats-new-in-2011-volume2 [igGrid の Outlook GroupBy を有効にする](/iggrid-enabling-groupby) ### <a id="column-hiding"></a>igGrid 列の非表示 -{environment:ProductName} 2011 Volume 2 リリースには、`igGrid` コントロールの列の非表示機能が含まれています。この機能を使用すると、グリッドの描画の前後に、ユーザーに対して列を非表示にすることができます。さらに、プログラムで、または列ヘッダーの UI 要素を使用して列を非表示にすることができます。以下の画像は、非表示列を持つ `igGrid` コントロールを示しています。赤色の矢印は非表示列のインジケーターを指しています。 +\{environment:ProductName\} 2011 Volume 2 リリースには、`igGrid` コントロールの列の非表示機能が含まれています。この機能を使用すると、グリッドの描画の前後に、ユーザーに対して列を非表示にすることができます。さらに、プログラムで、または列ヘッダーの UI 要素を使用して列を非表示にすることができます。以下の画像は、非表示列を持つ `igGrid` コントロールを示しています。赤色の矢印は非表示列のインジケーターを指しています。 ![](../../images/images/JQuery_Whats_New_11.2_Pic5.png) @@ -75,7 +75,7 @@ slug: whats-new-in-2011-volume2 [列の非表示を有効にする](/iggrid-column-hiding-enabling-column-hiding) ### <a id="column-resizing"></a>igGrid 列のサイズ変更 -{environment:ProductName} 2011 Volume 2 リリースには、`igGrid` の列のサイズ変更機能が含まれています。列のサイズ変更機能によって、ユーザーはグリッドの列の幅を変更することができます。サイズ変更アクションの効果は、サイズ変更アクションが終了した後、またはこのアクションが発生している時に同時に、グリッドに適用することができます。列のサイズ変更の機能には、コードの構成に利用できる複数の機能があります。これには、グリッド全体および個々の列に対するサイズ変更を許可するレベルがあります。以下の画像は、ユーザーによって Color 列がサイズ変更されているグリッドを示しています。 +\{environment:ProductName\} 2011 Volume 2 リリースには、`igGrid` の列のサイズ変更機能が含まれています。列のサイズ変更機能によって、ユーザーはグリッドの列の幅を変更することができます。サイズ変更アクションの効果は、サイズ変更アクションが終了した後、またはこのアクションが発生している時に同時に、グリッドに適用することができます。列のサイズ変更の機能には、コードの構成に利用できる複数の機能があります。これには、グリッド全体および個々の列に対するサイズ変更を許可するレベルがあります。以下の画像は、ユーザーによって Color 列がサイズ変更されているグリッドを示しています。 ![](../../images/images/JQuery_Whats_New_11.2_Pic6.png) @@ -83,7 +83,7 @@ slug: whats-new-in-2011-volume2 [igGrid 列のサイズ変更](/iggrid-column-resizing) ### <a id="row-selectors"></a>igGrid 行セレクター -{environment:ProductName} 2011 Volume 2 リリースには、`igGrid` の行セレクター機能が含まれています。行セレクター機能は、チェックボックス、行の番号付けを有効にし、また `igGrid` コントロールの複数選択機能と結合するためのオプションを公開します (以下の画像を参照)。 +\{environment:ProductName\} 2011 Volume 2 リリースには、`igGrid` の行セレクター機能が含まれています。行セレクター機能は、チェックボックス、行の番号付けを有効にし、また `igGrid` コントロールの複数選択機能と結合するためのオプションを公開します (以下の画像を参照)。 ![](../../images/images/JQuery_Whats_New_11.2_Pic7.png) @@ -91,7 +91,7 @@ slug: whats-new-in-2011-volume2 [行セレクターを有効にする](../../02_Controls/igGrid/03_Features/02_Row Selectors/00_igGrid_Enabling_Row_Selectors.mdx) ### <a id="tooltips"></a>igGrid のヒント -{environment:ProductName} 2011 Volume 2 リリースには、`igGrid` のツールチップ機能が含まれています。この機能によって、グリッドのセルにツールチップが表示されます。ツールチップの目的は、セル全体のコンテンツを可視にし、ユーザーがツールチップ コンテナー内のテキストを選択してコピーできるようにすることです。 +\{environment:ProductName\} 2011 Volume 2 リリースには、`igGrid` のツールチップ機能が含まれています。この機能によって、グリッドのセルにツールチップが表示されます。ツールチップの目的は、セル全体のコンテンツを可視にし、ユーザーがツールチップ コンテナー内のテキストを選択してコピーできるようにすることです。 ![](../../images/images/JQuery_Whats_New_11.2_Pic8.png) @@ -99,7 +99,7 @@ slug: whats-new-in-2011-volume2 [igGrid ツールチップの有効化](/iggrid-enabling-tooltips) ### <a id="column-summaries"></a>igGrid 列集計 -{environment:ProductName} 2011 Volume 2 リリースには、`igGrid` の列集計機能が含まれています。列の集計機能は、列のデータに基づいて集計を計算するオプションを公開します。グリッドには多数のデフォルトの集計関数が含まれており、また集計を計算するためのカスタム関数を定義する機能も提供されています。さらに、集計をリモートまたはローカルで計算するかどうかを選択できるオプションもあります。以下の画像は、集計が有効になったグリッドを示しています。 +\{environment:ProductName\} 2011 Volume 2 リリースには、`igGrid` の列集計機能が含まれています。列の集計機能は、列のデータに基づいて集計を計算するオプションを公開します。グリッドには多数のデフォルトの集計関数が含まれており、また集計を計算するためのカスタム関数を定義する機能も提供されています。さらに、集計をリモートまたはローカルで計算するかどうかを選択できるオプションもあります。以下の画像は、集計が有効になったグリッドを示しています。 ![](../../images/images/JQuery_Whats_New_11.2_Pic9.png) @@ -107,7 +107,7 @@ slug: whats-new-in-2011-volume2 [列集計を有効にする](../../02_Controls/igGrid/03_Features/00_Columns/05_Summaries/00_igGrid_Enabling _Column_Summaries.mdx) ### <a id="metadata"></a>igGrid モデル メタデータの拡張 -{environment:ProductName} 2011 Volume 2 リリースには、`DisplayName` 属性を認識するための `igGrid` MVC ヘルパーの機能が含まれています。`DisplayName` 属性の使用によって、MVC ヘルパーは指定した列の `headerText` としてこの属性を自動的に使用できます。`headerText` がグリッドで明示的に設定されている場合、`DisplayName` の値が上書きされることに留意してください。以下の例は、`headerText` を `DisplayName` 属性の値に自動的にバインドするシンプルなモデルおよび `igGrid` を示しています。 +\{environment:ProductName\} 2011 Volume 2 リリースには、`DisplayName` 属性を認識するための `igGrid` MVC ヘルパーの機能が含まれています。`DisplayName` 属性の使用によって、MVC ヘルパーは指定した列の `headerText` としてこの属性を自動的に使用できます。`headerText` がグリッドで明示的に設定されている場合、`DisplayName` の値が上書きされることに留意してください。以下の例は、`headerText` を `DisplayName` 属性の値に自動的にバインドするシンプルなモデルおよび `igGrid` を示しています。 diff --git a/docs/jquery/src/content/ja/topics/whats-new/revision-history/jquery-whats-new-revision-history.mdx b/docs/jquery/src/content/ja/topics/whats-new/revision-history/jquery-whats-new-revision-history.mdx index 7db16d3fd3..5e313929c6 100644 --- a/docs/jquery/src/content/ja/topics/whats-new/revision-history/jquery-whats-new-revision-history.mdx +++ b/docs/jquery/src/content/ja/topics/whats-new/revision-history/jquery-whats-new-revision-history.mdx @@ -7,55 +7,55 @@ slug: jquery-whats-new-revision-history ### 概要 -以下のトピックでは、コントロールの {environment:ProductName}™ ライブラリの以前のバージョンでどんな新しいコントロールおよび機能が導入されたかに関する情報を提供します。 +以下のトピックでは、コントロールの \{environment:ProductName\}™ ライブラリの以前のバージョンでどんな新しいコントロールおよび機能が導入されたかに関する情報を提供します。 ### トピック 導入された新しいコントロールおよび機能に関する詳細は、以下のトピックで説明されています。 -- [2023 Volume 2 の新機能](/whats-new-in-2023-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2023 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2023 Volume 2 の新機能](/whats-new-in-2023-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2023 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2022 Volume 2 の新機能](/whats-new-in-2022-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2022 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2022 Volume 2 の新機能](/whats-new-in-2022-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2022 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2022 Volume 1 の新機能](/whats-new-in-2022-volume1): このトピックでは、Infragistics {environment:ProductName}™ 2022 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2022 Volume 1 の新機能](/whats-new-in-2022-volume1): このトピックでは、Infragistics \{environment:ProductName\}™ 2022 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2021 Volume 2 の新機能](/whats-new-in-2021-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2021 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2021 Volume 2 の新機能](/whats-new-in-2021-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2021 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2021 Volume 1 の新機能](/whats-new-in-2021-volume1): このトピックでは、Infragistics {environment:ProductName}™ 2021 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2021 Volume 1 の新機能](/whats-new-in-2021-volume1): このトピックでは、Infragistics \{environment:ProductName\}™ 2021 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2020 Volume 2 の新機能](/whats-new-in-2020-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2020 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2020 Volume 2 の新機能](/whats-new-in-2020-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2020 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2019 Volume 2 の新機能](/whats-new-in-2019-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2019 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2019 Volume 2 の新機能](/whats-new-in-2019-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2019 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2018 Volume 2 の新機能](/whats-new-in-2018-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2018 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2018 Volume 2 の新機能](/whats-new-in-2018-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2018 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2018 Volume 1 の新機能](/whats-new-in-2018-volume1): このトピックでは、Infragistics {environment:ProductName}™ 2018 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2018 Volume 1 の新機能](/whats-new-in-2018-volume1): このトピックでは、Infragistics \{environment:ProductName\}™ 2018 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2017 Volume 2 の新機能](/whats-new-in-2017-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2017 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2017 Volume 2 の新機能](/whats-new-in-2017-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2017 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2017 Volume 1 の新機能](/whats-new-in-2017-volume1): このトピックでは、Infragistics {environment:ProductName}™ 2017 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2017 Volume 1 の新機能](/whats-new-in-2017-volume1): このトピックでは、Infragistics \{environment:ProductName\}™ 2017 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2016 Volume 2 の新機能](/whats-new-in-2016-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2016 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2016 Volume 2 の新機能](/whats-new-in-2016-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2016 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2016 Volume 1 の新機能](/whats-new-in-2016-volume1): このトピックでは、Infragistics {environment:ProductName}™ 2016 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2016 Volume 1 の新機能](/whats-new-in-2016-volume1): このトピックでは、Infragistics \{environment:ProductName\}™ 2016 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2015 Volume 2 の新機能](/whats-new-in-2015-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2015 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2015 Volume 2 の新機能](/whats-new-in-2015-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2015 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2015 Volume 1 の新機能](/whats-new-in-2015-volume1): このトピックでは、Infragistics {environment:ProductName}™ 2015 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2015 Volume 1 の新機能](/whats-new-in-2015-volume1): このトピックでは、Infragistics \{environment:ProductName\}™ 2015 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2014 Volume 2 の新機能](/whats-new-in-2014-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2014 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2014 Volume 2 の新機能](/whats-new-in-2014-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2014 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2014 Volume 1 の新機能](/whats-new-in-2014-volume1): このトピックでは、Infragistics {environment:ProductName}™ 2014 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2014 Volume 1 の新機能](/whats-new-in-2014-volume1): このトピックでは、Infragistics \{environment:ProductName\}™ 2014 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2013 Volume 2 の新機能](/whats-new-in-2013-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2013 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2013 Volume 2 の新機能](/whats-new-in-2013-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2013 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2013 Volume 1 の新機能](/whats-new-in-2013-volume1): このトピックでは、Infragistics {environment:ProductName}™ 2013 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2013 Volume 1 の新機能](/whats-new-in-2013-volume1): このトピックでは、Infragistics \{environment:ProductName\}™ 2013 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2012 Volume 2 の新機能](/whats-new-in-2012-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2012 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2012 Volume 2 の新機能](/whats-new-in-2012-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2012 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2012 Volume 1 の新機能](/jquery-whats-new-12-1-landing-page): このトピックでは、Infragistics {environment:ProductName}™ 2012 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2012 Volume 1 の新機能](/jquery-whats-new-12-1-landing-page): このトピックでは、Infragistics \{environment:ProductName\}™ 2012 Volume 1 で導入された、新しい機能およびコンポーネントの概要について説明します。 -- [2011 Volume 2 の新機能](/whats-new-in-2011-volume2): このトピックでは、Infragistics {environment:ProductName}™ 2011 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 +- [2011 Volume 2 の新機能](/whats-new-in-2011-volume2): このトピックでは、Infragistics \{environment:ProductName\}™ 2011 Volume 2 で導入された、新しい機能およびコンポーネントの概要について説明します。 diff --git a/package-lock.json b/package-lock.json index 7096b355c8..dd8610cf1b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,6 +14,7 @@ ], "dependencies": { "@astrojs/check": "^0.9.8", + "github-slugger": "^2.0.0", "gray-matter": "^4.0.3", "js-yaml": "^4.1.1", "jsdom": "^29.0.1", @@ -26,6 +27,7 @@ "astro": "^6.1.6", "cross-env": "^10.1.0", "igniteui-theming": "^25.0.2", + "remark-frontmatter": "^5.0.0", "sass-embedded": "^1.98.0", "starlight-llms-txt": ">=0.8", "typescript": "^5.4.0" @@ -4438,6 +4440,20 @@ "fast-string-width": "^1.1.0" } }, + "node_modules/fault": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/fault/-/fault-2.0.1.tgz", + "integrity": "sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "format": "^0.2.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, "node_modules/fdir": { "version": "6.5.0", "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", @@ -4520,6 +4536,15 @@ "node": ">=20" } }, + "node_modules/format": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz", + "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==", + "dev": true, + "engines": { + "node": ">=0.4.x" + } + }, "node_modules/forwarded": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", @@ -6119,6 +6144,25 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/mdast-util-frontmatter": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/mdast-util-frontmatter/-/mdast-util-frontmatter-2.0.1.tgz", + "integrity": "sha512-LRqI9+wdgC25P0URIJY9vwocIzCcksduHQ9OF2joxQoyTNVduwLAFUzjoopuRJbJAReaKrNQKAZKL3uCMugWJA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "devlop": "^1.0.0", + "escape-string-regexp": "^5.0.0", + "mdast-util-from-markdown": "^2.0.0", + "mdast-util-to-markdown": "^2.0.0", + "micromark-extension-frontmatter": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/mdast-util-gfm": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-3.1.0.tgz", @@ -6483,6 +6527,23 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/micromark-extension-frontmatter": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/micromark-extension-frontmatter/-/micromark-extension-frontmatter-2.0.0.tgz", + "integrity": "sha512-C4AkuM3dA58cgZha7zVnuVxBhDsbttIMiytjgsM2XbHAB2faRVaHRle40558FBN+DJcrLNCoqG5mlrpdU4cRtg==", + "dev": true, + "license": "MIT", + "dependencies": { + "fault": "^2.0.0", + "micromark-util-character": "^2.0.0", + "micromark-util-symbol": "^2.0.0", + "micromark-util-types": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/micromark-extension-gfm": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz", @@ -8002,6 +8063,23 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/remark-frontmatter": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/remark-frontmatter/-/remark-frontmatter-5.0.0.tgz", + "integrity": "sha512-XTFYvNASMe5iPN0719nPrdItC9aU0ssC4v14mH1BCi1u0n1gAocqcujWUrByftZTbLhRtiKRyjYTSIOcr69UVQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/mdast": "^4.0.0", + "mdast-util-frontmatter": "^2.0.0", + "micromark-extension-frontmatter": "^2.0.0", + "unified": "^11.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/remark-gfm": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz", diff --git a/package.json b/package.json index fc43aa2f2d..9e9ca79fad 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,6 @@ "./sidebar": "./src/sidebar.ts", "./platform": "./src/platform.ts", "./content": "./src/content-helper.ts", - "./normalize-mdx": "./src/normalize-mdx.ts", "./lib/platform-context": "./src/lib/platform-context.ts", "./components/mdx/ApiRef.astro": "./src/components/mdx/ApiRef.astro", "./components/mdx/ApiLink.astro": "./src/components/mdx/ApiLink.astro", @@ -30,7 +29,6 @@ "build:prod": "astro build", "preview": "astro preview", "astro": "astro", - "build:staging:angular:en": "npm run build-staging:en --prefix docs/angular", "build:staging:angular:jp": "npm run build-staging:jp --prefix docs/angular", "build:staging:react:en": "npm run build-staging:react --prefix docs/xplat", @@ -39,22 +37,18 @@ "build:staging:wc:jp": "npm run build-staging:webcomponents:jp --prefix docs/xplat", "build:staging:blazor:en": "npm run build-staging:blazor --prefix docs/xplat", "build:staging:blazor:jp": "npm run build-staging:blazor:jp --prefix docs/xplat", - "angular:dev": "npm run dev --prefix docs/angular", "angular:dev:en": "npm run dev:en --prefix docs/angular", "angular:dev:jp": "npm run dev:jp --prefix docs/angular", "angular:dev:kr": "npm run dev:kr --prefix docs/angular", - "angular:build": "npm run build --prefix docs/angular", "angular:build:en": "npm run build:en --prefix docs/angular", "angular:build:jp": "npm run build:jp --prefix docs/angular", "angular:build:kr": "npm run build:kr --prefix docs/angular", - "angular:build-staging": "npm run build-staging --prefix docs/angular", "angular:build-staging:en": "npm run build-staging:en --prefix docs/angular", "angular:build-staging:jp": "npm run build-staging:jp --prefix docs/angular", "angular:build-staging:kr": "npm run build-staging:kr --prefix docs/angular", - "angular:build-production": "npm run build-production --prefix docs/angular", "angular:build-production:en": "npm run build-production:en --prefix docs/angular", "angular:build-production:jp": "npm run build-production:jp --prefix docs/angular", @@ -63,7 +57,6 @@ "angular:preview:en": "npm run preview:en --prefix docs/angular", "angular:preview:jp": "npm run preview:jp --prefix docs/angular", "angular:preview:kr": "npm run preview:kr --prefix docs/angular", - "xplat:dev": "npm run dev --prefix docs/xplat", "xplat:dev:angular": "npm run dev:angular --prefix docs/xplat", "xplat:dev:react": "npm run dev:react --prefix docs/xplat", @@ -82,7 +75,6 @@ "xplat:preview:react:jp": "npm run preview:react:jp --prefix docs/xplat", "xplat:preview:webcomponents:jp": "npm run preview:webcomponents:jp --prefix docs/xplat", "xplat:preview:blazor:jp": "npm run preview:blazor:jp --prefix docs/xplat", - "xplat:build:angular": "npm run build:angular --prefix docs/xplat", "xplat:build:react": "npm run build:react --prefix docs/xplat", "xplat:build:webcomponents": "npm run build:webcomponents --prefix docs/xplat", @@ -91,7 +83,6 @@ "xplat:build:react:jp": "npm run build:react:jp --prefix docs/xplat", "xplat:build:webcomponents:jp": "npm run build:webcomponents:jp --prefix docs/xplat", "xplat:build:blazor:jp": "npm run build:blazor:jp --prefix docs/xplat", - "xplat:build-staging:angular": "npm run build-staging:angular --prefix docs/xplat", "xplat:build-staging:react": "npm run build-staging:react --prefix docs/xplat", "xplat:build-staging:webcomponents": "npm run build-staging:webcomponents --prefix docs/xplat", @@ -100,7 +91,6 @@ "xplat:build-staging:react:jp": "npm run build-staging:react:jp --prefix docs/xplat", "xplat:build-staging:webcomponents:jp": "npm run build-staging:webcomponents:jp --prefix docs/xplat", "xplat:build-staging:blazor:jp": "npm run build-staging:blazor:jp --prefix docs/xplat", - "xplat:build-production:angular": "npm run build-production:angular --prefix docs/xplat", "xplat:build-production:react": "npm run build-production:react --prefix docs/xplat", "xplat:build-production:webcomponents": "npm run build-production:webcomponents --prefix docs/xplat", @@ -109,7 +99,6 @@ "xplat:build-production:react:jp": "npm run build-production:react:jp --prefix docs/xplat", "xplat:build-production:webcomponents:jp": "npm run build-production:webcomponents:jp --prefix docs/xplat", "xplat:build-production:blazor:jp": "npm run build-production:blazor:jp --prefix docs/xplat", - "jquery:dev": "npm run dev --prefix docs/jquery", "jquery:dev:en": "npm run dev:en --prefix docs/jquery", "jquery:dev:jp": "npm run dev:jp --prefix docs/jquery", @@ -141,6 +130,7 @@ "astro": "^6.1.6", "cross-env": "^10.1.0", "igniteui-theming": "^25.0.2", + "remark-frontmatter": "^5.0.0", "sass-embedded": "^1.98.0", "starlight-llms-txt": ">=0.8", "typescript": "^5.4.0" diff --git a/scripts/add-slugs-to-toc.mjs b/scripts/add-slugs-to-toc.mjs index 475f8160c9..abf9cf310b 100644 --- a/scripts/add-slugs-to-toc.mjs +++ b/scripts/add-slugs-to-toc.mjs @@ -8,7 +8,7 @@ * integration.ts can resolve slugs without reading every source file. * * This script should run AFTER the migration pipeline (after rename, after - * normalize-mdx has added frontmatter with slugs). + * frontmatter has `slug:` entries from the migration pipeline). * * Usage: * node scripts/add-slugs-to-toc.mjs # jQuery default diff --git a/scripts/convert-docfx-tokens.mjs b/scripts/convert-docfx-tokens.mjs index 7cc2b7cad1..6d458e6722 100644 --- a/scripts/convert-docfx-tokens.mjs +++ b/scripts/convert-docfx-tokens.mjs @@ -3,10 +3,12 @@ * convert-docfx-tokens.mjs * * Converts legacy DocFX %%Token%% placeholders to {environment:Token} format - * understood by the remark-docfx plugin at build time. + * in BOTH content (`.md` / `.mdx`) and `toc.json` "name" fields. * - * Also replaces %%Token%% in toc.json *names* with their literal resolved values - * (sidebar display text should not contain build-time tokens). + * Tokens are intentionally kept dynamic — the runtime resolves them per + * environment (development / staging / production): + * - MDX: src/plugins/remark-docfx.ts + * - toc.json: src/sidebar.ts (buildSidebarFromToc) * * Usage: * node scripts/convert-docfx-tokens.mjs # dry-run @@ -65,6 +67,10 @@ function walkMdx(dir) { } // ─── Convert content files: %%Token%% → {environment:Token} ───────────────── +// Body uses backslash-escaped braces (`\{…\}`) so MDX won't parse `{` as JSX. +// MDX strips the `\` and the runtime resolver in remark-docfx sees the literal +// `{environment:Foo}`. Frontmatter is YAML — `{` is just a literal char there — +// so we keep raw braces (`{environment:Foo}`) in frontmatter. function convertContentTokens() { const files = walkMdx(TOPICS_DIR); let totalReplacements = 0; @@ -72,10 +78,20 @@ function convertContentTokens() { for (const file of files) { const original = fs.readFileSync(file, 'utf-8'); - const converted = original.replace(TOKEN_RE, (_match, key) => `{environment:${key}}`); + const bom = original.charCodeAt(0) === 0xFEFF ? '\uFEFF' : ''; + const text = bom ? original.slice(1) : original; + + // Split frontmatter from body (frontmatter must start at byte 0 after BOM). + const fmMatch = text.match(/^(---[\s\S]*?\r?\n---\r?\n?)/); + const frontmatter = fmMatch ? fmMatch[1] : ''; + const body = fmMatch ? text.slice(frontmatter.length) : text; + + const newFm = frontmatter.replace(TOKEN_RE, (_m, key) => `{environment:${key}}`); + const newBody = body.replace(TOKEN_RE, (_m, key) => `\\{environment:${key}\\}`); + const converted = bom + newFm + newBody; if (converted !== original) { - const count = (original.match(TOKEN_RE) || []).length; + const count = ((frontmatter + body).match(TOKEN_RE) || []).length; totalReplacements += count; filesChanged++; const rel = path.relative(TOPICS_DIR, file); @@ -91,22 +107,18 @@ function convertContentTokens() { console.log(`\nContent tokens: ${totalReplacements} replacements across ${filesChanged} files`); } -// ─── Convert toc.json: resolve %%Token%% in "name" fields to literal values ─ +// ─── Convert toc.json: %%Token%% → {environment:Token} (kept dynamic) ──── function convertTocTokens() { if (!fs.existsSync(TOC_JSON)) { console.log(' [skip] toc.json not found'); return; } - const values = loadTokenValues(); const original = fs.readFileSync(TOC_JSON, 'utf-8'); - // Replace %%Token%% with resolved value (or leave as-is if unknown). - const converted = original.replace(TOKEN_RE, (_match, key) => { - if (values[key]) return values[key]; - console.warn(` [warn] Unknown token in toc.json: %%${key}%%`); - return _match; - }); + // Convert %%Token%% → {environment:Token} so the value remains environment- + // aware (resolved at runtime by src/sidebar.ts via environment.json). + const converted = original.replace(TOKEN_RE, (_m, key) => `{environment:${key}}`); if (converted !== original) { const count = (original.match(TOKEN_RE) || []).length; @@ -114,7 +126,7 @@ function convertTocTokens() { console.log(` [dry-run] toc.json: ${count} token(s)`); } else { fs.writeFileSync(TOC_JSON, converted, 'utf-8'); - console.log(` ✓ toc.json: ${count} token(s) resolved`); + console.log(` ✓ toc.json: ${count} token(s) converted`); } } else { console.log(' toc.json: no tokens found'); @@ -125,6 +137,6 @@ function convertTocTokens() { console.log(`\n=== convert-docfx-tokens [${APPLY ? 'APPLY' : 'DRY-RUN'}] ===\n`); console.log('Phase 1: Content files (%%Token%% → {environment:Token})'); convertContentTokens(); -console.log('\nPhase 2: toc.json (%%Token%% → literal values)'); +console.log('\nPhase 2: toc.json (%%Token%% → {environment:Token})'); convertTocTokens(); console.log('\nDone.\n'); diff --git a/scripts/fix-all-mdx.mjs b/scripts/fix-all-mdx.mjs index d0a26e60e1..b9b5a22964 100644 --- a/scripts/fix-all-mdx.mjs +++ b/scripts/fix-all-mdx.mjs @@ -1,23 +1,24 @@ -#!/usr/bin/env node /** * fix-all-mdx.mjs * * Comprehensive MDX fixer that processes all failing files. - * Applies normalization + targeted fixes, then writes the result. + * Applies targeted fixes, then writes the result. * - * Strategy: For each file, apply normalizeMdxContent, then additional fixes: * 1. Remove orphaned HTML table fragments (broken <table>/<tbody>/<tr> blocks) * 2. Strip inline <a name=""> anchors from markdown table cells * 3. Replace <li> used as bullet markers in markdown table cells * 4. Escape <div>, <T>, <script> in markdown table cells/paragraphs - * 5. Escape remaining unescaped { } - * 6. Fix comma in tag names, quotes in attributes - * 7. Fix orphaned </p>, </script>, </div> tags + * 5. Strip the duplicate body H1 (Starlight renders frontmatter `title` as the H1) + * 6. Backslash-escape remaining unescaped `{` / `}` outside code fences + * 7. Fix comma in tag names, quotes in attributes + * 8. Fix orphaned </p>, </script>, </div> tags */ import fs from 'node:fs'; import path from 'node:path'; -import { normalizeMdxContent } from '../src/normalize-mdx.ts'; import { compile } from '@mdx-js/mdx'; +import remarkFrontmatter from 'remark-frontmatter'; + +const MDX_OPTS = { jsx: true, remarkPlugins: [remarkFrontmatter] }; const topicsArg = process.argv.find(a => a.startsWith('--topics=')); const topicsDir = topicsArg @@ -549,10 +550,18 @@ function closeUnclosedTables(content) { /** * Escape unescaped { } in prose text. - * Now escapes ALL braces (including {environment:} since remark-docfx handles {environment:). + * Skips YAML frontmatter (where `{` is a literal char and gets resolved + * dynamically by src/content-helper.ts), and converts bare `{environment:Foo}` + * tokens in body to MDX-escaped `\{environment:Foo\}` so they survive MDX + * parsing and remain dynamic via remark-docfx. */ function escapeBracesInProse(content) { - const lines = content.split('\n'); + // Split frontmatter from body so we never touch YAML braces. + const fmMatch = content.match(/^(---\r?\n[\s\S]*?\r?\n---\r?\n?)/); + const frontmatter = fmMatch ? fmMatch[1] : ''; + const body = fmMatch ? content.slice(frontmatter.length) : content; + + const lines = body.split('\n'); let inCode = false; const result = []; @@ -584,6 +593,21 @@ function escapeBracesInProse(content) { i++; continue; } + // Already MDX-escaped as `\{` + if (i >= 1 && line[i - 1] === '\\') { + out += line[i]; + i++; + continue; + } + // Bare `{environment:Foo}` — convert to MDX-escaped form so the + // token survives the body-brace escape pass below and is still + // recognised by the runtime resolver in remark-docfx. + const envMatch = line.slice(i).match(/^\{environment:\w+\}/); + if (envMatch) { + out += '\\{' + envMatch[0].slice(1, -1) + '\\}'; + i += envMatch[0].length; + continue; + } out += '{'; i++; continue; @@ -595,6 +619,12 @@ function escapeBracesInProse(content) { i++; continue; } + // Already MDX-escaped as `\}` + if (i >= 1 && line[i - 1] === '\\') { + out += line[i]; + i++; + continue; + } out += '}'; i++; continue; @@ -604,7 +634,7 @@ function escapeBracesInProse(content) { } result.push(out); } - return result.join('\n'); + return frontmatter + result.join('\n'); } /** @@ -712,32 +742,17 @@ async function main() { const src = raw.charCodeAt(0) === 0xFEFF ? raw.slice(1) : raw; const rel = path.relative(topicsDir, file); - // Apply normalization - const normalized = normalizeMdxContent(src); - let content = normalized ?? src; + let content = src; // Test if it already compiles try { - await compile(content, { jsx: true }); - // If normalization changed the file, write it even though it compiles - if (normalized !== null && normalized !== src) { - fixedCount++; - if (apply) { - const bom = raw.charCodeAt(0) === 0xFEFF ? '\uFEFF' : ''; - fs.writeFileSync(file, bom + content, 'utf-8'); - console.log(` NORMALIZED: ${rel}`); - } else { - console.log(` WOULD NORMALIZE: ${rel}`); - } - } else { - alreadyOk++; - } + await compile(content, MDX_OPTS); + alreadyOk++; continue; } catch {} // Apply fixes in order - // Note: compare against `src` (disk content) not `content` (post-normalization), - // so that normalization changes are written even when fixes are no-ops. + // Compare write-decision against `src` (original disk content). content = stripInlineAnchors(content); content = fixMiscSyntax(content); content = fixLiInTableCells(content); @@ -757,7 +772,7 @@ async function main() { // Test if it compiles now let compiles = false; try { - await compile(content, { jsx: true }); + await compile(content, MDX_OPTS); compiles = true; } catch (e) { const msg = (e.message || '').split('\n')[0]; diff --git a/scripts/fix-internal-links.mjs b/scripts/fix-internal-links.mjs index e5505b4e1a..134c400f4c 100644 --- a/scripts/fix-internal-links.mjs +++ b/scripts/fix-internal-links.mjs @@ -342,8 +342,8 @@ for (const file of files) { } // Skip image refs if (/\.(png|jpg|gif|svg|jpeg|webp)$/i.test(href)) return match; - // Skip {environment:...} refs - if (href.includes('{environment:') || href.includes('{environment:')) return match; + // Skip {environment:...} refs (raw, backslash-escaped, or entity-encoded) + if (href.includes('{environment:') || href.includes('\\{environment:') || href.includes('{environment:')) return match; // Skip .html links (external API refs) if (/\.html$/i.test(href)) return match; diff --git a/scripts/fix-pseudo-html.mjs b/scripts/fix-pseudo-html.mjs index f11ca3aef5..8c389c9ac7 100644 --- a/scripts/fix-pseudo-html.mjs +++ b/scripts/fix-pseudo-html.mjs @@ -61,19 +61,23 @@ function fixProseChunk(prose) { (match, tag, attrs) => `<${tag}${attrs}/>` ); - // 2. Escape bare `{` as { — skip already-encoded entities and - // {environment:...} which remark-docfx handles at render time. + // 2. Escape bare `{` as { — skip already-encoded entities, MDX-escaped + // `\{`, and `{environment:...}` which remark-docfx handles at render time. p = p.replace(/\{(?!environment:)/g, (m, offset, str) => { // Don't re-encode something that is already an HTML entity like { const before = str.slice(Math.max(0, offset - 1), offset); if (before === '&') return m; + // Don't re-encode an already MDX-escaped `\{` + if (before === '\\') return m; return '{'; }); - // 3. Escape bare `}` as } — skip `}` that closes an HTML entity. + // 3. Escape bare `}` as } — skip `}` that closes an HTML entity or is + // MDX-escaped as `\}`. p = p.replace(/\}/g, (m, offset, str) => { const before = str.slice(Math.max(0, offset - 6), offset); if (/&#\d{2,3}$/.test(before)) return m; + if (before.endsWith('\\')) return m; return '}'; }); @@ -229,7 +233,7 @@ function fixFile(text) { // ------------------------------------------------------------------------- // Pre-step: Extract the DocFX metadata block before ANY processing. - // normalizeMdxContent (step 7) needs it intact to extract the fileName slug. + // The DocFX metadata block is preserved here; the migration pipeline strips it later. // We re-attach it at the very end so it's untouched by brace escaping etc. // ------------------------------------------------------------------------- const metaRe = /<!--\s*\|metadata\|[\s\S]*?\|metadata\|\s*-->\n?/; diff --git a/scripts/gen-jquery-toc.mjs b/scripts/gen-jquery-toc.mjs index 012e870b2d..ae2bdcf934 100644 --- a/scripts/gen-jquery-toc.mjs +++ b/scripts/gen-jquery-toc.mjs @@ -28,7 +28,7 @@ const IMAGE_EXTS = new Set(['.png', '.jpg', '.jpeg', '.gif', '.svg', '.ico', '.w function getH1(filepath) { try { const content = readFileSync(filepath, 'utf-8'); - // 1. Try frontmatter `title:` first (present after normalize-mdx normalization). + // 1. Try frontmatter `title:` first. const fmMatch = content.match(/^---\r?\n([\s\S]*?)\r?\n---/); if (fmMatch) { const titleMatch = fmMatch[1].match(/^title:\s*["']?(.+?)["']?\s*$/m); diff --git a/scripts/migrate-jquery-pipeline.mjs b/scripts/migrate-jquery-pipeline.mjs index 73b480ebb0..36ab351225 100644 --- a/scripts/migrate-jquery-pipeline.mjs +++ b/scripts/migrate-jquery-pipeline.mjs @@ -18,7 +18,14 @@ * 7. fix-all-mdx – comprehensive MDX fixes (orphaned tags, anchors, escapes) * 8. fix-broken-images – fix broken image paths (wrong depth, old numbered folders) * 9. fix-internal-links – resolve old-style links, strip .mdx, fix // prefixes - * 10. validate-mdx – check MDX compilation + * 10. add-slugs-to-toc – add slugs to toc.json from frontmatter + * 11. validate-mdx – check MDX compilation + * + * Note: `{environment:Foo}` tokens in MDX are resolved at compile time by + * `src/plugins/remark-docfx.ts`, and the same tokens in `toc.json` are + * resolved at sidebar-build time by `src/sidebar.ts`. Do NOT statically + * rewrite these tokens — keep them dynamic so dev/staging/prod builds can + * each render their own values. * * Usage: * node scripts/migrate-jquery-pipeline.mjs # dry-run (jQuery default) @@ -113,6 +120,7 @@ if (APPLY) { console.log('\n [dry-run] Skipping add-slugs-to-toc (always writes, no dry-run mode)'); } + // Step 11: Validate MDX compilation run('Validate MDX', `node scripts/validate-mdx.mjs ${TOPICS}`); diff --git a/scripts/normalize-mdx.mjs b/scripts/normalize-mdx.mjs deleted file mode 100644 index 60e9e447c3..0000000000 --- a/scripts/normalize-mdx.mjs +++ /dev/null @@ -1,28 +0,0 @@ -#!/usr/bin/env node -/** - * normalize-mdx.mjs — CLI wrapper for docs-template/normalize-mdx - * - * Usage: - * node scripts/normalize-mdx.mjs <topicsDir> - * node scripts/normalize-mdx.mjs docs/jquery/src/content/en/topics - */ -import path from 'node:path'; -import { createRequire } from 'node:module'; - -const require = createRequire(import.meta.url); - -const targetDir = process.argv[2]; -if (!targetDir) { - console.error('Usage: node scripts/normalize-mdx.mjs <topicsDir>'); - process.exit(1); -} - -const abs = path.resolve(targetDir); -console.log(`\nNormalizing MDX files in: ${abs}\n`); - -// Import via tsx/vite-aware path. Fallback to direct TS import if available. -const { normalizeMdxDir } = await import('../src/normalize-mdx.ts'); - -const { processed, skipped, errors } = normalizeMdxDir(abs, { verbose: true }); -console.log(`\nDone — processed: ${processed}, skipped: ${skipped}, errors: ${errors}`); -if (errors > 0) process.exit(1); diff --git a/scripts/validate-mdx.mjs b/scripts/validate-mdx.mjs index e81af51b17..0c04fcc95b 100644 --- a/scripts/validate-mdx.mjs +++ b/scripts/validate-mdx.mjs @@ -6,6 +6,7 @@ * Default dir: docs/jquery/src/content/en/topics */ import { compile } from '@mdx-js/mdx'; +import remarkFrontmatter from 'remark-frontmatter'; import { readdirSync, readFileSync } from 'fs'; import { resolve, join, relative } from 'path'; @@ -32,7 +33,7 @@ let ok = 0; for (const f of all) { const text = readFileSync(f, 'utf8'); try { - await compile(text, { format: 'mdx' }); + await compile(text, { format: 'mdx', remarkPlugins: [remarkFrontmatter] }); ok++; } catch (e) { const msg = e.message ?? String(e); diff --git a/src/components/overrides/PageTitle.astro b/src/components/overrides/PageTitle.astro index b8abdaed8d..bf7ce10e05 100644 --- a/src/components/overrides/PageTitle.astro +++ b/src/components/overrides/PageTitle.astro @@ -1,6 +1,7 @@ --- // Suppress Starlight's auto-generated <h1> page title. -// Each doc page already has its own # heading in the markdown content. +// Each doc page already has its own # heading in the markdown content +// (the convention across all child sites — angular, xplat, jquery). // The SEO <title> in <head> is unaffected. // The #_top anchor is preserved so the "Skip to content" link still works. --- diff --git a/src/content-helper.ts b/src/content-helper.ts index 56ce39d415..09e8e721ff 100644 --- a/src/content-helper.ts +++ b/src/content-helper.ts @@ -32,6 +32,7 @@ import { glob } from 'astro/loaders'; import { docsSchema } from '@astrojs/starlight/schema'; import { z } from 'astro/zod'; import { pathToFileURL } from 'node:url'; +import { loadEnvValues, resolveEnvTokens } from './env-tokens.ts'; type ExtendSchema = NonNullable<Parameters<typeof docsSchema>[0]>['extend']; @@ -71,7 +72,7 @@ function withTitleFilter(baseLoader: any): any { * missing one so the glob loader doesn't throw InvalidContentEntryDataError; * withTitleFilter removes those entries after loading. */ -function skippableDocsSchema(extend?: ExtendSchema) { +function skippableDocsSchema(extend?: ExtendSchema, sourceDir?: string) { // eslint-disable-next-line @typescript-eslint/no-explicit-any const base = docsSchema(extend ? { extend } : undefined) as any; // eslint-disable-next-line @typescript-eslint/no-explicit-any @@ -81,6 +82,17 @@ function skippableDocsSchema(extend?: ExtendSchema) { const d = data as Record<string, unknown>; if (d['description'] === null) delete d['description']; if (!d['title']) return { ...d, title: SKIP_TITLE }; + // Resolve {environment:Foo} / {environment:Foo} tokens + // in human-visible frontmatter fields (title, description, + // keywords). Frontmatter is YAML — never visited by remark — + // so this is the only chance to keep these strings dynamic + // per build environment. + const envValues = sourceDir ? loadEnvValues(sourceDir) : {}; + if (Object.keys(envValues).length > 0) { + if (typeof d['title'] === 'string') d['title'] = resolveEnvTokens(d['title'], envValues); + if (typeof d['description'] === 'string') d['description'] = resolveEnvTokens(d['description'] as string, envValues); + if (typeof d['keywords'] === 'string') d['keywords'] = resolveEnvTokens(d['keywords'] as string, envValues); + } } return data; }, @@ -156,7 +168,7 @@ export function createDocsCollection( })), // use => schema: docsSchema({ extend }) as any, when skippableDocsSchema is no longer needed // eslint-disable-next-line @typescript-eslint/no-explicit-any - schema: skippableDocsSchema(extendSEO) as any, + schema: skippableDocsSchema(extendSEO, dir) as any, }); } diff --git a/src/env-tokens.ts b/src/env-tokens.ts new file mode 100644 index 0000000000..2fc172bce2 --- /dev/null +++ b/src/env-tokens.ts @@ -0,0 +1,76 @@ +/** + * env-tokens.ts + * + * Shared helper for resolving `{environment:Foo}` / `{environment:Foo}` + * placeholders against `environment.json` for the active build environment. + * + * Used by: + * - src/plugins/remark-docfx.ts (MDX content) + * - src/sidebar.ts (toc.json sidebar labels/hrefs) + * - src/content-helper.ts (frontmatter title/description) + * + * Tokens stay dynamic — values come from `environment.json[DOCS_ENV]` + * (with fallback to `environment.json.production`), so each of dev / staging / + * production builds renders its own URLs / product names without ever + * hard-coding literals into the source files. + */ + +import fs from 'node:fs'; +import path from 'node:path'; + +export const ENV_TOKEN_RE = /(?:\\\{|\{|{)environment:(\w+)(?:\\\}|\}|})/g; + +const _cache = new Map<string, Record<string, string>>(); + +/** + * Load environment.json values for the active DOCS_ENV (or NODE_ENV). + * Cached per docsDir. + * + * Lookup order (first match wins): + * 1. {docsDir}/en/environment.json (DocFX layout) + * 2. {docsDir}/environment.json (flat layout) + * 3. {docsDir}/../environment.json (xplat: docsDir = generated/{P}/{lang}) + * 4. {docsDir}/../en/environment.json + */ +export function loadEnvValues(docsDir: string): Record<string, string> { + if (!docsDir) return {}; + const cached = _cache.get(docsDir); + if (cached) return cached; + + const candidates = [ + path.join(docsDir, 'en', 'environment.json'), + path.join(docsDir, 'environment.json'), + path.join(path.dirname(docsDir), 'environment.json'), + path.join(path.dirname(docsDir), 'en', 'environment.json'), + ]; + const envPath = candidates.find(c => fs.existsSync(c)); + if (!envPath) { + _cache.set(docsDir, {}); + return {}; + } + try { + const data = JSON.parse(fs.readFileSync(envPath, 'utf-8')); + const envKey = process.env.DOCS_ENV ?? process.env.NODE_ENV ?? 'production'; + const values = data[envKey] ?? data.production ?? {}; + _cache.set(docsDir, values); + return values; + } catch { + _cache.set(docsDir, {}); + return {}; + } +} + +/** + * Replace every `{environment:Foo}` / `{environment:Foo}` token in + * `text` with the corresponding value from `values`. Unknown tokens are left + * as-is. + */ +export function resolveEnvTokens(text: string, values: Record<string, string>): string { + if (!text || typeof text !== 'string') return text; + ENV_TOKEN_RE.lastIndex = 0; + if (!ENV_TOKEN_RE.test(text)) return text; + ENV_TOKEN_RE.lastIndex = 0; + return text.replace(ENV_TOKEN_RE, (m, k) => + Object.prototype.hasOwnProperty.call(values, k) ? values[k] : m + ); +} diff --git a/src/normalize-mdx.ts b/src/normalize-mdx.ts deleted file mode 100644 index 0fc60907cc..0000000000 --- a/src/normalize-mdx.ts +++ /dev/null @@ -1,639 +0,0 @@ -/** - * normalize-mdx.ts - * - * Converts legacy DocFX-style MDX/MD files to standard Astro/Starlight format. - * - * Legacy format: - * <!-- - * |metadata| - * { "fileName": "...", "controlName": "...", "tags": [...] } - * |metadata| - * --> - * - * # Page Title - * Body content… - * - * Output format: - * --- - * title: "Page Title" - * --- - * - * # Page Title - * Body content… - * - * Idempotent: files already starting with `---` and containing no metadata - * block are left untouched. Partial states (frontmatter present but metadata - * block still in body) are also fixed. - * - * Usage from astro.config.ts: - * import { normalizeMdxDir } from 'docs-template/normalize-mdx'; - * normalizeMdxDir(path.resolve('./src/content/en/topics')); - * - * CLI (via scripts/normalize-mdx.mjs): - * node scripts/normalize-mdx.mjs <topicsDir> - */ - -import fs from 'node:fs'; -import path from 'node:path'; - -/** Matches the full DocFX metadata comment block (anywhere in the file). */ -const METADATA_RE = /<!--\s*\|metadata\|[\s\S]*?\|metadata\|\s*-->\n?/g; - -/** Matches the first # H1 heading (space after # is optional). */ -const H1_RE = /^#[ \t]*(.+?)[ \t]*$/m; - -/** - * Matches bare angle-bracket tokens used as text placeholders in legacy DocFX - * content (e.g. `<language>`, `<value>`, `<type>`) that are NOT real HTML/JSX - * tags and would cause MDX parse errors. - * - * Strategy: escape them as `\<word>` so MDX treats them as literal text. - * We only escape tokens that: - * - appear outside of code spans/blocks (handled by splitting on code fences) - * - consist solely of lowercase letters (real HTML tags are a small known set; - * these pseudo-tags are things like <language>, <value>, <tablename>, etc.) - * - are NOT a known HTML void/block/inline element - * - * Regex matches `<word>` or `</word>` where word is 2+ lowercase letters not - * in the HTML tag allowlist. - */ -const KNOWN_HTML_TAGS = new Set([ - 'a','abbr','address','area','article','aside','audio','b','base','bdi','bdo', - 'blockquote','br','button','canvas','caption','cite','code','col', - 'colgroup','data','datalist','dd','del','details','dfn','dialog','div','dl', - 'dt','em','embed','fieldset','figcaption','figure','footer','form','h1','h2', - 'h3','h4','h5','h6','header','hgroup','hr','i','iframe','img', - 'input','ins','kbd','label','legend','li','main','map','mark','menu', - 'meter','nav','noscript','object','ol','optgroup','option','output', - 'p','picture','pre','progress','q','rp','rt','ruby','s','samp', - 'search','section','select','slot','small','source','span','strong', - 'sub','summary','sup','table','tbody','td','template','textarea','tfoot', - 'th','thead','time','tr','track','u','ul','var','video','wbr', - // Intentionally omitted: 'body','head','html' — document-structure tags - // used only as placeholder text in content pages and must be escaped. - // Also omitted: 'script','style','link','meta','title' — head/resource tags - // that should never appear in MDX prose and cause parse errors if orphaned. -]); - -/** - * Escape asterisks in a string that are not part of balanced *emphasis* or **strong**. - * A lone unmatched * inside an HTML element causes MDX parse errors. - */ -function escapeUnpairedAsterisks(text: string): string { - // Normalize: collapse 2+ backslashes immediately before * to a single backslash. - // In markdown, an even number of backslashes before * cancel out, leaving * unescaped. - text = text.replace(/\\{2,}(?=\*)/g, '\\'); - - const result: string[] = []; - let i = 0; - while (i < text.length) { - // Skip already-escaped \* to avoid cascading re-escaping on repeated runs. - if (text[i] === '\\' && i + 1 < text.length && text[i + 1] === '*') { - result.push('\\*'); i += 2; continue; - } - if (text[i] !== '*') { result.push(text[i++]); continue; } - const start = i; - while (i < text.length && text[i] === '*') i++; - const stars = text.slice(start, i); - // Find matching closing sequence, skipping escaped \* positions. - let closeIdx = -1; - let searchPos = i; - while (searchPos < text.length) { - const idx = text.indexOf(stars, searchPos); - if (idx === -1) break; - if (idx > 0 && text[idx - 1] === '\\') { searchPos = idx + stars.length; continue; } - closeIdx = idx; - break; - } - // If a matching closing sequence exists, keep as-is (real markdown). - result.push(closeIdx !== -1 ? stars : stars.replace(/\*/g, '\\*')); - } - return result.join(''); -} - -/** Fix prose chunk: pseudo-HTML escaping, void element self-closing, curly brace escaping. */ -function fixProseChunk(prose: string): string { - // Undo backslash-escape attempts from prior runs. - let p = prose.replace(/\\<(\/?[a-zA-Z][a-zA-Z0-9._-]*)/g, '<$1'); - - // 1. Escape bare pseudo-HTML tags not in the HTML allowlist. - // Extended to handle uppercase, dots, underscores in tag names. - p = p.replace(/<\/?([a-zA-Z][a-zA-Z0-9._-]*)(\s|\/?>|>)/g, (match, tag, rest) => { - if (/^[A-Z]/.test(tag)) return match; // JSX/Astro components — preserve - if (KNOWN_HTML_TAGS.has(tag.toLowerCase())) return match; - const isClose = match.startsWith('</'); - return isClose - ? `</${tag}${rest.replace(/>/, '>')}` - : `<${tag}${rest.replace(/>/, '>')}`; - }); - - // 1b. Escape ASP.NET <%...%> template tags (MDX errors on the % character). - p = p.replace(/<%/g, '<%'); - - // 1c. Escape <*identifier> (star/asterisk at start of tag name, possibly with spaces). - p = p.replace(/<(\*[^>]+)>/g, (_, inner) => `<${inner}>`); - - // 2. Fix void HTML elements: MDX (JSX) requires self-closing slash. - // e.g. <br> → <br/>, <img src="x"> → <img src="x"/> - p = p.replace(/<(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)([^>]*?)(?<!\/)>/g, - (_match, tag, attrs) => `<${tag}${attrs}/>` - ); - - // 3 & 4. Escape bare `{` and `}` — but skip content inside JSX component tags - // (PascalCase tags like <ApiLink ... />) which use {expr} for attribute values. - const jsxSlots: string[] = []; - p = p.replace(/<[A-Z][A-Za-z0-9._-]*(?:\s[^>]*)?\/?>/g, (match) => { - jsxSlots.push(match); - return `\x00JSXP${jsxSlots.length - 1}\x00`; - }); - - // 3. Escape bare `{` as { — skip already-encoded entities. - // remark-docfx handles {environment:...} at render time. - p = p.replace(/\{/g, (m, offset, str) => { - const before = str.slice(Math.max(0, offset - 1), offset); - if (before === '&') return m; - return '{'; - }); - - // 4. Escape bare `}` as } — skip `}` that closes an HTML entity. - p = p.replace(/\}/g, (m, offset, str) => { - const before = str.slice(Math.max(0, offset - 6), offset); - if (/&#\d{2,3}$/.test(before)) return m; - return '}'; - }); - - // Restore JSX component tags. - p = p.replace(/\x00JSXP(\d+)\x00/g, (_, i) => jsxSlots[parseInt(i, 10)]); - - return p; -} - -/** - * Fix multiline `<td>/<th>` elements and escape unmatched asterisks in all - * table cells. Must run on the full body before prose splitting, since the - * regex needs to see the complete opening+closing tag pair across lines. - * - * Also handles `<thead>` correctly via the `\b` word boundary (prevents - * `th` in `thead` from being matched as a `<th>` tag). - */ -/** - * Repair cells broken by a previous fixTableCells run that cut the outer <td>/<th> - * at the first nested </td>/</th> rather than the true outer closing tag. - */ -function repairBrokenOuterCells(body: string): string { - const lines = body.split('\n'); - const out: string[] = []; - let i = 0; - while (i < lines.length) { - const line = lines[i]; - const cellOpen = /<(td|th)\b[^>]*>/i.exec(line); - if (cellOpen && line.includes('<table') && !line.includes('</table>')) { - const tag = cellOpen[1].toLowerCase(); - const closeTag = `</${tag}>`; - const collected: string[] = [line]; - let j = i + 1; - let found = false; - let seenTableClose = false; - let tableCloseCollIdx = -1; - while (j < lines.length) { - const jLine = lines[j]; - if (!seenTableClose && jLine.includes('</table>')) { - seenTableClose = true; - } - if (seenTableClose) { - const closeIdx = jLine.indexOf(closeTag); - if (closeIdx !== -1) { - collected.push(jLine.slice(0, closeIdx + closeTag.length)); - found = true; - break; - } - } - collected.push(jLine); - if (seenTableClose && tableCloseCollIdx === -1) { - tableCloseCollIdx = collected.length - 1; - } - if (tableCloseCollIdx !== -1 && collected.length - tableCloseCollIdx > 5) { - collected.length = tableCloseCollIdx + 1; - found = true; - break; - } - j++; - } - if (found) { - out.push(collected.join(' ').replace(/\s+/g, ' ').trim()); - i = j + 1; - continue; - } - } - out.push(line); - i++; - } - return out.join('\n'); -} - -/** - * Fix multiline <td>/<th> cells using an iterative innermost-first approach, - * and fix malformed closing tags (e.g. </th </tr> → </th></tr>). - */ -function fixTableCells(body: string): string { - // Fix malformed closing tags: </th </tr> (missing >) or </th > (space before >) - body = body.replace(/<\/(th|td|tr|thead|tbody|tfoot)\s+>?/gi, '</$1>'); - - // Iteratively collapse innermost td/th cells (no nested td/th in content). - let prev: string; - do { - prev = body; - body = body.replace( - /<(td|th)\b([^>]*)>((?:(?!<(?:td|th)\b)[\s\S])*?)<\/\1>/gi, - (_: string, tag: string, attrs: string, content: string) => { - const collapsed = content.replace(/\s+/g, ' ').trim(); - return `<${tag}${attrs}>${escapeUnpairedAsterisks(collapsed)}</${tag}>`; - } - ); - } while (body !== prev); - - return body; -} - -/** - * Escape table-element tags (td, th, tr, thead, tbody, tfoot) that appear - * outside of any <table>…</table> block. These orphaned tags cause MDX/JSX - * parse errors like "Unexpected closing slash `/` in tag". - */ -function escapeOrphanedTableTags(body: string): string { - // Split by code fences so we don't modify code blocks. - const codeParts = body.split(/(```[\s\S]*?```)/g); - return codeParts.map((part, i) => { - if (i % 2 === 1) return part; // code block — skip - - // Track table nesting depth. - // Replace all table-element tags outside <table> blocks. - let depth = 0; - return part.replace(/<(\/?)(\w+)([^>]*?)>/g, (match, slash, tag, attrs) => { - const lowerTag = tag.toLowerCase(); - if (lowerTag === 'table') { - if (slash) { - if (depth > 0) { depth--; return match; } - // Orphaned </table> - return `</${tag}>`; - } - depth++; - return match; - } - // Table-internal tags - const tableTags = new Set(['td', 'th', 'tr', 'thead', 'tbody', 'tfoot', 'caption', 'colgroup']); - if (tableTags.has(lowerTag)) { - if (depth > 0) return match; // inside a <table> — keep - // Orphaned table tag — escape - return slash - ? `</${tag}>` - : `<${tag}${attrs}>`; - } - return match; - }); - }).join(''); -} - -/** - * Escape HTML tags inside markdown table cells that would cause MDX parse - * errors. Keeps safe inline tags that MDX handles well. Escapes block-level - * and complex tags (div, ul, ol, li, p, section, etc.) to <…>. - * Only processes markdown table rows (lines with | separators, not separator rows). - */ -const MD_TABLE_SAFE_TAGS = new Set([ - 'br', 'code', 'em', 'strong', 'b', 'i', 'a', 'span', 'sub', 'sup', - 'del', 's', 'kbd', 'mark', 'small', 'abbr', 'img', -]); - -function escapeHtmlInMarkdownTableCells(body: string): string { - const lines = body.split('\n'); - // Detect markdown table blocks: a header row followed by a separator row (---|---). - // We process rows within these blocks. - const isSepRow = (line: string) => - /^\s*\|?\s*[-:]+[-| :]*\s*$/.test(line); - - let inMdTable = false; - for (let i = 0; i < lines.length; i++) { - const line = lines[i]; - - // Detect start of markdown table (separator row follows) - if (!inMdTable && i + 1 < lines.length && isSepRow(lines[i + 1]) && line.includes('|')) { - inMdTable = true; - lines[i] = escapeHtmlInTableRow(line); - continue; - } - if (inMdTable && isSepRow(line)) { - continue; // skip separator row - } - if (inMdTable) { - if (!line.includes('|') || line.trim() === '' || /^#{1,6}\s/.test(line.trim())) { - inMdTable = false; - continue; - } - lines[i] = escapeHtmlInTableRow(line); - } - } - return lines.join('\n'); -} - -function escapeHtmlInTableRow(line: string): string { - // Split by | but preserve the delimiters for reconstruction. - // Don't split | inside code spans. - const cells = line.split('|'); - return cells.map((cell, idx) => { - // First and last are usually empty in | ... | ... | format - if (idx === 0 || idx === cells.length - 1) return cell; - // Escape non-safe HTML tags - return cell.replace(/<(\/?)([\w.-]+)([^>]*?)>/g, (match, slash, tag, attrs) => { - if (/^[A-Z]/.test(tag)) return match; // JSX/Astro components — preserve - const lower = tag.toLowerCase(); - if (MD_TABLE_SAFE_TAGS.has(lower)) return match; - // Escape the tag - return slash - ? `</${tag}>` - : `<${tag}${attrs}>`; - }); - }).join('|'); -} - -// --------------------------------------------------------------------------- -// Core transform -// --------------------------------------------------------------------------- - -/** - * Transform the content of a single MDX/MD file. - * - * @returns Transformed content string, or `null` when no change is needed. - */ -export function normalizeMdxContent(source: string): string | null { - // Extract fileName from metadata block before stripping (used as slug). - const fileNameMatch = source.match(/"fileName"\s*:\s*"([^"]+)"/); - const slug = fileNameMatch ? fileNameMatch[1] : null; - - // Strip ALL DocFX metadata comment blocks. - const stripped = source.replace(METADATA_RE, ''); - - const trimmed = stripped.trimStart(); - const hasFrontmatter = trimmed.startsWith('---'); - - let body = stripped; - - if (!hasFrontmatter) { - const h1Match = H1_RE.exec(body); - // No H1 title found — strip the metadata block only (content-helper - // will remove the entry from the collection since title is missing). - if (!h1Match) return stripped !== source ? body : null; - - const title = h1Match[1] - .trim() - .replace(/"/g, "'"); // escape double-quotes for YAML - - // Collapse any leading blank lines to a single blank line. - body = body.replace(/^[\r\n]+/, '\n'); - - const slugLine = slug ? `slug: ${slug}\n` : ''; - const frontmatter = `---\ntitle: "${title}"\n${slugLine}---\n`; - body = frontmatter + body; - } else if (slug) { - // Has frontmatter but no slug — inject slug if missing - const fmEnd = body.indexOf('---', body.indexOf('---') + 3); - if (fmEnd !== -1) { - const fm = body.slice(0, fmEnd); - if (!/^slug\s*:/m.test(fm)) { - body = body.slice(0, fmEnd) + `slug: ${slug}\n` + body.slice(fmEnd); - } - } - } - - // Collapse runs of 4+ newlines down to 3 (2 blank lines max). - body = body.replace(/\n{4,}/g, '\n\n\n'); - - // Remove HTML comments (includes DocFX metadata and <!-- TODO --> blocks). - body = body.replace(/<!--[\s\S]*?-->/g, ''); - - // </br> malformed void close-tag → <br/> - body = body.replace(/<\/br>/gi, '<br/>'); - - // Remove duplicate closing </table> - body = body.replace(/(<\/table>)([ \t]*\r?\n[ \t]*)<\/table>/g, '$1$2'); - - // Remove whitespace between </tr> and <tr> on the same line (prevents text node) - body = body.replace(/<\/tr>([ \t]+)<tr/g, '</tr><tr'); - - // Heading anchor fixes ([ \t]* allows zero spaces, so ###<a works too) - body = body.replace(/^(#{1,6}[ \t]*[^\n]*?)<a\b([^>]*)>(?!<\/a>)/gm, '$1<a$2></a>'); - body = body.replace(/^(#{1,6}[ \t]+)<\/a>/gm, '$1'); - - // Fix self-closing <a .../></a> pairs → <a ...></a> - body = body.replace(/<a\b([^>]*)\/>([ \t]*)<\/a>/g, '<a$1>$2</a>'); - - // Dedent code fence markers (MDX does not support indented code fences) - body = body.replace(/^[ \t]+(```)/gm, '$1'); - - // Fix <br> (non-self-closed) using fence-only split (avoids backtick-in-URL issue) - { - const fenceParts = body.split(/(```[\s\S]*?```)/g); - body = fenceParts.map((part: string, i: number) => i % 2 === 1 ? part : part.replace(/<br>/gi, '<br/>')).join(''); - } - - // Fix unclosed backtick code spans that had } escaped by a previous run - body = body.replace(/`}\);(?!`)/g, '`});`'); - - // Fix unquoted attribute: id=value"" → id="value" - body = body.replace(/\b(id|class|name|href)=([^"'\s>{/][^\s>"]*)"">/g, '$1="$2">'); - - // Escape <word/word> pseudo-tags (slash in tag name) - body = body.replace(/<([a-zA-Z][a-zA-Z0-9._-]*\/[a-zA-Z][a-zA-Z0-9._-]*)>/g, - (_: string, tag: string) => `<${tag}>`); - - // Escape HTML block-level tags inside markdown link text - body = body.replace(/\[([^\]\n]*?)<(div|section|article|aside|ul|ol|li|p|nav|main|header|footer)\b([^>]*?)>([^\]\n]*?)\]/g, - (_: string, before: string, tag: string, attrs: string, after: string) => `[${before}<${tag}${attrs}>${after}]`); - - // Escape block-level HTML tags used as inline descriptive text (surrounded by spaces) - body = body.replace(/([ \t])<(div|section|article|aside|p|nav|main|header|footer)\b([^>]*?)>([ \t])/g, - (_: string, before: string, tag: string, attrs: string, after: string) => `${before}<${tag}${attrs}>${after}`); - - // Remove stray </span> immediately after </a> - body = body.replace(/<\/a><\/span>/g, '</a>'); - - // Remove stray </td>/<th>/<tr> from markdown pipe table rows - body = body.replace(/^([^<\n]*\|[^\n]*?)<\/(?:td|th|tr)>([ \t]*)$/gm, '$1$2'); - - // Remove stray </li> at end of blockquote lines without matching <li> - body = body.replace(/^(>[ \t]+(?:(?!<li\b).)*?)<\/li>([ \t]*)$/gm, '$1$2'); - - // Remove stray </li> that appear at the very start of a pipe table cell (after |). - body = body.replace(/(\|[ \t]*)<\/li>/g, '$1'); - - // Remove stray > right after </td> at end of line - body = body.replace(/(<\/(?:td|th)>)([ \t]*)>[ \t]*$/gm, '$1$2'); - - // Remove orphaned </li> tags inside markdown table cells: closing tags that - // appear before any opening <li> in the same cell. These are artifacts from - // table conversion where list items span cell boundaries. - // Only applies to markdown table rows (lines containing | separators). - body = body.split('\n').map(line => { - // Only process markdown table rows (contain | but are not separator rows) - if (!line.includes('|') || /^\s*\|?\s*[-:]+\s*(\|\s*[-:]+\s*)*\|?\s*$/.test(line)) return line; - - // Process each cell: remove </li> before the first <li> in each cell. - return line.split('|').map(cell => { - const firstLi = cell.indexOf('<li'); - if (firstLi === -1) { - // No <li> in this cell — remove all </li> - return cell.replace(/<\/li>/g, ''); - } - // Remove </li> only before the first <li> - const before = cell.slice(0, firstLi); - const after = cell.slice(firstLi); - return before.replace(/<\/li>/g, '') + after; - }).join('|'); - }).join('\n'); - - // Insert missing </li> before the next <li> where HTML5 allows implicit closing - // but MDX/JSX requires explicit tags. - let prevLi: string; - do { - prevLi = body; - body = body.replace(/<li\b([^>]*)>((?:[^<]|<(?!\/li>|\/ul>|\/ol>|ul\b|ol\b))*?)<li\b/g, - (_: string, attrs: string, content: string) => `<li${attrs}>${content}</li><li`); - } while (body !== prevLi); - - // Insert missing </li> before </ul> and </ol>. - body = body.replace(/<li\b([^>]*)>((?:[^<]|<(?!\/li>|\/ul>|\/ol>|ul\b|ol\b|li\b))*?)<\/(ul|ol)>/g, - (_: string, attrs: string, content: string, listTag: string) => - `<li${attrs}>${content}</li></${listTag}>`); - - // Close the last unclosed <li> in a sequence that doesn't end with </li>, - // </ul>, or </ol>. This handles <li> inside table cells where the closing - // tag is implied by the end of the cell/row. - // Look for <li> ... (end-of-line or | or </td> or </th>) without a closing </li>. - body = body.replace(/<li\b([^>]*)>((?:(?!<\/li>|<li\b|<\/?[uo]l\b)[\s\S])*?)(?=\n|$)/g, - (match, attrs, content) => { - // Don't double-close if already closed - if (match.trimEnd().endsWith('</li>')) return match; - return `<li${attrs}>${content}</li>`; - }); - - // Insert missing </tr> before the next <tr> where HTML5 allows implicit closing - // but MDX/JSX requires explicit tags. - let prevTr: string; - do { - prevTr = body; - body = body.replace( - /<tr\b([^>]*)>((?:(?!<\/tr>)[\s\S])*?)\n([ \t]*)<tr\b/g, - (_: string, attrs: string, content: string, indent: string) => - `<tr${attrs}>${content}\n${indent}</tr>\n${indent}<tr` - ); - } while (body !== prevTr); - - // Insert missing </tr> before </tbody>, </thead>, </tfoot>, or </table> - body = body.replace( - /<tr\b([^>]*)>((?:(?!<\/tr>)[\s\S])*?)\n([ \t]*)<\/(tbody|thead|tfoot|table)>/g, - (_: string, attrs: string, content: string, indent: string, closeTag: string) => - `<tr${attrs}>${content}\n${indent}</tr>\n${indent}</${closeTag}>` - ); - - // Repair cells broken by prior runs (nested tables cut at first inner </td>). - body = repairBrokenOuterCells(body); - - // Fix multiline <td>/<th> and unmatched * in all table cells. - // Must run before prose splitting so the full open+close tag pair is visible. - body = fixTableCells(body); - - // Remove blank lines that break MDX's inline HTML block parsing. - // MDX ends an inline HTML block at a blank line, causing </tr> errors. - // 3a: blank line immediately after table/row opening tag - body = body.replace(/(<(?:table|thead|tbody|tfoot|tr)\b[^>]*>)\r?\n[ \t]*\r?\n/g, '$1\n'); - // 3b: blank lines between </td> or </th> and the next <td>/<th>/</tr>/<tr> - body = body.replace(/(<\/(?:td|th)>[ \t]*)\r?\n(?:[ \t]*\r?\n)+([ \t]*<(?:\/tr|td|th|tr)\b)/g, '$1\n$2'); - - // MDX/JSX chokes when </tr> follows </td> or </th> on the same line because - // it conflicts with the paragraph flow context inside the cell. Put </tr> - // on its own line to prevent "Expected the closing tag </tr>…" errors. - body = body.replace(/<\/(td|th)>(\s*)<\/tr>/g, '</$1>\n</tr>'); - - // Escape HTML tags inside markdown table cells that cause MDX/JSX parse errors. - // Safe inline tags (br, code, em, strong, b, i, a, span, sub, sup) are kept. - // Block/complex tags (div, ul, ol, li, p, table, etc.) are escaped to <...>. - body = escapeHtmlInMarkdownTableCells(body); - - // Fix prose sections: pseudo-HTML escaping, void element self-closing, - // curly brace escaping. Skip code spans/fences. - const parts = body.split(/(```[\s\S]*?```|`[^`\n]+`)/g); - body = parts.map((part, i) => (i % 2 === 1 ? part : fixProseChunk(part))).join(''); - - // Escape orphaned table-element tags that appear outside <table> blocks. - // After fixTableCells and table-to-markdown conversion, some closing tags - // (e.g. </td>, </tr>, </tbody>, </table>) may be left without matching - // opening tags, causing MDX JSX parse errors. - body = escapeOrphanedTableTags(body); - - // Return null only if absolutely nothing changed. - if (body === source) return null; - return body; -} - -// --------------------------------------------------------------------------- -// Directory walker -// --------------------------------------------------------------------------- - -export interface NormalizeMdxDirResult { - processed: number; - skipped: number; - errors: number; -} - -/** - * Normalize all `.mdx` and `.md` files under `dir`, in place. - * - * @param dir Absolute path to the topics directory to process. - * @param verbose When true, logs each file action to stdout. - */ -export function normalizeMdxDir( - dir: string, - { verbose = false }: { verbose?: boolean } = {}, -): NormalizeMdxDirResult { - if (!fs.existsSync(dir)) { - console.warn(`[normalize-mdx] Directory not found, skipping: ${dir}`); - return { processed: 0, skipped: 0, errors: 0 }; - } - - let processed = 0; - let skipped = 0; - let errors = 0; - - function walk(current: string): void { - for (const entry of fs.readdirSync(current, { withFileTypes: true })) { - const full = path.join(current, entry.name); - if (entry.isDirectory()) { walk(full); continue; } - if (!entry.name.endsWith('.mdx') && !entry.name.endsWith('.md')) continue; - - try { - const raw = fs.readFileSync(full, 'utf8'); - // Strip UTF-8 BOM (\uFEFF) if present. - const source = raw.charCodeAt(0) === 0xFEFF ? raw.slice(1) : raw; - - const updated = normalizeMdxContent(source); - if (updated === null) { - skipped++; - if (verbose) console.log(` [SKIP] ${path.relative(dir, full)}`); - } else { - fs.writeFileSync(full, updated, 'utf8'); - processed++; - if (verbose) console.log(` [OK] ${path.relative(dir, full)}`); - } - } catch (err) { - errors++; - console.error( - ` [ERR] ${path.relative(dir, full)}: ${(err as Error).message}`, - ); - } - } - } - - walk(dir); - - return { processed, skipped, errors }; -} diff --git a/src/plugins/remark-docfx.ts b/src/plugins/remark-docfx.ts index c391de14a8..090e359a93 100644 --- a/src/plugins/remark-docfx.ts +++ b/src/plugins/remark-docfx.ts @@ -63,7 +63,7 @@ function loadEnv(): Record<string, string> { return _ENV as Record<string, string>; } -const ENV_PATTERN = /(?:\{|{)environment:(\w+)(?:\}|})/g; +const ENV_PATTERN = /(?:\\\{|\{|{)environment:(\w+)(?:\\\}|\}|})/g; // --------------------------------------------------------------------------- // Slug resolution map — lazily built once per DOCS_SOURCE_PATH. @@ -386,6 +386,35 @@ export function remarkDocfx() { const docsDir = process.env.DOCS_SOURCE_PATH ? path.resolve(process.env.DOCS_SOURCE_PATH) : (filePath ? path.dirname(filePath) : ''); + + // 0. Pre-pass: stitch back env tokens that remark-directive (enabled by + // Starlight) has split into text("…{environment") + textDirective(name) + // + text("}…"). Without this our env-token regex never sees the token. + // eslint-disable-next-line @typescript-eslint/no-explicit-any + visit(tree, (parent: any) => { + if (!parent || !Array.isArray(parent.children)) return; + const children = parent.children; + for (let i = 0; i < children.length - 2; i++) { + const a = children[i]; + const b = children[i + 1]; + const c = children[i + 2]; + if ( + a && a.type === 'text' && typeof a.value === 'string' && + b && b.type === 'textDirective' && typeof b.name === 'string' && + c && c.type === 'text' && typeof c.value === 'string' + ) { + const aMatch = /(.*)(\\?\{|{)environment$/s.exec(a.value); + const cMatch = /^(\\?\}|})(.*)/s.exec(c.value); + if (aMatch && cMatch) { + const merged = `${aMatch[1]}{environment:${b.name}}${cMatch[2]}`; + children.splice(i, 3, { type: 'text', value: merged }); + // re-check this index since we replaced 3 with 1 + i--; + } + } + } + }); + // 1. Walk the AST and replace environment variables in text/links/html // eslint-disable-next-line @typescript-eslint/no-explicit-any visit(tree, (node: any) => { @@ -430,6 +459,31 @@ export function remarkDocfx() { node.value = transformDividers(node.value as string); node.value = (node.value as string).replace(/src="(\.\.\/)+images\//g, 'src="/images/'); } + + // MDX JSX elements (e.g. <iframe data-src="{environment:demosBaseUrl}/…">) + // — string-literal attribute values are not visited as text nodes, so we + // resolve env tokens directly on the JSX attribute values here. + if (node.type === 'mdxJsxFlowElement' || node.type === 'mdxJsxTextElement') { + const attrs = (node as any).attributes; + if (Array.isArray(attrs)) { + for (const attr of attrs) { + // Plain attribute name="literal value" + if (attr && attr.type === 'mdxJsxAttribute' && typeof attr.value === 'string') { + attr.value = replaceEnvVars(attr.value); + } + // Expression-style attribute: name={`literal ${...}`} or name={"literal"} + // — only resolve inside the string literal content, leave JS expressions alone. + if ( + attr && attr.type === 'mdxJsxAttribute' && + attr.value && typeof attr.value === 'object' && + attr.value.type === 'mdxJsxAttributeValueExpression' && + typeof attr.value.value === 'string' + ) { + attr.value.value = replaceEnvVars(attr.value.value); + } + } + } + } }); }; } diff --git a/src/sidebar.ts b/src/sidebar.ts index f73f77d95d..784cd142de 100644 --- a/src/sidebar.ts +++ b/src/sidebar.ts @@ -19,6 +19,7 @@ import fs from 'node:fs'; import path from 'node:path'; import * as yaml from 'js-yaml'; import { slug as githubSlug } from 'github-slugger'; +import { loadEnvValues, resolveEnvTokens } from './env-tokens.ts'; // --------------------------------------------------------------------------- // Starlight sidebar types @@ -104,7 +105,7 @@ function hrefToSlug(href: string, docsDir?: string): string { const slugMatch = fmMatch[1].match(/^slug:\s*(.+)$/m); if (slugMatch) return slugMatch[1].trim(); } - // Check for DocFX metadata fileName (normalizeMdxContent will use it as slug) + // Check for DocFX metadata fileName as a slug fallback for legacy unmigrated content const fnMatch = content.match(/"fileName"\s*:\s*"([^"]+)"/); if (fnMatch) return fnMatch[1]; } catch { /* fall through to path-based slug */ } @@ -184,7 +185,14 @@ export interface BuildSidebarFromTocOptions { export function buildSidebarFromToc({ tocPath, docsDir, exclude = [] }: BuildSidebarFromTocOptions): SidebarEntry[] { if (!tocPath || !fs.existsSync(tocPath)) return []; const tocRaw = fs.readFileSync(tocPath, 'utf-8'); - const tocItems = tocPath.endsWith('.json') ? JSON.parse(tocRaw) : yaml.load(tocRaw) as TocItem[]; + // Strip env tokens up-front so any string anywhere in the parsed structure + // (name, href, slug, badge text, …) is resolved consistently. Tokens are + // resolved against environment.json for the active DOCS_ENV (or NODE_ENV). + const envValues = loadEnvValues(docsDir); + const tocResolved = Object.keys(envValues).length > 0 + ? resolveEnvTokens(tocRaw, envValues) + : tocRaw; + const tocItems = tocPath.endsWith('.json') ? JSON.parse(tocResolved) : yaml.load(tocResolved) as TocItem[]; const sidebar: SidebarEntry[] = []; let currentGroup: SidebarGroup | null = null;