Language and dialect - Quartex Pascal Forum https://quartexdeveloper.com/community/language-and-dialect/ Quartex Pascal Discussion Board en-US Tue, 14 Apr 2026 08:15:31 +0000 wpForo 60 TQTXComboBox https://quartexdeveloper.com/community/language-and-dialect/tqtxcombobox/ Wed, 05 Apr 2023 19:36:30 +0000 Does somebody know how to get the index of the Selected Item inside a Box? This is probably quite simple, but I miss the ItemIndex from a regular TCombobox.

 

Christian

]]> Language and dialect Hackbart https://quartexdeveloper.com/community/language-and-dialect/tqtxcombobox/ TQTXWindow general question https://quartexdeveloper.com/community/language-and-dialect/tqtxwindow-general-question/ Wed, 05 Apr 2023 08:45:40 +0000 Hi,

 

i have two issues I am a bit unaware of. I want to create a windowed project and the first window is a login dialog box. The box should be centered in the middle and whenever it is visible all other frames should be disabled and the background turned dark. The login window not not be resizable or closable. To do so I set the options property to [] in InitializeObject. However the frame is still resizable and I can close it by clicking the responsible buttons. I would also like to put a panel on top with the description "<b>description</b><br>lorem Ipsum". This works like intend, but I also can not force the panel to stick on top and resize if necessary.

 

I am aware these questions are quite dumb.

Cheers

Christian

]]> Language and dialect Hackbart https://quartexdeveloper.com/community/language-and-dialect/tqtxwindow-general-question/ Porting Javascript to QuartexPascal https://quartexdeveloper.com/community/language-and-dialect/porting-javascript-to-quartexpascal/ Fri, 24 Feb 2023 20:45:49 +0000 Hi,

i am quite new to it, so forgive me my (most likely) stupid question. I want to create vertical panes in a list which contain some text and an image under QuartexPascal. The pure javascript implementation looks like this.

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Kacheln</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        background-color: #f0f0f0;
        font-family: Arial, sans-serif;
        font-size: 14px;
      }

      .tile {
        display: inline-block;
        width: 200px;
        height: 200px;
        background-color: white;
        margin: 10px;
        position: relative;
        cursor: pointer;
        transition: transform 0.2s;
      }

      .tile:focus {
        transform: scale(1.1);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
        outline: none;
      }

      .tile-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .tile-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 5px;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .tile-title {
        font-weight: bold;
        margin-bottom: 5px;
      }

      .tile-description {
        font-size: 12px;
      }
      
      .tile-container {
        /*display: flex;
        flex-direction: row;
        overflow-x: auto;*/
        width: 100%;
        height: 220px;
        align-items: center;
        justify-content: center;
      }
      
      ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      ::-webkit-scrollbar-track {
        background-color: #f0f0f0;
        border-radius: 5px;
      }

      ::-webkit-scrollbar-thumb {
        background-color: #c0c0c0;
        border-radius: 5px;
      }
    </style>
  </head>
  <body>
    <div class="tile-container"></div>

    <script>
      function addTile(imageUrl, title, description, backgroundColor) {
        const tileContainer = document.querySelector('.tile-container');

        const tile = document.createElement('div');
        tile.classList.add('tile');
        tile.tabIndex = 0;

        const tileImage = document.createElement('img');
        tileImage.classList.add('tile-image');
        tileImage.src = imageUrl;

        const tileContent = document.createElement('div');
        tileContent.classList.add('tile-content');
        tileContent.style.backgroundColor = backgroundColor;

        const tileTitle = document.createElement('div');
        tileTitle.classList.add('tile-title');
        tileTitle.innerText = title;

        const tileDescription = document.createElement('div');
        tileDescription.classList.add('tile-description');
        tileDescription.innerText = description;

        tileContent.appendChild(tileTitle);
        tileContent.appendChild(tileDescription);

        tile.appendChild(tileImage);
        tile.appendChild(tileContent);

        tileContainer.appendChild(tile);
      }

      function focusNextTile(isForward) {
        const tiles = document.querySelectorAll('.tile');
        const activeTile = document.activeElement;

        if (isForward) {
          const nextTile = activeTile.nextElementSibling || tiles;
          nextTile.focus();
        } else {
          const previousTile = activeTile.previousElementSibling || tiles;
       previousTile.focus();
    }
  }
document.addEventListener('keydown', function(event) {
    if (event.key === 'ArrowRight') {
      focusNextTile(true);
    } else if (event.key === 'ArrowLeft') {
      focusNextTile(false);
    }
  });

  addTile('https://picsum.photos/200/200', 'Tile 1', 'Description 1', '#ff6347');
  addTile('https://picsum.photos/200/200', 'Tile 2', 'Description 2', '#32cd32');
  addTile('https://picsum.photos/200/200', 'Tile 3', 'Description 3', '#4169e1');
  addTile('https://picsum.photos/200/200', 'Tile 4', 'Description 4', '#da70d6');
  addTile('https://picsum.photos/200/200', 'Tile 5', 'Description 5', '#ffa500');
</script>
</body>
</html>

How could a solution in qtx look like?

 

Cheers,

Christian 

]]> Language and dialect Hackbart https://quartexdeveloper.com/community/language-and-dialect/porting-javascript-to-quartexpascal/