1"use strict";(self.rspackChunkrspress_doc_template=self.rspackChunkrspress_doc_template||[]).push([[5780],{1279(e,n,s){s.r(n),s.d(n,{default:()=>t});var r=s(4848),i=s(8453);function d(e){let n={a:"a",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(n.h1,{id:"web-based--mobile-friendly",children:[(0,r.jsx)(n.a,{className:"rp-header-anchor","aria-hidden":"true",href:"#web-based--mobile-friendly",children:"#"}),"Web-Based & Mobile Friendly"]}),"\n",(0,r.jsxs)(n.p,{children:["Simple Invoices is a ",(0,r.jsx)(n.strong,{children:"web application"}),": access it from any device with a browser. No app installation required."]}),"\n",(0,r.jsxs)(n.h2,{id:"web-based-architecture",children:[(0,r.jsx)(n.a,{className:"rp-header-anchor","aria-hidden":"true",href:"#web-based-architecture",children:"#"}),"Web-Based Architecture"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Runs entirely in your browser (no desktop app needed)"}),"\n",(0,r.jsx)(n.li,{children:"Zero client-side installation"}),"\n",(0,r.jsx)(n.li,{children:"Works on any operating system: Windows, macOS, Linux"}),"\n",(0,r.jsx)(n.li,{children:"Accessible from anywhere on your network"}),"\n"]}),"\n",(0,r.jsxs)(n.h2,{id:"mobile-experience",children:[(0,r.jsx)(n.a,{className:"rp-header-anchor","aria-hidden":"true",href:"#mobile-experience",children:"#"}),"Mobile Experience"]}),"\n",(0,r.jsxs)(n.p,{children:["The interface is built with ",(0,r.jsx)(n.strong,{children:"Tabler CSS"}),", a responsive Bootstrap-based framework:"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Adaptive layout that works on phones, tablets, and desktops"}),"\n",(0,r.jsx)(n.li,{children:"Touch-friendly controls and navigation"}),"\n",(0,r.jsx)(n.li,{children:"Readable invoice views on small screens"}),"\n",(0,r.jsx)(n.li,{children:"Full functionality on mobile (create, edit, send invoices)"}),"\n"]}),"\n",(0,r.jsxs)(n.h2,{id:"what-you-can-do-on-mobile",children:[(0,r.jsx)(n.a,{className:"rp-header-anchor","aria-hidden":"true",href:"#what-you-can-do-on-mobile",children:"#"}),"What You Can Do on Mobile"]}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Task"}),(0,r.jsx)(n.th,{children:"Mobile Support"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Create invoices"}),(0,r.jsx)(n.td,{children:"Yes"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"View invoice list"}),(0,r.jsx)(n.td,{children:"Yes"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Edit invoices"}),(0,r.jsx)(n.td,{children:"Yes"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Email invoices"}),(0,r.jsx)(n.td,{children:"Yes"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Record payments"}),(0,r.jsx)(n.td,{children:"Yes"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"View reports"}),(0,r.jsx)(n.td,{children:"Yes"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"PDF download"}),(0,r.jsx)(n.td,{children:"Yes"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"Customer management"}),(0,r.jsx)(n.td,{children:"Yes"})]})]})]}),"\n",(0,r.jsxs)(n.h2,{id:"responsive-design",children:[(0,r.jsx)(n.a,{className:"rp-header-anchor","aria-hidden":"true",href:"#responsive-design",children:"#"}),"Responsive Design"]}),"\n",(0,r.jsx)(n.p,{children:"The interface adapts automatically:"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Desktop"}),": Full sidebar navigation, multi-column layouts"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Tablet"}),": Collapsed sidebar, optimised forms"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.strong,{children:"Phone"}),": Stacked layouts, simplified navigation"]}),"\n"]}),"\n",(0,r.jsxs)(n.h2,{id:"technology",children:[(0,r.jsx)(n.a,{className:"rp-header-anchor","aria-hidden":"true",href:"#technology",children:"#"}),"Technology"]}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Component"}),(0,r.jsx)(n.th,{children:"Technology"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.strong,{children:"CSS Framework"})}),(0,r.jsx)(n.td,{children:"Tabler (Bootstrap 5 based)"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.strong,{children:"Icons"})}),(0,r.jsx)(n.td,{children:"Tabler Icons (3,000+ SVG icons)"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.strong,{children:"Interactivity"})}),(0,r.jsx)(n.td,{children:"jQuery + vanilla JavaScript"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.strong,{children:"Charts"})}),(0,r.jsx)(n.td,{children:"ApexCharts (responsive SVG charts)"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.strong,{children:"Date Pickers"})}),(0,r.jsx)(n.td,{children:"Litepicker (touch-friendly)"})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.strong,{children:"Select Inputs"})}),(0,r.jsx)(n.td,{children:"Tom Select (enhanced dropdowns)"})]})]})]})]})}function t(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}t.__RSPRESS_PAGE_META={},t.__RSPRESS_PAGE_META["features%2Fweb-based.md"]={toc:[{id:"web-based-architecture",text:"Web-Based Architecture",depth:2},{id:"mobile-experience",text:"Mobile Experience",depth:2},{id:"what-you-can-do-on-mobile",text:"What You Can Do on Mobile",depth:2},{id:"responsive-design",text:"Responsive Design",depth:2}
1,{id:"technology",text:"Technology",depth:2}],title:"Web-Based & Mobile Friendly",headingTitle:"Web-Based & Mobile Friendly",frontmatter:{}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.