Question T2664
Visible to All Users

Styling Issue

created 5 years ago

Hi,
When we create a form in angular8 project and click on next button and previous button the form styles are changing.
How to resolve this issue, is there any alternative solutions for this and we are planning to buy the license.
We are expecting your response as soon as possible.

Answers approved by surveyjs Support

created 5 years ago

Hello,

If you are using bootstrap theme, you need to load corresponding styles:

HTML
<!--<link href="https://surveyjs.azureedge.net/1.1.11/survey.css" type="text/css" rel="stylesheet" />--> <link rel="stylesheet" href="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css">

and move theme initialization code before component:

JavaScript
import { Component, OnInit } from '@angular/core'; import * as Survey from 'survey-angular'; import { HttpClient,HttpHandler } from '@angular/common/http'; Survey.StylesManager.applyTheme("bootstrap"); @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent implements OnInit{

Thanks, Serge
SurveyJS Team

    created 5 years ago

    Hello,

    Probably some CSS styles are loaded and affected the markup after you press the "Next" button.
    If you provide us with a minimal sample to reproduce the issue or steps to reproduce it in our online demos, we will take a look.

    Thanks, Serge
    SurveyJS Team

      Other Answers

      created 5 years ago

      Hi,
      How to save the file,because we are working on multiple js files

        Comments (1)

          Hello,

          I've created a separate ticket on your behalf (T2666: How to save the file). It has been placed in our processing queue and will be answered shortly.

          created 5 years ago

          Hi,
          Please find my sample attached code and give me the permanent solution.