A module that allows to enable Intercom chat on a published website.

List of supported browsers

• Microsoft Edge
• Google Chrome (latest released version)
• Mozilla Firefox (latest released version)
• Apple Safari (latest released version)

Reset button should reset the demo site state to the default one.

Awesome project, great work! When you are in the editor, you can not interact with the content as an end user. It would be nice to have an on demand preview of the content while we are editing; this would allow us to deliver a more precise UX as the final result without waiting for the publish process every time.

For the solution, one can say now that we have templates, we may use custom htmlParser() for cases such as vue or react; That being said we can also have a preview app as well; for instance we have a preview app written in vue that accepts and works with our template & viewModels, just like an actual app.

For the alternatives to this, i guess we can automate the publish process to have a live preview, but that's not the case; we can not use this process when we are providing paperbits as a service.

cheers!

Create landing page options for A/B Testing
Setup Google Analytics

Do we have something like building the static website through a button click? Or do I have to use sockets to call the publish command?

Awesome project and I would like to use this for project that I'm working on.

Thank you

This feature will enable full-text search over static content. It is useful for small static websites (30-50 pages) where the size of search index isn't too big and doesn't significantly affect page loading time or performance.

A module for managing styles of the website and emails using a well-known concept of Style Guide which is, essentially, a document containing all the stylable UI components that make up a theme.

• Screen reader doesn't see all the landmarks on the page, which makes it difficult to navigate the page elements.
• Keyboard navigation/editing is not implemented properly.

A simple widget that allows to display pictures in a variety of shapes and apply effects.

Verified this issue on latest OS Version:1903H1. Issue partially fixed:
Issue has been fixed only for :

1. Name not define and incorrect role define for "Close, Hamburger and Expand/Collapse (-/+) control (Throughout the app).
2. Similar issue exist with control 'Viewport selection' icon button, refer screenshot: MAS4.1.2_viewport

I tried uploading vedios using both uploads and link through cdn option which was not been taken ,It showed as invalid source .
The button appearance is taken as default and no more option in button appearance is been shown.
Also gradient color was unable to change using style guide.

User Experience:
If user is not notified by AT, then it will be hard to understand for visually impaired user that what UI changes happened on the page.

Re-pro steps:

1. Open Azure portal with valid credentials and create a API Management.
2. Select Developer Portal (Preview) button and select it.
3. Navigate to the https://accessibility.developer.azure-api.net/reference
4. Enable screen reader navigate to the Bottom nav and Select many option 'Save changes/ Undo/ Redo'.
5. Verify the issue.

Actual Result:
Screen reader does not convey any confirmation message after activating 'Undo and Redo button' present in bottom.

Expected Result:
Screen reader should provide a confirmation message about the update, screen reader should announce as ' Redo and Undo successfully'.

Note:

1. Similar issue exist with NVDA

MAS Reference:
MAS 1.3.1 - Info and Relationships (40)

A module that allows to enable Google Tag Manager tracking on a published website.

User Experience:
If label is not defined for edit field than screen reader user will not be able to find out what kind of information is needed in the edit fields and will face difficulties while navigating on the page.

Repro-Steps:

1. Open Azure portal with valid credentials and create a API Management.
2. Select Developer Portal (Preview) button and select it.
3. Navigate to the https://accessibility.developer.azure-api.net/.
4. Navigate to the Left nav and select Styles button.
5. Navigate to style page and select Edit Color button.
6. Open Accessibility insights for web tool and select past pass.
7. Verify the issue

Actual Result:
Label is not defined for the input fields, present inside 'Add color' popup.

Expected result:
Label should be defined for the input field under 'Add color'.

Issue: Form elements must have labels (label: https://dequeuniversity.com/rules/axe/3.2/label?application=msftAI)

Target application title: API Management
Target application url: https://accessibility.developer.azure-api.net/

Element path: .form-control

Snippet:
<input type="text" class="form-control" spellcheck="false" data-bind="textInput: colorName">

How to fix:
Fix any of the following:

• aria-label attribute does not exist or is empty
• aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
• Form element does not have an implicit (wrapped)
• Form element does not have an explicit
• Element has no title attribute or the title attribute is empty

This accessibility issue was found using Accessibility Insights for Web 2.6.0 (axe-core 3.2.2), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

• Unable to clear currently selected navigation item;
• If no navigation item selected, ToC should display only headings from the current page;
• ToC editor doesn't show saved heading levels;

Describe the bug
The expected behavior of picture animations to stop after the first time. At least by default.

Describe the bug
The section library is not loading

To Reproduce
Steps to reproduce the behavior:

1. Add the demo project header with a menu to the library.
2. Reload editor
3. Open section library

I know there's already an example for a vuejs component, but I'd like to know if there's a possibility of adding vuejs example for a startup.

Thank you.

When clicking on anchored links (i.e. in Table of Contents) with Ctrl key pressed. The page doesn't scroll to the anchor.

Currently, the background editor allows specifying only edge positions for attached images. Users need to be able to move the picture away from edges (keeping specified alignment to the edge) and set a specific size.

CSS-grid specification now got adopted by most of the browsers, and that opens up better layout options, like row and column span, cells gap, etc. Plus that, it reduces element nesting because it doesn't require a container for a grid cell.

There are a few initial requirements that we're targetting:

• Allow zone assignment, like "header", "aside", "content", "footer", "article";
• Allow configuring auto-size (primarily for "content" zone);
• Create a number of pre-configured responsive grid snippets and an ability to add custom ones.

Users should be able to customize all elements of dropdowns and menus: list items, backgrounds, borders, etc.

The Grid components, like the Aside, can have different content layout settings for different viewports. Other widgets also need this feature, like a text editor, picture editor, etc.

When publishing a website, it would be great to generate the sitemap along the way.

User Experience:
User who have low vision, would be impacted and fail to navigate the all the controls at screen, if controls getting overlapped when resizing text at 400%.

Repro Steps:

1. Open Azure portal with valid credentials and create a API Management.
2. Select Developer Portal (Preview) button and select it.
3. Navigate to the https://accessibility.developer.azure-api.net/new-layout
4. Navigate to the Left nav and select Pages button.
5. Navigate to the Pages window. select API Reference option.
6. Navigate to the any editable control details and select Add widget.
7. Navigate to the Text Block and select it.
   8.Navigate to the "Text Block" blade and select edit button.
8. Navigate to the various controls of the "Text Block" dialog box.
9. Verify the issue.

Actual Result:
After resizing text at 400%, controls get overlapped, when navigate under 'Text Block- Edit' blade.

Expected Result:
After resizing text at 400%, controls should not get overlapped, all controls should be visible properly, when navigate under 'Text Block- Edit' blade.

Note: Same issue exist at all the dialog box.

MAS Reference:
MAS 1.4.10 - Reflow

Editors for container-like widgets should allow specifying background video, similar way as background color, image, and gradient.

Please add a feature to copy/duplicate the layout.

Sir, I would like to add HTML widget like Adsense ads. But, there is no such widget. Also, I want to add code inside tag. I think there is no option for that. Please help me.

A tool that allows picking a color under the mouse pointer.

i see there is a little difference between angular and paperbits in the code, just wondering how the two is integrated together, any example and API to work with?

This feature will enable creating email templates with very same editors used to build pages. A special type of Publisher will generate an email-specific markup readable by most of the email clients.

Many no-SQL databases (e.g. MongoDB) has a strict schema for stored data. Therefore, an ability to quickly generate the well-defined schema from Paperbits data contracts (defined in TypeScript as interfaces) is essential. The simplest way to do that is through a build task.

Due to several design issues, the blog module has been disabled.

Steps to reproduce:

1. Add a new Layout;
2. Change its URL to "/" and see validation message on the field;
3. Now switch to any other layout, then switch back to the new one;
4. See that the validation message is still there, but the field is not editable any more;

Expected result:
When leaving the layout settings view, it should show "Discard changes?" message before closing it, and, if closed without saving, discard changes.

Social account buttons, shortcuts, etc.

Essential tools for picture editing, i.e., cropping, rotating, zooming, etc.

Extend publishers to generate valid AMP pages. See details: https://amp.dev/about/websites/

Compiled files become too heavy, so it is time to split bundle into several files.

Users should be able to specify link/button target to be open in configurable modal dialogs (in addition to "Open in new window" and "Open in same window").

A widget for displaying a map (i.e., Google Maps) and place a customizable pin pointing to a specific location.

Style variation snippet selector would allow adding component variations from a library. When importing a snippet, it would also copy primitives used in it.