I am working with pro version of now ui kit.
I am using profile page template but there is issue with header.
Profile Picture is going out of screen and data regarding comments and bookmark is also out of view.
Attaching the image to show the issue.

I own pro version
I want to make a news section for my site
I ran into the lack of a menu for news
I would like to know if you could add it to the product
Thank you !
example

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Social media share buttons in header should align properly in all screen sizes

Current Behavior

On mobile:

Failure Information (for bugs)

This is fixed by removing display block:

@media screen and (max-width: 576px)
.blog-post .button-container>.btn:first-child {
    /* display: block; */
    }

Steps to Reproduce

1. Open the blog-post example with share buttons
2. Remove the first button, called "read article"
3. Resize to mobile

Context

Failure Logs

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [O] I am running the latest version
• [O] I checked the documentation and found no answer
• [O] I checked to make sure that this issue has not already been filed
• [O] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

• index.html should be cleared with no error

Current Behavior

What is the current behavior?

• builder shows missing div error.

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1
2. step 2
3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device:
• Operating System:
• Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

Hi

Are you planning to perhaps add a treeview component to your components?

Thanks

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

take https://demos.creative-tim.com/now-ui-kit-pro/docs/1.0/components/card.html as an example.
the links to the images resolve to something like https://demos.creative-tim.com/assets/img/project13.jpg
and those result in 404 at the moment.. can you please fix this? :)

Hi all,

I have looked everywhere and I cannot seam to find any documentation on equalizing the height of adjacent cards.

In the demo, screengranbs etc, the cards always have the same number of lines of content, thus look amazing. How does one ensure there is some aligment when for example one card has 3 line of content and the next 2. I have used Bootstraps align-self-stretch which makes the cards the same height in a grid, but the footer/header will float and not align to the top bottom etc on cards with less content. So basically I want to keep a consistant look.

I hope this makes sense, thanks in advance.

Hi,

This is for Now Ui Kit PRO

Please fix this like this " Paper Kit 2 "

On the Login page (example pages), all components appear to have click events disabled. Especially in the form where I need to fill Name and Last Name and the buttons of form itself

In now-ui-kit.scss on lines 63-65, there is this:

@import "now-ui-kit/responsive";
";
@import "now-ui-kit/sections";

Please remove the "; on line 64.

Prerequisites

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

I was running an audit with Lighthouse, and noticed an error about vulnerabilities

Current Behavior

Now UI Kit Pro is running old versions of Bootstrap and jQuery. New versions of these libraries have fixed these issues.

Can I upgrade them myself without breaking the UI Kit ?

Failure Information (for bugs)

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. open Dev tools
2. Select audits
3. Run an audit for best practices

Context

• Device: Not relevant
• Operating System: Not relevant
• Browser and Version: Not relevant

Failure Logs

This is present in the free version, but missing here. Pro was supposed to add, not remove, right?

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [Y] I am running the latest version
• [Y] I checked the documentation and found no answer
• [Y ] I checked to make sure that this issue has not already been filed
• [Y ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

It's not an issue, I have downloaded the version but it has a gulpfile. I use grunt and it's a pain to reconfigure and I'm worried I may miss something as at the bottom of the gulp file there is the gulp.task 'open-app' command which I can't find anywhere in the file or anything on google when I look at what this command does? Apologies I have no knowledge of gulp.

Current Behavior

What is the current behavior?

N/A

https://demos.creative-tim.com/now-ui-kit-pro/examples/login-page.html

Browser:
Chrome Version 66.0.3359.117 (Official Build) (64-bit)

OS:
macOS 10.13.4

Now UI Pro Version 1.2.0

Actual Behavior:
Buttons / forms / links are not clickable, nothing other than the nav bar is clickable, even the footer.

Expected Behavior:
Buttons / forms / links are clickable, and work.

This has been an issue in 1.0.1 and I now noticed it's the same in 1.1 -

This relative module was not found:

• ../img/ink.png in ./node_modules/css-loader?{"minimize":false,"sourceMap":true,"importLoaders":0}!./node_modules/resolve-url-loader?{"sourceMap":true}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./assets/scss/now-ui-kit.scss

ink.png is not there. The temp fix is to remove it from .//scss/now-ui-kit/plugins/_plugin-isometricGrids.scss:255

Cheers!

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [ X] I am running the latest version
• [ X] I checked the documentation and found no answer
• [ X] I checked to make sure that this issue has not already been filed
• [ X] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

The bootstrap select picker to show on modal

Current Behavior

The bootstrap select does not show on modal when modal is called with .Show method

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. Define a modal and add a select
2. Call the modal .Show method
3. See attached screenshot as example. I have run the $('select').selectpicker(); call after the modal .Show method and it works.

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device: Hp
• Operating System: Windows 10
• Browser and Version: Opera 60
  

Failure Logs

Please include any relevant log snippets or files here.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

I would like all links (So login and signup) to also appear in the menu of small devices

Current Behavior

Regular menu

Small menu

Steps to Reproduce

<nav class="navbar navbar-expand-lg bg-white fixed-top navbar-transparent" color-on-scroll="500">
    <div class="container">
      <div class="navbar-translate">
        <a class="navbar-brand" href="#pablo">fe</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-bar bar1"></span>
          <span class="navbar-toggler-bar bar2"></span>
          <span class="navbar-toggler-bar bar3"></span>
        </button>
      </div>
      <div class="collapse navbar-collapse">
        <ul class="navbar-nav mx-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#pablo">
              1
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#pablo">
              2
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#pablo">
              3
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#pablo">
              4
            </a>
          </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li class="navbar-right nav-item">
            <a class="nav-link" href="#">
              <p>Login</p>
            </a>
          </li>
          <li class="navbar-right nav-item">
            <a class="nav-link btn btn-primary" href="#">
              <p>Signup</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

Best regards,
KonScyence

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Parallax/Rellax doesn't work on mobile. When was disabled it? Is there any way to fix that?
Look at your own live preview on mobile

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Nucleo icons appearing normally

Current Behavior

Nucleo icons not showed

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1
2. step 2
3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device:
• Operating System:
• Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

I'm trying to place the login modal at the top of my page in the nav bar
https://ampli.buzz/signuptest

It launches but there is no interaction - can't fill in fields of close it.

I'm using the exact code from the demos https://demos.creative-tim.com/now-ui-kit-pro/docs/1.0/components/modal.html

And using Now UI Kit PRO theme

I've been told I can't put modals anywhere except at the bottom of the page before the tag, which seems a bit nonsensical

So how do I really position this modal at the top of my page and have it work?

Thanks

When i put a navbar without navbar-transparent class like that

<nav class="navbar navbar-expand-lg bg-white fixed-top " color-on-scroll="500">

but in my wrapper div I have the next header

<div class="wrapper">
  <div class="page-header">

Then the navbar is not transparent at the beginning of the page but if I scroll down and go back to the beginning... the navbar always becomes transparent. but if I add page-header-small on my div like that:

<div class="wrapper">
  <div class="page-header page-header-small">

Then the navbar works well and never becomes transparent.
Is it a bug? (I based on the template example.)

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

When I process image I make a thumbnail of each one. So.. when I show again the image in the form into a card-image I get this.

This is because the image only has
max-width: 100%

But if the image is small it doesn't work. I put on the necessary elements the css
width: 100%

Is that well? or Is there a better solution?

Thanks for your answer. You have a great product!

Prerequisites

UI-Kit Pro version 1.2.2

I noticed the in range of social buttuns the rss-button is missing. Is there a way to add this button in a way it has the way of accessing and styling as the other social buttons?

On the Presentation page https://demos.creative-tim.com/now-ui-kit-pro/presentation.html
How are you getting the images to move side to side in the "Basic Elements" section of the page?

When I look at the code i don't see anything obvious that enables this behaviour.

Thanks

<div class="section section-basic-components"> <div class="container"> <div class="row"> <div class="col-lg-5 col-md-7 ml-auto mr-auto"> <h2 class="title">Basic Elements</h2> <h6 class="category">The core elements of your website</h6> <h5 class="description">We re-styled every Bootstrap 4 element to match the Now UI Kit style. All the Bootstrap 4 components that you need in a development have been re-design with the new look. Besides the numerous basic elements, we have also created additional classes. All these items will help you take your project to the next level.</h5> </div> <div class="col-lg-6 col-md-12"> <div class="image-container"> <img class="components-macbook" src="assets/img/ipad.png" alt=""> <img class="table-img" src="assets/img/presentation-page/table.jpg" alt=""> <img class="share-btn-img" src="assets/img/presentation-page/share-btn.jpg" alt=""> <img class="coloured-card-btn-img" src="assets/img/presentation-page/coloured-card-with-btn.jpg" alt=""> <img class="coloured-card-img" src="assets/img/presentation-page/coloured-card.jpg" alt=""> <img class="social-img" src="assets/img/presentation-page/social-row.jpg" alt=""> <img class="linkedin-btn-img" src="assets/img/presentation-page/linkedin-btn.jpg" alt=""> </div> </div> </div> </div> </div>

On the Pro demo Nucleo Icons page, the example icons link is a 404.

Hello team, as the bootstrap 4 beta 3 has been released. Please help upgrade your beautiful theme.
Thanks a lot.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Menu should always open when you click the hamburger icon

Current Behavior

After opening the first time, and trying to open a second time, the menu disappears.

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

Context

• Device: iPhone XR
• Operating System: iOS 12
• Browser and Version: Safari

Failure Logs

Please include any relevant log snippets or files here.

In the file _variables.scss, the variable $sans-serif-family is not overridable. Please add the property !default to it.

While I'm looking at it, there are a number of other variables that are not overridable.

Hi! To solve this problem please take the uploaded javascript file and go to assets/js/now-ui-kit.js and replace with the uploaded file.

now-ui-kit.js.zip

Regards,
Dragos

Hi,

I have been trying to get the navbar-toggler working for me based on the template, but it doesn't seem to work for me.

Additionally, the button that I tried to add in line with the form group won't stay in line.
base.txt

It appears that the loading svg animation for el-table element is sized inappropriately large and is not doing animation. I have a simple test which I have attached and made as a routable content page. This is using the same code from this this fiddle which has a css applied (unpkg.com/[email protected]/lib/theme-chalk/index.css).

See example:
TestTableSpinner.txt

And here is what appears when rendered (image shows an additional disabled button and spinner from previous version of the code.. TestTableSpinner.txt only has bare minimum needed)::

I added the css file to the project according to the API：

‘To get going, just include assets/css/now-ui-kit.css in your HTML template. ’

and bootstrap styles is a mess

Project info:

• bootstrap 4
• blaze-html-templates 1.1.2
• kadira:blaze-layout 2.3.0

Hi,
Navbar collapse scroll not working

I use overflow-y: scroll; but then I have another problem with the background color

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

Current Behavior

What is the current behavior?

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1
2. step 2
3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device:
• Operating System:
• Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

In version 1.2.1, _navbar.scss, line 57, "i.fab" should be "i.fa"

My Now UI Kit PRO has been working excellent without faults for months. However, I'm having a strange error regarding cards on a the home page for my client.

The cards are all of the sudden completely grayed/translucent blacked out and the content within them is no longer accessible. Please help! Thanks.

Prerequisites

• I am running the latest version 1.2.2 (Now UI Kit Pro)
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed

Expected Behavior

When setting data-interval to "false" I expect that no automatic start of the carousel is performed.

Current Behavior

The carousel component always runs - even if I use false.

Failure Information

Steps to Reproduce

1. Use these values: <div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="false" id="productCarousel">
2. Test the behavior: the carousel starts automatically.
3. Replace the bootstrap.min.js with the latest master and check the behavior again: the carousel does not start automatically.
4. Change the data-interval setting from "false" to e.g. "8000" and vice versa to evaluate the test.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

Current Behavior

What is the current behavior?

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1
2. step 2
3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device:
• Operating System:
• Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

Current Behavior

At the bottom it must be /* # sourceMappingURL=bootstrap-select.css.map / instead of /# sourceMappingURL=bootstrap-select.css.map /. I mean an empty space between / # ... otherwise there is a warning in laravel mix.

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1
2. step 2
3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device:
• Operating System:
• Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

Visit https://demos.creative-tim.com/now-ui-kit/index.html
Resize the window from 992px-1008px and the background image will display on the screen on desktop size. The background image should only be visible on small screen.

This issue also affects the pro version.
The problem is in the initNavbarImage() function.
$(window).width() does not account for the scrollbar width, so it's off by about 17px consistently.

A hacky workaround is to reduce the threshold from 991 to 974.
if ($(window).width() < 974 || $('body').hasClass('burger-menu'))

But it should really be fixed the proper way by the framework.

I'm seeing text in the content panel get cut off because of overlap between the panel header div and the content. Also, it appears that the panel is too large for just the nav bar and is only creating empty space. How can the empty space be taken back for single page content?

On mobile screen the content of first column in row-div element after navbar is going out of screen.
That is the content before form is going out of screen and not displaying properly.

See the screenshot

Running Now UI styles through the latest Autoprefixer, I get this warning:

autoprefixer: _responsive.scss:348:6: Replace fill-available to stretch, because spec had been changed

fonts/nucleo-outline.svg (ref'd in _nucleo-outline.scss)
img/ink.png (ref'd in _plugin-isometricGrids.scss)

When the @media screen size is with phone or tablet dimensions, header sections are starting to bug - text and images disappear or are being sliced. Please, refer to the attached images:

The mobile version of the navbar "X" icon doesn't show in IE11 when the menu is expanded.
Steps to reproduce

• open IE11
• visit https://demos.creative-tim.com/now-ui-kit/index.html
• make the browser window mobile width
• click on navbar button ( three line hamburger button on upper right)
  Notice that the menu slides in from the right and pushes the button to the left. The button is supposed to animate the three bars into an "X" icon, but the animation doesn't get triggered and the it looks like a single flat bar.
  

No multipage form component is included in your template.
So I am trying to create one using navigation tab.
For this purpose I am trying to add next and previous button using jquery script but its not working.
Script I am using is

$('.btnNext').click(function(){
$('.nav-tabs > .active').next('li').find('a').trigger('click');
});

$('.btnPrevious').click(function(){
$('.nav-tabs > .active').prev('li').find('a').trigger('click');
});

What should I do ?

On lines 61 and 65, there is the same line:

@import "now-ui-kit/sections";

And on lines 63 and 67, there is the same line:

@import "now-ui-kit/responsive";

Please remove the duplicate lines.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [ X] I am running the latest version
• [ X] I checked the documentation and found no answer
• [ X] I checked to make sure that this issue has not already been filed
• [ X] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Radio buttons to work properly on table and aligned properly.

Current Behavior

Im trying to place radio boxes per row in a table, these are now aligned and are not working properly.

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. Create a table
2. Add radio buttons per row with same name

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device: HP
• Operating System: Windows 10
• Browser and Version: Google Chrome 73

Failure Logs

Please include any relevant log snippets or files here.