Skip to Content Skip to Menu

🕒 Save Time and Effort with CB Editor Assistant: Effortlessly create and refine content in Joomla 3, 4, & 5.
🎁 Limited Offer: Enjoy a 5-day FREE trial and save up to 30% afterward!
Try It!

[SOLVED] No Stars in Rating Field with Bootstrap

  • kuddel
  • kuddel
  • OFFLINE
  • Posts: 40
  • Thanks: 7
  • Karma: 0
12 years 1 month ago - 12 years 1 month ago #216060 by kuddel
[SOLVED] No Stars in Rating Field with Bootstrap was created by kuddel
if I use bootstrap there are no stars displayed in the Rating Field (userstats). With other CB templates (eg coolness), the display is correct. Take a look at the Screenshot, please.

CB 1.9

CB Content Module 1.5

CB Rating Fieldtype Plugin v.1.0

CB Bootstrap 2.0.1

Coolness template version 1.7.0

What can I do?
Ich bin keine Signatur, ich putze hier nur.
I'm not a signature, I'm just here to clean.
Attachments:
Last edit: 12 years 1 month ago by krileon.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48709
  • Thanks: 8319
  • Karma: 1447
12 years 1 month ago #216130 by krileon
Replied by krileon on topic Re: No Stars in Rating Field with Bootstrap
Refresh a few times and see if issue persists. CSS caches through about 2 page loads, so you need to refresh a few times for it to load in. Aside from that I'll need a URL to the issue so I can inspect the stars and see what's breaking their styling as I can't reproduce locally.

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

  • kuddel
  • kuddel
  • OFFLINE
  • Posts: 40
  • Thanks: 7
  • Karma: 0
12 years 1 month ago - 12 years 1 month ago #216339 by kuddel
Replied by kuddel on topic Re: No Stars in Rating Field with Bootstrap
I copied this code from coolness into bootstrap. Now it seems to work. Of course it was just an attempt to get closer to the solution. Maybe it helps to correct the problem.
Code:
/* For ratings: */ .cbStarRatingBlock { width: 80px; padding: 0px; margin: 0px auto auto 0px; } .cbStarRatingBlockR { width: 80px; padding: 0px; margin: 0px 0px auto auto; } .cbStarRatingOn { float: left; width: 16px; height: 16px; display: block; background: transparent url("images/mini-icons/icon-16-rating-star.gif") no-repeat; background-position: 0px -32px; } .cbStarRatingOff { float: left; width: 16px; height: 16px; display: block; background: transparent url("images/mini-icons/icon-16-rating-star.gif") no-repeat; background-position: 0px 0px; } div.rating{cursor:pointer;margin:2em;clear:both;display:block;} div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden;} div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;} div.cancel,div.cancel a{background:url("images/mini-icons/icon-16-rating-delete.gif") no-repeat 0 -16px;} div.star,div.star a{background:url("images/mini-icons/icon-16-rating-star.gif") no-repeat 0 0px;} div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0px 0px;border-width:0px; } div.star_on a{background-position:0 -16px !important;} div.star_hover a,div.star a:hover{background-position:0 -32px;} div.star_readonly a,div.star_readonly a:hover{cursor:default !important;background-position:0 0;} div.star{background:transparent!important;overflow:hidden !important;}
Ich bin keine Signatur, ich putze hier nur.
I'm not a signature, I'm just here to clean.
Last edit: 12 years 1 month ago by kuddel.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48709
  • Thanks: 8319
  • Karma: 1447
12 years 1 month ago - 12 years 1 month ago #216353 by krileon
Replied by krileon on topic Re: No Stars in Rating Field with Bootstrap
The stars are completely styled in CB Bootstrap. I've no idea what your issue was, but can't duplicate locally and you provided no link for me to see the issue and inspect where the CSS conflict was coming from. If you're displaying them in a module then it's correct for them to not style as it only styles inside of CB it self. You'd need to ensure CBs CSS was loading then surround your output with <div class="cb_template_bootstrap">CONTENT</div>

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
Last edit: 12 years 1 month ago by krileon.

Please Log in or Create an account to join the conversation.

  • kuddel
  • kuddel
  • OFFLINE
  • Posts: 40
  • Thanks: 7
  • Karma: 0
12 years 1 month ago #216400 by kuddel
Replied by kuddel on topic Re: No Stars in Rating Field with Bootstrap
I'll send you a pm with a link and login data.
Ich bin keine Signatur, ich putze hier nur.
I'm not a signature, I'm just here to clean.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48709
  • Thanks: 8319
  • Karma: 1447
12 years 1 month ago #216424 by krileon
Replied by krileon on topic Re: No Stars in Rating Field with Bootstrap
It's because you're rendering it inside of a module. CB Bootstrap is very string in what it styles to avoid conflicts and avoid styling outside of it self so it only targets elements that are surrounded with the class "cb_template_bootstrap". You should be able to add " cb_template_bootstrap" (space is important) module class suffix to your module and it'll style it; alternatively if is a CB Content module (seams it is?) then surround it with a div that has the class "cb_template_bootstrap". I've confirmed by altering site source this resolves it.

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
The following user(s) said Thank You: kuddel

Please Log in or Create an account to join the conversation.

Moderators: beat, nant, krileon
Powered by Kunena Forum