Kattes

.. and this is how it looks like (Baloo Font is used on the bottom):

To be honest, the Google Fonts almost drove me crazy. I managed to use the "Roboto" font on my UnimLabel components relatively easily, but it just didn't work for the "Baloo 2" font. After much trial and error I decided to use the following routine: procedure ForceLabelFont(var Unimlabel: tUnimLabel); begin Unimlabel.Caption := '<div style="font-family: '''+Unimlabel.Font.Name+''';">'+ Unimlabel.Caption+'</div>'; end; In the unit "Servermodule" I added within CustomCSS the following line: @import url('https://fonts.googleapis.com/css2?famil

Tipp: To make this work under mobile environment you also would need jQuery JS lib, which is not automatically loaded here.

No that does not work, it does not give you real transparency

This still is working perfectly (at least for mobile applications),

But probably UnimContainerPanel is the right answer

Has somebody any idea, how this could work for UnimPanel - so for mobile applications? Unfortunately all above does not work here

Sorry for the late response, but my boss kept me overloaded with thousands of other things... @Norm - Yes, that goes in the right direction but does not solve the problem 100%, because it would create 2 big lines (one right and on the bottom) in the browser window. The solution is so simple that I am almost embarrassed to write this here. Simply setting MainFormDisplayMode = mfPage in the ServerModul.dfm let the borders go away, which is finally very logical

Wow, another great tutorial from Mohammad . Such posts keep the forum alive and help the community grow. Many thanks for that!

Mohammad you really know how to do it! I am very impressed with the video and I think it is great that you share your knowledge with us. It would be really great if we could create our own components that already have the necessary CSS settings for a certain layout. Then you could save yourself a lot of typing work and can use the components with a self defined design over and over again.

Wow, that looks really nice and probably took a lonk time to achieve. I'm looking forward for your tutorial, Mohammad

Sherzod, my hero in darkest hours ! Thank you !!! Finally... <input type="submit" value="Login" style="font-size:22px;font-weight:550; width: 100%;" onclick="window.parent.ajaxRequest(window.parent.MainmForm.UnimURLFrame,'button', ['val1='+document.getElementById('EditboxEmail').value, 'val2='+document.getElementById('EditboxPW').value, 'val3='+document.getElementById('CheckboxSave').checked ])"> ..did make it work! Many many thanks - and also a big thanks to a

Thank you Abaksoft, but currently I first need to understand why AjaxCall is not bind to the HTML Code, which I load into an UnimURLFrame. I only can guess that I am missing a reference to some JS Unigui library. Kind regards, Kattes

So what is the problem? What needs to be added to html code to have AjaxRequest available? Kind regards, Kattes

Why? I was asked to program a mobile app, which needs to look 100% as a given template. Using power of Unigui would be nice, but would require a very good understanding of css structure of the components to manipulate their look and feel accordingly. Responsive design is another topic... CSS is part of the html code only to make it easier to read in this test case.