Custom Error Pages

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
info@commodis.de
Posts: 10
Joined: 10 Mar 2021, 12:06

29 Jun 2021, 15:24

I want to introduce more error pages using the same styling as provided in the theme.

Where do I get for example a 503.svg? The theme only provides 401, 404 and 500.svg

or is it not advised anymore to use images as status codes?

User avatar
w00f
Posts: 307
Joined: 27 Apr 2016, 13:27
Contact:

12 Jul 2021, 18:46

Hi, Here is the svg code for 503.

Code: Select all

<svg width="419px" height="205px" viewBox="0 0 419 205" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Default-Pages" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5">
        <g id="404" transform="translate(-516.000000, -292.000000)" fill="#FFFFFF" fill-rule="nonzero">
            <g id="header" transform="translate(438.000000, 235.000000)">
                <path d="M137.645508,261.724609 C155.62793,261.724609 169.432617,256.116455 179.05957,244.900146 C188.686523,233.683838 193.5,217.313477 193.5,195.789062 C193.5,177.261719 188.187012,162.367188 177.561035,151.105469 C166.935059,139.84375 152.72168,134.212891 134.920898,134.212891 C127.473633,134.212891 119.867432,135.438965 112.102295,137.891113 C104.337158,140.343262 98.0932617,143.521973 93.3706055,147.427246 L93.3706055,147.427246 L101.408203,67.8686523 L191.456543,67.8686523 L191.456543,60.6484375 L94.7329102,60.6484375 L85.4692383,155.192383 L91.0546875,157.37207 C96.6855469,151.922852 103.042969,147.926758 110.126953,145.383789 C117.210938,142.84082 125.520996,141.569336 135.057129,141.569336 C150.587402,141.569336 162.96167,146.519043 172.179932,156.418457 C181.398193,166.317871 186.007324,179.532227 186.007324,196.061523 C186.007324,215.224609 182.033936,229.733154 174.087158,239.587158 C166.140381,249.441162 153.993164,254.368164 137.645508,254.368164 C122.296875,254.368164 110.263184,250.32666 101.544434,242.243652 C92.8256836,234.160645 87.7397461,222.354004 86.2866211,206.82373 L86.2866211,206.82373 L78.7939453,206.82373 C80.15625,223.98877 86.0595703,237.430176 96.5039062,247.147949 C106.948242,256.865723 120.662109,261.724609 137.645508,261.724609 Z M283.275879,261.724609 C301.984863,261.724609 316.516113,254.436279 326.869629,239.859619 C337.223145,225.282959 342.399902,204.689453 342.399902,178.079102 L342.399902,178.079102 L342.399902,142.114258 C342.399902,115.413086 337.200439,94.6833496 326.801514,79.9250488 C316.402588,65.166748 301.803223,57.7875977 283.003418,57.7875977 C264.294434,57.7875977 249.740479,65.166748 239.341553,79.9250488 C228.942627,94.6833496 223.743164,115.231445 223.743164,141.569336 L223.743164,141.569336 L223.743164,177.53418 C223.743164,204.235352 229.010742,224.942383 239.545898,239.655273 C250.081055,254.368164 264.657715,261.724609 283.275879,261.724609 Z M283.275879,254.368164 C266.837402,254.368164 254.031738,247.602051 244.858887,234.069824 C235.686035,220.537598 231.099609,201.783203 231.099609,177.806641 L231.099609,177.806641 L231.099609,142.250488 C231.099609,117.819824 235.57251,98.861084 244.518311,85.3742676 C253.464111,71.8874512 266.29248,65.144043 283.003418,65.144043 C299.623535,65.144043 312.451904,71.8647461 321.488525,85.3061523 C330.525146,98.7475586 335.043457,117.501953 335.043457,141.569336 L335.043457,141.569336 L335.043457,177.125488 C335.043457,201.556152 330.547852,220.537598 321.556641,234.069824 C312.56543,247.602051 299.805176,254.368164 283.275879,254.368164 Z M437.48877,261.724609 C455.289551,261.724609 469.59375,256.729492 480.401367,246.739258 C491.208984,236.749023 496.612793,223.307617 496.612793,206.415039 C496.612793,193.336914 492.957275,182.665527 485.64624,174.400879 C478.335205,166.13623 468.186035,160.505371 455.19873,157.508301 C466.55127,154.057129 475.565186,148.199219 482.240479,139.93457 C488.915771,131.669922 492.253418,122.27002 492.253418,111.734863 C492.253418,95.2055664 487.212891,82.1047363 477.131836,72.432373 C467.050781,62.7600098 453.427734,57.9238281 436.262695,57.9238281 C425.364258,57.9238281 415.419434,60.2397461 406.428223,64.871582 C397.437012,69.503418 390.398438,75.9970703 385.3125,84.3525391 C380.226562,92.7080078 377.683594,102.15332 377.683594,112.688477 L377.683594,112.688477 L385.040039,112.688477 C385.040039,98.5205078 389.853516,87.0771484 399.480469,78.3583984 C409.107422,69.6396484 421.368164,65.2802734 436.262695,65.2802734 C451.520508,65.2802734 463.440674,69.4125977 472.023193,77.6772461 C480.605713,85.9418945 484.896973,97.112793 484.896973,111.189941 C484.896973,123.541504 480.106201,133.713379 470.524658,141.705566 C460.943115,149.697754 448.387207,153.830078 432.856934,154.102539 L432.856934,154.102539 L416.236816,154.102539 L416.236816,161.731445 L431.76709,161.731445 C450.566895,161.822266 464.848389,165.727539 474.611572,173.447266 C484.374756,181.166992 489.256348,192.337891 489.256348,206.959961 C489.256348,221.763672 484.692627,233.365967 475.565186,241.766846 C466.437744,250.167725 453.745605,254.368164 437.48877,254.368164 C421.141113,254.368164 407.608887,249.577393 396.89209,239.99585 C386.175293,230.414307 380.816895,218.35791 380.816895,203.82666 L380.816895,203.82666 L373.460449,203.82666 C373.460449,214.997559 376.048828,224.851562 381.225586,233.388672 C386.402344,241.925781 394.07666,248.782715 404.248535,253.959473 C414.42041,259.13623 425.500488,261.724609 437.48877,261.724609 Z" id="503"></path>
            </g>
        </g>
    </g>
</svg>
If you want to reproduce the same for other error codes you can use Roboto font with 'thin' weigh, 279pt. If you want to reproduce svg, just type desired code on an app like Sketch or Figma with Roboto, Thin, 279. Then outline stroke and make the opacity 50%, then export.

Or you can write here, or mail to contact -at- primetek com tr.

Best Regards,

info@commodis.de
Posts: 10
Joined: 10 Mar 2021, 12:06

29 Jul 2021, 08:34

Thanks for the clear instructions!
Helped a lot.

Have a great day.

siris
Posts: 322
Joined: 29 Jul 2019, 13:57

30 Jul 2021, 06:44

Thanks @woof

Post Reply

Return to “Serenity - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests