Elxis CMS Forum

Support => General => Topic started by: bledi on August 07, 2014, 12:25:38

Title: Bullets and numbering for CKeditor Elxis 4.2 Aurora template
Post by: bledi on August 07, 2014, 12:25:38
Hello
i have installed succesfully the new  Elxis 4.1 to 4.2.
I am using aurora template.

When i create new tables or bullets or numbers, those are not shown, the border (1) of the table and the bullets are invisible.

Maybe i have to change smth to the css file.

Kindly wating for any help

regards to all
Title: Re: Bullets and numbering for CKeditor Elxis 4.2 Aurora template
Post by: webgift on August 07, 2014, 16:12:16
Hello Bledi,
Even when we use the default template (Flex) such symbols don't display. Can you please confirm me that?
Title: Re: Bullets and numbering for CKeditor Elxis 4.2 Aurora template
Post by: bledi on August 07, 2014, 16:28:47
HELLO
Propably, but before I used elxis only for IOS 3.6, did not use articles and tables.
Title: Re: Bullets and numbering for CKeditor Elxis 4.2 Aurora template
Post by: webgift on August 07, 2014, 16:34:48
Hello, it true that i can't get your point. We are talking about the new Elxis CMS 4.2 and i am trying to figure out if such an issue is caused by the template selection. As it seems editor don't let me see bullets (unordered lists) and numbers (ordered lists) too even when i choose Flex template*. So most probably editor block that.

*Flex template is the new template for version 4.2.
Title: Re: Bullets and numbering for CKeditor Elxis 4.2 Aurora template
Post by: datahell on August 07, 2014, 18:37:26
No, the editor doesn't block bullets. The editor loads the current template's css and uses that. If the css rule on the template for UL/LI elements is not to display bullets then you will not see bullets in unordered list elements. The editor shows you exactly how the final article will be displayed and this behaviour is absolutely correct.

My proposal is to do this: Dont change the default template's styling but add instead in your template's CSS rules for a bullet list and use this css class in your article.

ul.mylist { list-style-type:square; }
ul.mylist li { .... }

<ul class="mylist">
   <li>xxx</li>
   <li>xxx</li>
</ul>
Title: Re: Bullets and numbering for CKeditor Elxis 4.2 Aurora template
Post by: webgift on August 08, 2014, 13:17:08
Yes it was my fault as i didn't take that under consideration. So as an alternative method you can edit the html code of your article (from editor) and add the certain class (elx_stdol).

- For order lists (numbers) make that like:
<ul class="elx_stdol">
    <li>xxx</li>
    <li>xxx</li>
</ul>

- For unordered list (bullets) neither Flex nor Aurora use bullets so you can either do what datahell said previously or simply look for ul.elx_stdul at templates.css file of Aurora template and change
list-style:none;  to list-style-type:square;
and edit the html code of your article (from editor) and add the certain class (elx_stdul):
<ul class="elx_stdul">
    <li>xxx</li>
    <li>xxx</li>
</ul>

You should now look bullets for unordered lists and the colored numbers for ordered lists.
Title: Re: Bullets and numbering for CKeditor Elxis 4.2 Aurora template
Post by: bledi on August 08, 2014, 16:30:37
Ok, thanks guys, and what about showing the Border of Tables?
Title: Re: Bullets and numbering for CKeditor Elxis 4.2 Aurora template
Post by: datahell on August 08, 2014, 22:51:40
The best way to create nice content with less effort is to use CSS classes. Elxis has a default class for table list named elx_tbl_list. It has also a wrapper element and many other ready to use CSS classes for tables. The final result depends on your template. To get an idea take a look on this table and information on elxis docs (https://www.elxis.net/docs/developers/tutorials/templates-guide.html#ttypography).

Example:

<div class="elx_tbl_wrapper">
<table class="elx_tbl_list">
<tr>
      <th>head</th>
      <th>head</th>
</tr>
<tr>
      <th  class="elx_th_sub">sub-head</th>
      <th  class="elx_th_subcenter">sub-head center alligned</th>
</tr>
<tr class="elx_tr0">
      <td>cell </td>
      <td class="elx_td_center">cell center aligned</td>
</tr>
<tr class="elx_tr1">
      <td>cell </td>
      <td class="elx_td_center">cell center aligned</td>
</tr>
</table>
</div>

These classes are selectable from the editor!