Skip to content

Commit 381af38

Browse files
Dynamsoft-HenryDynamsoft-Henry
committed
Update index.md
1 parent 4ca7745 commit 381af38

1 file changed

Lines changed: 77 additions & 93 deletions

File tree

  • programming/android/user-guide/capabilities

‎programming/android/user-guide/capabilities/index.md‎

Lines changed: 77 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -13,110 +13,94 @@ needAutoGenerateSidebar: true
1313

1414
Find the feature you need quickly by keyword.
1515

16+
<style>
17+
.capabilities-grid {
18+
display: grid;
19+
grid-template-columns: repeat(2, minmax(0, 1fr));
20+
gap: 12px;
21+
margin: 12px 0 24px;
22+
}
23+
24+
.capability-link-card {
25+
display: block;
26+
background: #f8fafc;
27+
border: 1px solid #dbe4ee;
28+
border-radius: 10px;
29+
padding: 8px 10px;
30+
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
31+
color: #0f172a;
32+
text-decoration: none;
33+
line-height: 1.35;
34+
min-height: 40px;
35+
}
36+
37+
.capability-link-card:hover {
38+
background: #ffffff;
39+
border-color: #bfdbfe;
40+
box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
41+
}
42+
43+
@media (max-width: 900px) {
44+
.capabilities-grid {
45+
grid-template-columns: 1fr;
46+
}
47+
}
48+
</style>
49+
1650
## Input
1751

18-
<table>
19-
<tr>
20-
<td width="50%" valign="top">
21-
<ul>
22-
<li><a href="{{ site.android }}user-guide/capabilities/read-from-camera.html">Read from Camera</a></li>
23-
</ul>
24-
</td>
25-
<td width="50%" valign="top">
26-
<ul>
27-
<li><a href="{{ site.android }}user-guide/capabilities/read-from-an-image.html">Read from Image</a></li>
28-
</ul>
29-
</td>
30-
</tr>
31-
</table>
52+
<div class="capabilities-grid">
53+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/read-from-camera.html">Read from Camera</a>
54+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/read-from-an-image.html">Read from Image</a>
55+
</div>
3256

3357
## Working with Results
3458

35-
<table>
36-
<tr>
37-
<td width="50%" valign="top">
38-
<ul>
39-
<li><a href="{{ site.features }}filter-and-sort.html?lang=android">Parameter Based Result Filter</a></li>
40-
<li><a href="{{ site.android }}user-guide/capabilities/get-original-image.html">Get Original Image</a></li>
41-
<li><a href="{{ site.features }}get-detailed-info.html?lang=android">Get Detailed Barcode Information</a></li>
42-
</ul>
43-
</td>
44-
<td width="50%" valign="top">
45-
<ul>
46-
<li><a href="{{ site.features }}get-confidence-rotation.html?lang=android">Get Barcode Confidence and Rotation</a></li>
47-
<li><a href="{{ site.features }}get-barcode-location.html?lang=android">Get Barcode Location</a></li>
48-
<li><a href="{{ site.android }}user-guide/capabilities/multi-frame-cross-filter.html">Multi-Frame Cross Filter</a></li>
49-
</ul>
50-
</td>
51-
</tr>
52-
</table>
59+
<div class="capabilities-grid">
60+
<a class="capability-link-card" href="{{ site.features }}filter-and-sort.html?lang=android">Parameter Based Result Filter</a>
61+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/get-original-image.html">Get Original Image</a>
62+
<a class="capability-link-card" href="{{ site.features }}get-detailed-info.html?lang=android">Get Detailed Barcode Information</a>
63+
<a class="capability-link-card" href="{{ site.features }}get-confidence-rotation.html?lang=android">Get Barcode Confidence and Rotation</a>
64+
<a class="capability-link-card" href="{{ site.features }}get-barcode-location.html?lang=android">Get Barcode Location</a>
65+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/multi-frame-cross-filter.html">Multi-Frame Cross Filter</a>
66+
</div>
5367

5468
## Control the Scanning Process
5569

56-
<table>
57-
<tr>
58-
<td width="50%" valign="top">
59-
<ul>
60-
<li><a href="{{ site.android }}user-guide/capabilities/init-customized-template.html">Initialize Customized Template</a></li>
61-
<li><a href="{{ site.android }}user-guide/capabilities/config-simplified-settings.html">Configure Simplified Settings</a></li>
62-
<li><a href="{{ site.android }}user-guide/capabilities/barcode-formats.html">Configure Barcode Format</a></li>
63-
<li><a href="{{ site.android }}user-guide/capabilities/feedback.html">Add Scan Feedback</a></li>
64-
</ul>
65-
</td>
66-
<td width="50%" valign="top">
67-
<ul>
68-
<li><a href="{{ site.android }}user-guide/capabilities/read-specific-area.html">Read a specific area/region</a></li>
69-
<li><a href="{{ site.android }}user-guide/capabilities/single-multiple.html">Switch Single & Multiple</a></li>
70-
<li><a href="{{ site.android }}user-guide/capabilities/zoom-control.html">Zoom Control</a></li>
71-
</ul>
72-
</td>
73-
</tr>
74-
</table>
70+
<div class="capabilities-grid">
71+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/init-customized-template.html">Initialize Customized Template</a>
72+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/config-simplified-settings.html">Configure Simplified Settings</a>
73+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/barcode-formats.html">Configure Barcode Format</a>
74+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/feedback.html">Add Scan Feedback</a>
75+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/read-specific-area.html">Read a specific area/region</a>
76+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/single-multiple.html">Switch Single & Multiple</a>
77+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/zoom-control.html">Zoom Control</a>
78+
</div>
7579

7680
## Decode Challenging Barcodes
7781

78-
<table>
79-
<tr>
80-
<td width="50%" valign="top">
81-
<ul>
82-
<li><a href="{{ site.features }}read-inverted-barcodes.html?lang=android">Read inverted barcodes</a></li>
83-
<li><a href="{{ site.features }}read-deformed-barcodes.html?lang=android">Read deformed barcodes</a></li>
84-
<li><a href="{{ site.features }}read-incomplete-barcodes.html?lang=android">Read incomplete barcodes</a></li>
85-
<li><a href="{{ site.features }}read-a-large-image.html?lang=android">Read barcodes from a large image</a></li>
86-
<li><a href="{{ site.features }}read-barcodes-with-small-module-size.html?lang=android">Read barcodes with small module size</a></li>
87-
<li><a href="{{ site.features }}read-barcodes-with-imbalanced-colour.html?lang=android">Read images with imbalanced colors</a></li>
88-
<li><a href="{{ site.features }}read-barcodes-with-uneven-lighting.html?lang=android">Read images with uneven lighting</a></li>
89-
<li><a href="{{ site.features }}read-images-with-texture.html?lang=android">Read images with texture</a></li>
90-
</ul>
91-
</td>
92-
<td width="50%" valign="top">
93-
<ul>
94-
<li><a href="{{ site.features }}read-images-with-lots-of-text.html?lang=android">Read images with lots of text</a></li>
95-
<li><a href="{{ site.features }}read-dense-barcodes.html?lang=android">Read high-density QR Codes</a></li>
96-
<li><a href="{{ site.usecases }}read-dpm-codes.html?lang=android">Read DPM Codes</a></li>
97-
<li><a href="{{ site.usecases }}read-postal-codes.html?lang=android">Read Postal Codes</a></li>
98-
<li><a href="{{ site.features }}preprocess-images.html?lang=android">Preprocess images to read difficult barcodes</a></li>
99-
<li><a href="{{ site.features }}use-region-predetection.html?lang=android">Pre-detect Region of Interest (ROI)</a></li>
100-
<li><a href="{{ site.features }}use-format-specific-configuration.html?lang=android">Use format specific configurations</a></li>
101-
</ul>
102-
</td>
103-
</tr>
104-
</table>
82+
<div class="capabilities-grid">
83+
<a class="capability-link-card" href="{{ site.features }}read-inverted-barcodes.html?lang=android">Read inverted barcodes</a>
84+
<a class="capability-link-card" href="{{ site.features }}read-deformed-barcodes.html?lang=android">Read deformed barcodes</a>
85+
<a class="capability-link-card" href="{{ site.features }}read-incomplete-barcodes.html?lang=android">Read incomplete barcodes</a>
86+
<a class="capability-link-card" href="{{ site.features }}read-a-large-image.html?lang=android">Read barcodes from a large image</a>
87+
<a class="capability-link-card" href="{{ site.features }}read-barcodes-with-small-module-size.html?lang=android">Read barcodes with small module size</a>
88+
<a class="capability-link-card" href="{{ site.features }}read-barcodes-with-imbalanced-colour.html?lang=android">Read images with imbalanced colors</a>
89+
<a class="capability-link-card" href="{{ site.features }}read-barcodes-with-uneven-lighting.html?lang=android">Read images with uneven lighting</a>
90+
<a class="capability-link-card" href="{{ site.features }}read-images-with-texture.html?lang=android">Read images with texture</a>
91+
<a class="capability-link-card" href="{{ site.features }}read-images-with-lots-of-text.html?lang=android">Read images with lots of text</a>
92+
<a class="capability-link-card" href="{{ site.features }}read-dense-barcodes.html?lang=android">Read high-density QR Codes</a>
93+
<a class="capability-link-card" href="{{ site.usecases }}read-dpm-codes.html?lang=android">Read DPM Codes</a>
94+
<a class="capability-link-card" href="{{ site.usecases }}read-postal-codes.html?lang=android">Read Postal Codes</a>
95+
<a class="capability-link-card" href="{{ site.features }}preprocess-images.html?lang=android">Preprocess images to read difficult barcodes</a>
96+
<a class="capability-link-card" href="{{ site.features }}use-region-predetection.html?lang=android">Pre-detect Region of Interest (ROI)</a>
97+
<a class="capability-link-card" href="{{ site.features }}use-format-specific-configuration.html?lang=android">Use format specific configurations</a>
98+
</div>
10599

106100
## Customize the UI
107101

108-
<table>
109-
<tr>
110-
<td width="50%" valign="top">
111-
<ul>
112-
<li><a href="{{ site.android }}user-guide/capabilities/add-functional-buttons.html">Add Functional Buttons</a></li>
113-
<li><a href="{{ site.android }}user-guide/capabilities/add-graphics.html">Add Graphics with DrawingItems</a></li>
114-
</ul>
115-
</td>
116-
<td width="50%" valign="top">
117-
<ul>
118-
<li><a href="{{ site.android }}user-guide/capabilities/scan-region-style.html">Scan Region Style</a></li>
119-
</ul>
120-
</td>
121-
</tr>
122-
</table>
102+
<div class="capabilities-grid">
103+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/add-functional-buttons.html">Add Functional Buttons</a>
104+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/add-graphics.html">Add Graphics with DrawingItems</a>
105+
<a class="capability-link-card" href="{{ site.android }}user-guide/capabilities/scan-region-style.html">Scan Region Style</a>
106+
</div>

0 commit comments

Comments
 (0)