TOPIC: add css styles or linebreaks in radio buttons list

How can I insert linebreaks or css styles in "additional booking fields for this event"? Can I use html-code to format them? Best regards, Jürgen

Hi Jürgen,

you can't use HTML in the old event specific additional booking fields (it's automatically filtered out by Matukio to prevent errors / problems).

All additional fields have a unique ID (zusatz1 to zusatz20) to style them.

Best regards

Yves

And how can I insert linebreaks, each radio button should have it's own line. Is this possible?

Yes and normally it should be already that way. awesomescreenshot.com/0002msj689

I need a link to your site to be able to say what is causing this. (Some float or display: inline-block for label elements).

Yves

I checked the css and only the following styles are called

sem_rowd
sem_inputbox
mat_table td

and one inline-style {text-align: left}

All our template styles have a prefix to avoid css conflicts. I changed the style to "select" til the css problem is solved.

Best regards. Many thanks for your help!

I think it is something more general - like

label {display: inline-block}

Without link i can't say much more (you can send it to This email address is being protected from spambots. You need JavaScript enabled to view it. to keep it private).

Best regards,

Yves

P.S.: Weite unten haben wir auch ein deutsches Support-Forum für Matukio

Many thanks for your help offer. I checked our template and the Joomla system template, which will override non defined standard settings and nowhere are general styles - e.g. label, input and so on - defined. All our styles has a prefix to avoid css conflicts, for example:

label.dmt-checkbox:before
{
background: #FFF5F6;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border-width: 0;
margin: 0 auto;
width: 16px;
height: 16px;
}

If we look at the source code output for the radio option, it looks like this:
<table class="mat_table table">
<tbody>
<tr>
<td class="sem_rowd" style="text-align:left;" width="150px">14:00 Uhr Workshop A</td>
<td class="sem_rowd" style="text-align:left;">
<input name="zusatz1" id="zusatz1 Workshop I" value=" Workshop I" class="sem_inputbox" type="radio">
<label for="zusatz1 Workshop I" id="zusatz1 Workshop I-lbl" class="radiobtn"> Workshop I</label>
<input name="zusatz1" id="zusatz1 Workshop II" value=" Workshop II" class="sem_inputbox" type="radio">
<label for="zusatz1 Workshop II" id="zusatz1 Workshop II-lbl" class="radiobtn"> Workshop II</label>
...
<span class="sem_reqfield">*</span>
</td>
</tr>
</tbody>
</table>

So the relevant classes are
input class="sem_inputbox"
label class="radiobtn"

Using firebug I see all relevant styles and in no one there's a
label (or input, fieldset) {display: inline-block}

The next days we will install Matukio it in our testing environment with some other templates and see, if the same will happen.

Today the booking component will go online and our customer is happy with the select solution. So for me it is not important to find a solution just in time. I will have a more detailed look on the styling of Matukio in the near future. We plan to offer your component our customers as a standard for implementation and will do the complete german translation and some video tutorials.

Matukio is a nice work and a good base. We bought Ticketmaster and Ohanah, too. We see that Matukio has some options, they where difficult to realize with the other ones. Ohanah is more eye candy and Ticketmaster has a very fine ticket creation solution. We work on overrides for Matukio to have different styling possibilities out of the box and some different templates. We plan to work on a ticket creation component, that uses Matukio tables. The first one is absolut necessary, the second one is a near future plan.

We will release all our work under GNUGPL, so if you are interested you can have the translation files, the vids and the other work.

I saw you have Matukio placed at Transifex in the Opentranslators group and the work is almost done. By checking the translation I remarked, that the wording is not continuous. For example: event is translated with Veranstaltung, Event and Anlass. So we decided to do our own one, to guarantee that the same words are used in the same content.

Best regards and many thanks for your support
Jürgen

Hi Jürgen,

We plan to work on a ticket creation component, that uses Matukio tables.

This is already integrated in the upcoming Matukio version 3.1! (Take a look at the Matukio 3.1 thread here in the general forum) - please take a look at the development version before editing the current one (there are a lot of important changes, which you just can't copy to ).

By checking the translation I remarked, that the wording is not continuous. For example: event is translated with Veranstaltung, Event and Anlass. So we decided to do our own one, to guarantee that the same words are used in the same content.

Please ignore the german transifex translation (because Matukio directly ships german and we don't use transifex for the german translations!).

Wo hast du den Anlass gefunden? Die deutsche Übersetzung stammt von Seminar und primär von mir und ich versuche eigentlich immer die selben Begriffe zu verwenden (bei ungefähr 3000 Platzhaltern kann das auch daneben gehen, bin ständig am korrigieren).

Best regards

Yves

admin_com_matukio
The administrator has withdrawn your certificate of the following event:
Der Administrator hat ihr Zertifikat für den folgenden Anlass zurückgezogen:

Hallo,

korrigiert - danke für dein Feedback.

Viele Grüße

Yves

Hi!

I didn't understand if it was possible to add a line break after each choice (radio) .

I add this in my extra booking field:
{Senior=Senior}
{Junior=Junior}
etc.

But they come on the same row. I tried with a <br /> between each option but that didn't work.

Kind regards
Ola

Hi Ola,

please don't open 1 year old tickets /posts

You should use CSS for line breaks in radio buttons.

.compojoom-bootstrap label {display: block}

Or something like that.

Kind regards,

Yves

Ok.

But since the thread wasn't locked I thought I could reply.

Ola