CodeFlask in Ultime

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
Vasily Yartsev
Posts: 1
Joined: 08 May 2021, 07:17

05 Sep 2021, 14:26

Hi,
I'm trying to get CodeFlask to work under Ultima NG, to use as code editor in my project.
It looks like it's style system is not compatible with Ultima - the editor looks ugly, bleeding out of the container, etc. I'm not proficient in CSS enough to find the cause.
Are you guys able to hero me solve it, or are there other code editor components you could recommend?

This is how it looks now:
Image

Component HTML

Code: Select all

<div class="p-grid">
    <div class="p-col-12">
        <div class="card" *ngIf="loading">
            <h5>Loading, please wait</h5>
        </div>

        <div class="card" *ngIf="!loading">

                <div class="p-col-12">
                    <div class="p-col-6">
                        <h5>HTML</h5>
                        <div class="editor" id="edit-html"></div>
                    </div>
                
                    <div class="p-col-6">
                        <h5>CSS</h5>
                        <div class="editor" id="edit-css"></div>
                    </div>
                </div>


        </div>
    </div>
</div>
Component CSS

Code: Select all

.editor {
    width: 100%;
    height: 400px;
    position: relative;
}
Thanks!

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

08 Sep 2021, 14:40

Hi,

You can use <app-code></app-code>in your Ultima template like in our demo pages and you can change style this component in app.code.component.scss file.

Best regards,
Merve Özçifçi

Post Reply

Return to “Ultima - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests