Atom HTML snippet not working on macOS? - atom-editor

I have an html snippet in my snippets.cson file in my atom 1.21.1 on macOS,
it doesn't report any errors,
when I open my index.html file and begin to type the prefix nothing appears.
'.text.html.basic':
'tasks table':
'prefix': 'ttable'
'body': """
<table>
<tr>
<th>Declare an assignment</th>
<th>Start</th>
<th>End</th>
<th>Duration</th>
</tr>
<tr>
<td colspan="4">AM</td>
</tr>
<tr>
<td>Wake up</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Lunch</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
"""
While my Python and jQuery snippets seem to be working perfect.

Wrong with '.text.html.basic':
change to '.text.html':

Related

Positioning image in github markdown table

I have some content which does not take up the entire column. so I was trying to postion an image to that side so that it saves some space.
I tried checking for grid layouts or column layout in md but none of it has provided info on how to do it
This is what i am looking for
the code is # here
... thanks
The Markdown table does not support cell merge by default, so you should use HTML table.
And in comment, you said
"Even this time the image took only one row, ..."
in this case just use rowspan.
<table>
<tr>
<td>- Identifying cutomer needs (requirments)</td>
<td rowspan="11">
<img src="https://user-images.githubusercontent.com/74305823/118094261-783e8280-b409-11eb-8f50-8ed0b304fef0.png" width="300"/>
</td>
</tr>
<tr>
<td>- market analysis (requirements)</td>
</tr>
<tr>
<td>- defining goals (requirements)</td>
</tr>
<tr>
<td>- Establishing functions (Prodct concept)</td>
</tr>
<tr>
<td>- Task Specifications (Prodct concept)</td>
</tr>
<tr>
<td>- Conceptualizatoin (Solution concept)</td>
</tr>
<tr>
<td>- Evaluating Alternatives</td>
</tr>
<tr>
<td>- Emnodiment Design</td>
</tr>
<tr>
<td>- Analysis and Optimization</td>
</tr>
<tr>
<td>- Experiment</td>
</tr>
<tr>
<td>- Marketing</td>
</tr>
</table>
EDIT
AS #tarleb said, using <ul>...</ul> tag can be more simple.
<table>
<tr>
<td>
<ul>
<li>Identifying cutomer needs (requirments)</li>
<li>market analysis (requirements)</li>
<li>defining goals (requirements)</li>
<li>Establishing functions (Prodct concept)</li>
<li>Task Specifications (Prodct concept)</li>
<li>Conceptualizatoin (Solution concept)</li>
<li>Evaluating Alternatives</li>
<li>Emnodiment Design</li>
<li>Analysis and Optimization</li>
<li>Experiment</li>
<li>Marketing</li>
</ul>
</td>
<td>
<img src="https://user-images.githubusercontent.com/74305823/118094261-783e8280-b409-11eb-8f50-8ed0b304fef0.png" width="300"/>
</td>
</tr>
</table>

Is NewtonSoft not supported for UWP 10.1?

We have an Xamarin project that shares code with android and ios projects.
We plan To extend this sharing by creating and targeting an UWP project.
So to test portability of my project to UWP i used the .net portability analyzer extension in visual studio.
After running it, I get this Portability summary:
<h2 _locid="SummaryTitle">
<a name="Portability Summary"></a>Portability Summary
</h2>
<table>
<tbody>
<tr>
<th>Assembly</th>
<th>UWP,Version=v10.1</th>
</tr>
<tr>
<td><strong><a href="#Acme.PhoneBookDemo.Mobile.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null">
<span class="assembly-name">Acme.PhoneBookDemo.Mobile.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null</span>
<span class="assembly-tfm">(.NETStandard,Version=v2.0)</span>
</a></strong></td>
<td class="text-center">99.67%</td>
</tr>
</tbody>
</table>
which means that the project is 99.67% compatible with UWP 10.1.
In detail I get this:
<table class="table_portability_details">
<tbody>
<tr>
<th>Target type</th>
<th>UWP,Version=v10.1</th>
<th>Recommended changes</th>
</tr>
<tr>
<td>Newtonsoft.Json.JsonConvert</td>
<td class="IconErrorEncoded" title="Not supported"></td> <td></td>
</tr>
<tr>
<td style="padding-left:2em"> DeserializeObject``1(System.String)</td>
<td class="IconErrorEncoded" title="Not supported"></td> <td></td>
</tr>
<tr>
<td style="padding-left:2em">SerializeObject(System.Object)</td>
<td class="IconErrorEncoded" title="Not supported"></td> <td></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
which describe problems of not supporting Newtonsoft.
Do you have an idea on how to fix that if it is possible?
Update
I did as #Stefan Wick MSFT suggested , i added an UWP project and used "16299" as a minor version:
I still getting the same problem ! ?

How to make colspan attribute applied on specific row not on all rows?

I have a timetable like this:
table by html
all field in all rows have splitted into two columns but i need to make some fields split and some fields no. Something like that
Edited picture
How can i do that?. Thanks for help.
Try this:
<table>
<tr>
<td></td>
<td></td>
<td colspan='2'></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Thymeleaf. Building table from array & list

I got this code:
<th:block th:if="${!#lists.isEmpty(partyInfoByUploaderList)}" th:each="pInfo : ${partyInfoByUploaderList}">
<h4 th:text="${pInfo.getCharName()}"></h4>
<table class="table table-bordered table-hover table-striped">
<thead>
<tr>
<th:block th:if="${!#lists.isEmpty(pInfo.getCharColumnTitles())}" th:each="title: ${pInfo.getCharColumnTitles()}">
<td th:text="${title}"></td>
</th:block>
</tr>
</thead>
<tbody>
<tr>
<th:block th:each="val: ${pInfo.getCharColumnValues()}">
<td th:text="${val}"></td>
</th:block>
</tr>
</tbody>
</table>
And I got this result:
http://screenshot.ru/6dfbe559f905a17dff44d360b5d13f28
So this code correctly create table head, and dont parse table body.
BTW, after delpoy this code appear at another place:
<th:block th:each="val: ${pInfo.getCharColumnValues()}">
<td th:text="${val}"></td>
</th:block>
Web source code in browser:
http://screenshot.ru/9d3fab8030c5ca382ab81094e0c1ca86
Question #2:
Why this code produce TemplateProcessingException error?
P.S. Not enough reputation for images, so just links. Soz
According to Thymeleaf Documentation, <th:block></th:block> should wrap <tr></tr> and not the opposite. So you should try this :
<th:block th:each="val: ${pInfo.getCharColumnValues()}">
<tr>
<td th:text="${val}"></td>
</tr>
</th:block>

How to make the table 2 * 2 with rules in aspx page

Can I make the table with rules in my aspx page.
right now I am dispalying the page some thing like this.
Benefit Type : 000
Benfit Set: BCPCP
Converage Level : IND -Individual
Deductable Type : D-DED
Can I differnciate with the rules each and every row. like this
Benefit Type : 000
Benfit Set: BCPCP
Converage Level : IND -Individual
Deductable Type : D-DED
here is my Aspx code.. is there any way I can make like this?
<table>
<tr>
<td>
</td>
</tr>
You can just do a row with an hr in it like this: http://jsfiddle.net/WXSpD/
<table>
<tr>
<td>Benefit Type:</td>
<td>000</td>
</tr>
<tr>
<td colspan="2"><hr/></td>
</tr>
<tr>
<td>Benfit Set:</td>
<td>BCPCP</td>
</tr>
</table>
Your question is very hard to understand, but if you're just looking for a two-by-two table, can't you do it like this?:
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
If there's something else you're looking for, can you clarify a little bit?

Resources