Ellow again!
I just downloaded latest version yii-bootstrap-1.1.0.r298.zip from http://www.yiiframew...sion/bootstrap/ . And in the file components/Bootstrap.php to write "* @ version 1.0.0", and found getVersion() function that returns "1.0.0". But it would be "1.1.0"!
Also regardless of the update parameters $this->coreCss and $this->responsiveCss do not connect "min"-like files.
Amazing! Agree, is not it?

After configuring extension when i try to use split button the alignment of split button is not proper. I have copied exactly the source code for split button from demo page and tried to use. I have attached screen shot for the issue. Not sure if any css is missing.

What is the easiest way (if any?) to overwrite Bootstrap Extension styles, without directly editing them in assets folder of that extension?

It publish styles dynamically, so they overwrite anything I have declared statically in CSS files binded to main.php.

Any workaround for this?

Thanks!

Instead of putting your CSS inside <head> register them at the bottom of your layout file and they will dynamically be added after bootstrap's stylesheet. That would be the quick workaround.

The more time consuming solution would be generating your very own bootstrap.css with less. You can use the original php script or the less extension of chris83. At first, less doesn't seem so easy not to say less work but once you're getting the hang of it, you will know why it's called less. Managing stylesheet will become less stressful.

Instead of putting your CSS inside <head> register them at the bottom of your layout file and they will dynamically be added after bootstrap's stylesheet. That would be the quick workaround.

If I'm getting you correct, that would mean moving my private CSS file from css folder to somewhere inside protected and publishig it to assets with registerCssFile function, right?

Don Felipe, on 12 October 2012 - 06:15 AM, said:

The more time consuming solution would be generating your very own bootstrap.css with less. You can use the original php script or the less extension of chris83. At first, less doesn't seem so easy not to say less work but once you're getting the hang of it, you will know why it's called less. Managing stylesheet will become less stressful.

I've heard about LESS and its power and I'm willing to learn it. But right now I've got no time for that.

Another thing, to not post another post in the same thread.

I'm using TbNavbar along with multilevel TbMenu. To open first level, you have to click on any button on navbar, that has a menu attached to it. But once this menu is open, you have to actually hover any item to see it's subitems. Since that menu has url set to #, clicking it closes menu and do nothing.

How can I change it, so to open any level of my submenu would require clicking parent item, not hovering it? Right now this construction fails completely on mobile devices, that does not support hovering at all (at least my Nexus) and only converts tapping to clicking.

registerCssFile doesn't do anything else than adding the css file in <head> just like you would do manually. The only difference - when putting this at the bottom of your layout file - is, it will add and append your css file behind other css files that have already been added before (from other components and extensions like bootstrap).

I'm using TbNavbar along with multilevel TbMenu. To open first level, you have to click on any button on navbar, that has a menu attached to it. But once this menu is open, you have to actually hover any item to see it's subitems. Since that menu has url set to #, clicking it closes menu and do nothing.

How can I change it, so to open any level of my submenu would require clicking parent item, not hovering it? Right now this construction fails completely on mobile devices, that does not support hovering at all (at least my Nexus) and only converts tapping to clicking.

Unfortunately there is no option to define how to open a submenu (click vs hover) no matter what level.
Not sure if you can achieve this by just adding css classes through "itemOptions" and "linkOptions"?

Don Felipe, your a true help here! Thank you so much! :] Let me answer in points, because this is getting to long...

Don Felipe, on 12 October 2012 - 08:54 PM, said:

registerCssFile doesn't do anything else than adding the css file in <head> just like you would do manually. The only difference - when putting this at the bottom of your layout file - is, it will add and append your css file behind other css files that have already been added before (from other components and extensions like bootstrap).

Works like a charm! Thank you and trully deserved +1! :]

Don Felipe, on 12 October 2012 - 10:02 PM, said:

Unfortunately there is no option to define how to open a submenu (click vs hover) no matter what level. Not sure if you can achieve this by just adding css classes through "itemOptions" and "linkOptions"?

Thats pretty pitty. I don't seems to be beliving that they have missed such obvious thing like submenus on mobile devices. Anyway, I posted a question on Google Groups Twitter Bootstrap forum and we'll see, if I get any reply there.

New thing. Is there any way I can force navbar to not make brand a clickable link? It is quite easy using pure Bootstrap, but I don't see any way to achieve it in Chris' extension. Even setting brandUrl to empty string or false doesn't stopped navbar from adding brand with link. Of course, I'm asking about any outter methods, like modyfing htmlOptions etc. Changing extension itself to don't add link and only display text, when brandUrl is empty or false, would took five mintues or so. But I would like to avoid changing extension itself, if there would be any other method for achieving this.

EDIT: Another new thing. When TbMenu,dropup is set to true, menu is drawn incorrectly. The "arrow-corner" is still pointing up (like in menus opened down), while it should point down, toward parent menu object. And if such opened up menu has subitems, they are drawn in a complete mess -- background is somewhere else and many other drawing errors appears, making dropup option completely unusable (see attachment). Do you know if this is Chris' extension issue or whole Bootstrap works like this?

Don Felipe, your a true help here! Thank you so much! :] Let me answer in points, because this is getting to long...

Works like a charm! Thank you and trully deserved +1! :]

Thats pretty pitty. I don't seems to be beliving that they have missed such obvious thing like submenus on mobile devices. Anyway, I posted a question on Google Groups Twitter Bootstrap forum and we'll see, if I get any reply there.

New thing. Is there any way I can force navbar to not make brand a clickable link? It is quite easy using pure Bootstrap, but I don't see any way to achieve it in Chris' extension. Even setting brandUrl to empty string or false doesn't stopped navbar from adding brand with link. Of course, I'm asking about any outter methods, like modyfing htmlOptions etc. Changing extension itself to don't add link and only display text, when brandUrl is empty or false, would took five mintues or so. But I would like to avoid changing extension itself, if there would be any other method for achieving this.

EDIT: Another new thing. When TbMenu,dropup is set to true, menu is drawn incorrectly. The "arrow-corner" is still pointing up (like in menus opened down), while it should point down, toward parent menu object. And if such opened up menu has subitems, they are drawn in a complete mess -- background is somewhere else and many other drawing errors appears, making dropup option completely unusable (see attachment). Do you know if this is Chris' extension issue or whole Bootstrap works like this?

You're absolutely right! There should be an option to define how to open submenus. It's not even rocket science but adding one more if condition and slightly changing the javascript function. Of course it has to happen on Twitter Bootstrap's side first. We'll see what your question may lead to.

First new thing:
That's another funny thing. Why isn't there any easy option to omit the link on the brand?
Try this workaround (should work):

Now, you need to overwrite the border in :before, then add a similar class using :after and setting border-top accordingly. You should NOT overwrite the above, but add a new class for the .dropup instead, something like this:

No, I'm not going to try to fix it myself. I'm doing a barebone app for myself, so I have comfort to wait, until Chris fixes that up. But it is good to know, that fixing these problems is quite easy, so thanks for sharing your ideas.

I found another thing today, so I finally decided to get a BitBucket account to raise some tickets as you suggested.

There is no such thing on demo page, which leads into conclusion, that it is not yet implemented.

DatePicker, ColorPicker, and WYSIWYG editors neither are features of the original TB framework nor this yii extension.

chris83 has made it clear before he does not plan to implement any features that are not part of the original TB no matter how useful they might be. We'll have to wait until these features are part of the original first or implement them manually... not too complicated when it comes to DatePicker btw.

Do you know, if Chris has time for active support of his extension right now?

He is replying for questions on Yii-Bootstrap user group, but there is nothing happening ot BitBucket issues handler and he hasn't visited Yii forum for nearly two months.

Cheers,
Trejder

Hi Trejder,

just send him a private message and ask him directly though you may want to give Chris more than 24h to react on the new tickets you have just added yesterday. There's a lot of open tickets and it'll take a long time to fix them all. Well, the entire project has reached a certain size, Chris should consider sharing the work load of the project. Maybe I would...