Giter VIP home page Giter VIP logo

Comments (14)

joeaudette avatar joeaudette commented on July 23, 2024

It is designed to work with bootstrap css if you don't use bootstrap then you must style it with your own custom css

from cloudscribe.web.pagination.

roniaxe avatar roniaxe commented on July 23, 2024

Yeah obviously, but it seems like bootstrap.css is in :
image

from cloudscribe.web.pagination.

joeaudette avatar joeaudette commented on July 23, 2024

you are having this problem with my demo app not in your own project?
Maybe the boostrap is not installed. In Visual Studio 2015, right click the "Dependencies" node in the demo app and then click "Restore Packages". That should make it download and install bootstrap and other client side dependencies. Visual Studio should generally install it automatically but sometimes it may act up and you have to tell it what to do

from cloudscribe.web.pagination.

joeaudette avatar joeaudette commented on July 23, 2024

the demo app works fine for me

from cloudscribe.web.pagination.

roniaxe avatar roniaxe commented on July 23, 2024

Yeah it's your demo app .
I restored the dependencies, but it doesn't seems to make any changes. Bootstrap is installed, as i see the table and other components work with the bootstrap css, but only the pagination is not responding the the bootstrap. Hmm.. this is strange.
I'll try to deep into it a little more to find why.

from cloudscribe.web.pagination.

joeaudette avatar joeaudette commented on July 23, 2024

that is very strange indeed, does the problem happen on all the pages with the pager or just one/some?
do you have Visual Studio 2015 update 3?

from cloudscribe.web.pagination.

joeaudette avatar joeaudette commented on July 23, 2024

I would use the web browser dev tools to look for any errors in the console or any script or css failing to load

from cloudscribe.web.pagination.

roniaxe avatar roniaxe commented on July 23, 2024

Yeah it happens in all the pages of the demo, but only with the demo.
If i'll start a new project using bootstrap it'll work as expected, with the bootstrap CSS.
I'm on update 3. Also, my ASPNETCORE_ENVIRONMENT in launchSettings.json is set to Development.

from cloudscribe.web.pagination.

joeaudette avatar joeaudette commented on July 23, 2024

I just downloaded a new zip copy of this repo, after restoring packages and rebuild solution it works fine, so it is a real mystery why it isn't working for you, especially strange that most of the css works.
are you using Windows or something else?

from cloudscribe.web.pagination.

roniaxe avatar roniaxe commented on July 23, 2024

It's a mystery indeed :) , I really have hard time understand how come bootstrap is refusing to be loaded.
I just downloaded a fresh new ZIP of the repo, and hoped i'll see anything different, but it's the same.
I'm using Windows.
I'll keep update you as I fix it, hopefully.

from cloudscribe.web.pagination.

roniaxe avatar roniaxe commented on July 23, 2024

It looks like for some reason bootstrap is not loaded from my static directory,
Only when copied this line to the body (without conditions) it seems to work fine

![image](https://cloud.githubusercontent.com/assets/19142347/19743688/4083d144-9b98-11e6-98c3-f2c4ecdb8cd0.png)

This is weird...

from cloudscribe.web.pagination.

roniaxe avatar roniaxe commented on July 23, 2024

Looking again, it does load, but i think that bootstap.css that comes with the project demo is missing some data.
For example, can't find navbar-inverse..

from cloudscribe.web.pagination.

roniaxe avatar roniaxe commented on July 23, 2024

I found the issue , bower is running with --forst-latest flag, which causing it downloading always bootstrap 4, that is missing many of the styles included in 3.* .
this is the bug report :
aspnet/Tooling#665

Thanks for your help !!

from cloudscribe.web.pagination.

joeaudette avatar joeaudette commented on July 23, 2024

interesting, glad you found the problem

from cloudscribe.web.pagination.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.