Grails Twitter Bootstrap Plugin Pagination Display is Messed Up - css

I am using Twitter BootStrap Plugin compile 3.3.5 with Grails 2.3.11 and I've added the pagination fix in Config.groovy. When I go to display a list of records (Index action) the pagination seems to be messed up. It displays a vertical block of page numbers instead of the sleek pagination of default Grails 2.3.11. I have the pagination with bootstrap below:
This doesn't seem to be what it looks like. I figured it would display horizontally and not take up so much space on the page like it is now. Normal pagination shown for reference:
Can anyone confirm that what I have attached is default behaviour of the plugin? In any case, how can I fix this issue?
Line in Config.groovy
grails.plugins.twitterbootstrap.fixtaglib = true

For anyone interested:
Some more researching has me understanding that I have to override the twitter bootstrap plugin pagination code. I don't want to do that. So I ended up with a workaround of manually installing bootstrap into my application (added relevant css and js links in my gsp files). I am still interested to know if what was asked in the OP is possible, however I am now able to take advantage of the bootstrap v4 styles which is a plus to me.

Related

Customizing product slider, WooCommerce

Iam somewhat of a newbie when it comes to wordpress. so bear with me.
ive been trying to make a simple slider that will display 3 catagories.
- books
- Boardgames
- office supplies
iam making it for someone who dosnt want a web store but just wanting it to display items in a meaningfull and dynamik way.
what ive tried is installing the WooCommerce plugin to make all my products and then installing the product slider by pickplugins.
I like the way it looks and i want to make two more. but i see no option to choose between different catagories in the slider options, so if i make 2 more sliders it will just display the same items (all of them).
the site is: http://nordborgboghandel.dk/
and the slider i want is something like there is on the frontpage.
anybody fixed a similar problem??
-Thanks!
Yes, I was once stuck into a same situation, in which we had to customize the slider. Basically you will have to play with the CSS and JS of the slider plugin which you have used to create the slider.
You can start of by having a look at the js and the css used by the slider. Refer the documentation of the slider if available, I am sure if they have any documentation you can have it customized easily by modifying some values in it. If not then you will have to check the JS code and try to hack it yourself to fit your needs.

Page layout messing up when introducing new CSS over Bootstrap templates

So having a real issue. I'm trying to input a responsive newsletter form into my website, the site is using a bootstrap template.
I can successfully put the form in and in the right place but it completely messes up the rest of the layout on the site.
Is there anything specific I should be taking / removing / inserting into my CSS or index file.
Any help much appreciated. Thanks

Bootstrap navbar active class drupal

I`m rebuilding my old website into drupal 7.
I decided to use the drupal bootstrap theme, because my older website also uses bootstrap.
Bootstrap theme
By default the drupal navbar is included in this theme, but one thing is missing. It doesn't support the active css class. Altough the mouse over works fine, i'do need a way to make links active, depending on what page is visited. So for example if the main page is visited, the class should change into active, like the images shows right here.
I know there are some ways to do this with jquery, but the solution i found don't seem to work on a when i fully change to page. On my old website i added and removed the active class using the url, but since my goal is to make it easy to add and remove pages i don't can come up with an idea to do this.
I've found out that the drupal menu_block module adds the active class, so that's been solved. Tough now i`m stuck at a new problem, which has to do with the default block style, i asked it here.

Styling/customizing a twitter widget?

Twitter seems to have removed most of the ability to styling the widgets. But thing is I keep seeing websites with custom widgets. Is there any way to still do it? I saw a tutorial on taking the JS and the CSS and placing it on your own server. It doesn't seem to work that way anymore, though. Does anyone have a clue on how to do this? I need my widget to fit the theme of my website perfectly.
I'm talking about like removing the widget header, hide pictures from the feed, etc.
This JS snippet will let you add custom CSS styles to the Twitter embed widget: https://github.com/kevinburke/customize-twitter-1.1

How do I load same css and scripts as dashboard, in my wordpress plugin

I have googled this and looked across this site and for the life of me cannot find an answer,
I am writing a plugin for wordpress and when I log into the dashboard I can see a collapsable div with content all styled nicely.
When I open my plugin page I don't see the same styles even though the page is very basic.
I have copied the code from the dashboard but it seems as though some of the styles are missing.
I do not need to add custom styles or scripts I just want to load the same css as the dashboard page.
Can anyone tell me where I am going wrong? I assume that the plugin page will adopt the standard admin css, is this assumption wrong?
You don't have to load anything extra for this, just use the correct classes.
You can either look these up in the source, or by using resources as this:
http://www.onextrapixel.com/2009/07/01/how-to-design-and-style-your-wordpress-plugin-admin-panel/

Resources