ComponentOne QRCode for ASP.NET Web Forms
QRCode Features / Size
In This Topic
    Size
    In This Topic

    A QRCode must be big enough to be scanned easily and small enough to fit into a page without occupying much space. You can resize the control, as well as the symbols within the control to improve the resolution of the control. Complete the following steps to change the size of the control, as well as the symbols.

    A QRCode must be square in shape in order to be scanned properly.

    In the Designer

    1. Resize the QRCode by clicking the edges of the QRCode and drag it till it reaches the desired height or width.
    2. Resize the symbols by clicking the Smart Tag. In the C1QRCode Tasks Menu, set the SymbolSize property as per your requirement.
    3. Alternatively, right click the QRCode and select Properties to open the Properties window. Set the HeightWidth and SymbolSize properties in the Properties window.

    In Source View

    Set the HeightWidth and SymbolSize properties within the <cc1:C1QRCode> tag to resize the QRCode.

    Source View
    Copy Code
    <cc1:C1QRCode ID="C1QRCode1" runat="server" Height="150px" Text="QRCode Sample Text" Width="150px" SymbolSize="5" />
    

    In Code

    Add the following code to the Page_Load event to set the HeightWidth and SymbolSize properties in code view.

    C#
    Copy Code
    C1QRCode1.Height = 150;
    C1QRCode1.Width = 150;
    C1QRCode1.SymbolSize = 5;
    

    VB
    Copy Code
    C1QRCode1.Height = 150
    C1QRCode1.Width = 150
    C1QRCode1.SymbolSize = 5
    

    What You've Accomplished

    When you run your application, notice that the size of the QRCode as well as its symbols is now bigger.